/* WordPress overrides for Trac styles * * Most colors are to get rid of shades of yellow * Most font sizes are to compensate for sans-serif vs. Verdana ----------------------------------------------- */ /* =WP.org global header & footer */ #main, #content { /* a second #content is sometimes printed outside of #main, like when doing blame */ font-size: 14px; } #content { max-width: 940px; /* The width of the content area is smaller for proper padding. */ padding: 0 10px; } /* Footer padding. */ @media (max-width: 889px) { body[class] { --wp--preset--spacing--edge-space: 20px; } } #main { clear: both; } #main h3, #main dl, #main p { margin-top: 1em; margin-bottom: 1em; } ul, ol { padding-left: 40px; margin-top: 1em; margin-bottom: 1em; } fieldset { background: #fafafa; padding: 1em; border: 1px solid #d7d7d7; } /* Add extra whitespace betweeen trac footer and global footer. */ footer.wp-block-group.global-footer { margin-top: 2em; } /* Fixing display of the header */ #headline { background: #0073aa; border-bottom: 0; height: 62px; } header :link, header :visited, header :link:hover, header :visited:hover, footer :link, footer :visited, footer :link:hover, footer :visited:hover, #headline :link, #headline :visited, #headline :link:hover, #headline :visited:hover, #metanav :link:hover, #metanav :visited:hover, #headline h2 { border: 0; } #headline h2 { background: none; float: left; text-shadow: none; } #headline a { color: #fff; font-family: 'Open Sans', sans serif; } .build #headline a, .security #headline a { color: #555; } header :link, header :visited, header :link:hover, header :visited:hover, footer :link, footer :visited, footer :link:hover, footer :visited:hover, #headline :link:hover, #headline :visited:hover, #metanav :link:hover, #metanav :visited:hover { background: 0; } #headline .menu { list-style: none; float: right; font-size: 14px; font-weight: bold; padding: 22px 0 10px; margin: 0 15px 0 0; } #headline .menu li { display: inline; padding-left: 20px; } #headline .menu a, #headline .menu a:visited { color: rgba(255, 255, 255, 0.8); } #headline .menu a:hover, #headline .menu a:active { color: #fff; text-decoration: underline; } /* More specific overrides of wp4.css */ .change h3 a, h3.change a { font-weight: normal; /* overrides wp4 */ color: inherit; } #main #altlinks h3, #main #altlinks ul { margin: 0 auto; width: 100%; } #main #altlinks ul { padding-left: 0; } #content.error { background: none; border: 0; } /* We like the WP button styles, but they need to be a bit smaller sometimes */ .inlinebuttons input { margin: 0 0 .2em .4em; /* Trac is 0 .1em .1em */ } #prefs .buttons input[type=button], #prefs .buttons input[type=submit], .inlinebuttons input[type=button], .inlinebuttons input[type=submit] { font-size: 10px; line-height: 20px; height: 21px; } #prefs { padding-top: 25px; } #prefs input { margin: .1em; } #prefs fieldset label { margin: .1em 0; } /* Trying to position Trac's navigation/header */ #ctxtnav { padding-top: 0; } #ctxtnav ul { margin: 0 0 .3em; } #content.ticket .trac-topnav { display: none; } #pagepath { float: none; padding: 0; } #banner { position: relative; } #metanav { position: absolute; top: -24px; right: 6px; } #headline.no-menu ~ #banner #metanav { top: -40px; } #metanav a.login { font-weight: bold; } #metanav.nav ul { font-size: 12px; } #metanav.nav li { color: #fff; border-right: 0; } .build #metanav.nav li, .security #metanav.nav li { color: #444; } #metanav.nav li.last { padding-right: 0; } #metanav.nav a, #metanav.nav a:visited, #metanav form.trac-logout button { color: rgba(255, 255, 255, 0.8); background: inherit; border: inherit; } .build #metanav.nav a, .build #metanav.nav a:visited, .build #metanav form.trac-logout button, .security #metanav.nav a, .security #metanav.nav a:visited, .security #metanav form.trac-logout button { color: #21759b; } #metanav.nav a:hover, #metanav.nav a:active, #metanav form.trac-logout button:hover, #metanav form.trac-logout button:active { color: #fff; text-decoration: underline; background-color: inherit; } form#search { float: right; margin-top: .5em; } form#search input { font-size: 13px; } /* Everything should be 940px width, except for reports (too much tabular data for 940px) */ #banner, #mainnav, #ctxtnav, #pagepath, #content, #footer, #altlinks, #main > h1 { max-width: 940px; margin: 0 auto; } #banner, #ctxtnav { max-width: 928px; padding: 0 6px; } #content.report { max-width: 98%; width: auto; } #content.report div.reports ~ #help, #content.report div.reports, #content.report > h1, #content.report > form, #content.report #description, #content.report > .buttons, #content.report > .paging, #content.report > #report-notfound, #content.report > #report-notfound + #help { max-width: 940px; margin-left: auto; margin-right: auto; } #content.report form#prefs { float: none; border: 0; background: none; margin-left: auto; margin-right: auto; } #content.report #prefs div { float: right; } /* When blame displays a changeset inline, override the inline style set by blame.js */ #main ~ .message[style] { width: auto !important; } /* =admin.css */ #content.admin #tabs { background: #f9f9f9; border-color: #ccc; } #content.admin #tabs li { color: #666; } #content.admin #tabs li li.active { background: #eaf2fa; border: none; } #tabs { -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } #tabs li li.active { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .plugin { -webkit-border-radius: 3px; border-radius: 3px; } .plugin .foldable > :link, .plugin .foldable > :visited { -webkit-border-radius: 3px; border-radius: 3px; } /* =browser.css */ #content.browser h1 .first:link, h1 .first:visited { color: #999 } #content.browser div.message { background: #f7f7f7; } /* =code.css */ table.code th { border-bottom: 1px solid #d7d7d7; } table.code tbody th { background: #eaf2fa; color: #888; } table.code tbody th :link, table.code tbody th :visited { color: #888; } table.code td { word-wrap: break-word; } div.code { -webkit-border-radius: 3px; border-radius: 3px; } .image-file img { max-width: 100%; height: auto; } /* =diff.css */ .diff h2 { line-height: 1; } .diff table.trac-diff th { border-bottom: 1px solid #d7d7d7; } .diff table.trac-diff thead th { background: #eaf2fa; } .diff table.trac-diff tbody th { background: #eaf2fa; color: #888; } table.trac-diff td { word-wrap: break-word; } .diff table.trac-diff tbody.skipped td, .diff table.trac-diff thead td { border: none; /* reset the borders */ border-bottom: 1px solid #d7d7d7; } div.attachment #preview .diff .entry h2 a { color: #000 !important; font-weight: bold; } /* =prefs.css */ #content.prefs #tabs li { border-color: #ccc; /* get rid of the outset look */ line-height: 1.2; } #content.prefs #tabcontent { background: none; /* get rid of the little strip of gradient */ } /* =report.css */ #content.report .tickets tbody tr:hover { background: #eee; } .report div.reports h2 { -webkit-box-shadow: none; box-shadow: none; } h2.report-result { -webkit-box-shadow: none; box-shadow: none; } /* =roadmap.css */ table.progress { -webkit-box-shadow: none; box-shadow: none; } table.progress td { background: #dfdfdf; background: rgba( 0, 0, 0, 0.1 ); } table.progress td.closed { background: #1e8cbe; } .milestone .info h2 { -webkit-box-shadow: none; box-shadow: none; overflow: hidden; text-overflow: ellipsis; } .trac-groupprogress table.progress { -webkit-box-shadow: none; box-shadow: none; } /* =ticket.css */ #content.ticket { max-width: 58em; /* don't let it get bigger than it was */ width: auto; /* but allow for flexibility */ } #ticket { background: #f9f9f9; border: 1px solid #ccc; } #content.ticket .ticketdraft { border: 1px solid #ccc; } #ticket > h2 { font-size: 16px; } #ticket .date { color: #888; } #ticket table.properties a:hover { background: #ddd; } #ticket table.properties > tbody > tr > th.missing { color: #aaa; } #ticket table.properties, #ticket table.properties .description { border-top: 1px solid #ddd; } #ticket table.properties :link, #ticket table.properties :visited { color: #000; } #ticket table.properties > tbody > tr > td, #ticket table.properties > tbody > tr > th { line-height: 1.4; font-size: 13px; } #ticket table.properties > tbody > tr > th { color: #666; } #ticket div.description h3 { border-bottom: 1px solid #ddd; color: #666; } #ticket div.description, #ticket span.summary { word-break: break-word; } #ticket img, .comment img { max-width: 100%; height: auto; } #trac-comment-editor textarea { background: #fcfcfc; } #changelog h3, #ticketchange h3 { line-height: 1.1; } #properties { white-space: normal; } #properties table.trac-properties > tbody > tr > td { width: 50%; } #properties input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #properties table.trac-properties > tbody > tr > th.col2 { border: none; } #properties table.trac-properties > tbody > tr > td { vertical-align: top; /* align everything */ padding: .3em; /* breathing room */ } #properties table.trac-properties label > strike { text-decoration: none; } #properties .col2 #field-cc[type="checkbox"] { width: 2em; /* fix the cc checkbox */ } #action div { padding: .2em 0; /* breathing room */ } #ticket { -webkit-border-radius: 3px; border-radius: 3px; } .ticketdraft { -webkit-border-radius: 3px; border-radius: 3px; } ul.children > li.child { -webkit-border-radius: 3px; border-radius: 3px; } #changelog h3, #ticketchange h3 { -webkit-box-shadow: none; box-shadow: none; } #comment { padding: 0.75%; width: 98.5%; font-size: 13px; } /* =timeline.css */ #content.timeline dl { margin-left: 1em; } #content.timeline dl.unread { margin-left: 0.38em; border-left-color: #d54e21; } #content.timeline dt :link:hover, dt :visited:hover { background-color: #eee; } #content.timeline dt.highlight { background-color: #ffc; } dt.closedticket em { text-decoration: line-through; } #content.timeline dd { color: #777; margin: 0 0 1.5em 5em; } #content.timeline :link, #content.timeline :visited { color: #000; } h2 { -webkit-box-shadow: none; box-shadow: none; } #content.timeline h2 { padding: 3px 5px; font-size: 105%; -webkit-box-shadow: none; box-shadow: none; } /* =trac.css */ #main, #main th, #main tr, #main h1, #main h2, #main h3, #main h4 { font-family: "Open Sans", sans-serif; } body { min-width: 48.5em; /* don't let it get ugly unless responsive */ } body, th, tr { line-height: 1.4; /* I don't know how you people read without this */ } hr { border-top: 1px solid #ccc; } h1, h2, h3, h4 { letter-spacing: normal; } input[type=text]:focus, input.textwidget:focus, textarea:focus { border: 1px solid #888; } legend { color: #666; } blockquote { margin-bottom: 1em; padding: 1em 1em 0; } blockquote.citation { margin: -0.3em 0; padding: 0 0 0 0.75em; background: none; } #main blockquote p { margin: 0 0 1em 0; } .nav ul { padding: 0; } #metanav { padding-bottom: 3px; } #metanav :link, #metanav :visited { border: 0; } #mainnav { font: normal 10px "Open Sans",sans-serif; background: none; border: 0; -webkit-border-radius: 0; border-radius: 0; line-height: 1; margin-top: 8px; padding: 0; /* width: 100%; /* for IE, surprise */ } #mainnav .first, #mainnav .first :link, #mainnav .last, #mainnav .last :link { -webkit-border-radius: 0; border-radius: 0; } #mainnav ul { margin-left: 5px; float: left; font-size: 11px; } #mainnav li { float: left; /* allow items to wrap around at narrow widths */ padding: 0 1px 0 0; border: 0; background: 0; } #mainnav * { border: 0 !important; } #mainnav :link, #mainnav :visited { background: none; border: 0; color: #000; display: block; padding: 6px 19px; } #mainnav :link:hover, #mainnav :visited:hover { background: #ddd; border-right: none; color: #000; } .trac.core #mainnav .first.last :link, .core #mainnav .first.last :visited, #mainnav .active :link, #mainnav .active :visited { background: #0073aa; /* active nav menu background */ border-right: none; color: #f9f9f9; text-shadow: none; } .trac.core #mainnav .first.last :link:hover, .core #mainnav .first.last :visited:hover, #mainnav .active :link:hover, #mainnav .active :visited:hover { border-right: none; } #prefs { background: #f9f9f9; border: 1px solid #ccc; -webkit-box-shadow: none; box-shadow: none; font-size: 10px; } div#content.ticket #prefs { border: 0; background: none; margin-right: 0; position: static !important; /* overrides style="position:absolute" */ } div#content.ticket #prefs div { display: inline; } #info { background: #f9f9f9; } #info th, #info td { font-size: 100%; } a.missing:link, a.missing:visited, a.missing, span.missing, a.forbidden, span.forbidden { color: #999; } pre.wiki, pre.literal-block { background: #ffe; /* light yellow for code blocks */ font-size: 12px; /* keep font size visually comparable */ line-height: 1.3; /* doesn't need as much line-height */ } #attachments div.attachments form { margin-top: 1em; } #attachments > div.attachments { border: 1px solid #ccc; padding-right: 1em; position: relative; word-break: break-word; } #attachments > div.attachments p { float: none; position: absolute; right: 1em; bottom: 1em; } #attachments dd { margin-left: 10px } table.listing tr { line-height: 1.4; /* less information, more compact */ } table.listing thead { background: #f9f9f9; } table.listing thead th { background: #eaf2fa; border-bottom-color: #ccc; } table.listing tbody tr:hover td, table.code tbody tr:hover td { background: #eee; } .suggestions { border: 1px solid #888; } span:target { -webkit-box-shadow: none; box-shadow: none; } input[type=button], input[type=submit], input[type=reset] { -webkit-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; } input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } input[type=button]:active, input[type=submit]:active, input[type=reset]:active { position: static; top: auto; left: auto; } /* hide focus while clicking the buttons, pending better focus styles */ button:focus:active, input[type=button]:focus:active, input[type=submit]:focus:active, input[type=reset]:focus:active { outline: none; } input[type=text], input.textwidget, textarea { -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; } input[name="description"] { width: 100%; } fieldset { -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } .inlinebuttons input { -webkit-border-radius: 3px; border-radius: 3px; } .inlinebuttons input[type=button]:hover, .inlinebuttons input[type=submit]:hover { -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } #mainnav { -webkit-box-shadow: none; box-shadow: none; } #mainnav :link, #mainnav :visited { -webkit-box-shadow: none; box-shadow: none; } #mainnav :link:hover, #mainnav :visited:hover { -webkit-box-shadow: none; box-shadow: none; } div.trac-content { -webkit-border-radius: 3px; border-radius: 3px; } .foldable :link, .foldable :visited { -webkit-border-radius: 3px; border-radius: 3px; } .foldable a:hover { text-decoration: none; /* for bb's */ } #prefs { -webkit-border-radius: 3px; border-radius: 3px; } #prefs fieldset { -webkit-box-shadow: none; box-shadow: none; } pre.wiki, pre.literal-block { -webkit-box-shadow: none; box-shadow: none; } tt { -webkit-border-radius: 3px; border-radius: 3px; } table.wiki { -webkit-box-shadow: none; box-shadow: none; } table.listing { -webkit-box-shadow: none; box-shadow: none; } span.system-message, div.system-message { -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; } #notice.system-message, #notice.system-message, #warning.system-message, .warning.system-message { max-width: 946px; padding-left: 7px; padding-right: 7px; margin-left: auto; margin-right: auto; background-color: #ffffe0; border-color: #e6db55; color: #333; } div.system-message .trac-close-msg { -webkit-border-radius: 3px; border-radius: 3px; } div.system-message .trac-close-msg:hover { -webkit-box-shadow: none; box-shadow: none; } div.trac-content { -webkit-box-shadow: none; box-shadow: none; } .trac-author-user { font-weight: inherit; } .foldable :link, .foldable :visited { -webkit-box-shadow: none; box-shadow: none; } /* =wiki.css */ #content.wiki #pagepath .first:link, #content.wiki #pagepath .first:visited { color: #999; } #content.wiki .wiki-toc { border: 1px solid #d7d7d7; background: #f9f9f9; } #content.wiki .wiki-toc li { padding: .05em .4em; /* give individual TOC items more breathing room */ } #content.wiki .wiki-toc .active { background: #eaf2fa; /* current TOC item */ } .wikipage h2 { -webkit-box-shadow: none; box-shadow: none; } /* There's already a border on the title, no need for a border on links in titles */ .wikipage h2 :link, .wikipage h2 :visited, .wikipage h3 :link, .wikipage h3 :visited { border-bottom: none; } /* Gravatars and Comments */ span.avatar img, table.properties img.avatar { float: left; -webkit-border-radius: 3px; border-radius: 3px; } span.avatar img { margin: 0 8px 0 -4px; } table.properties img.avatar { margin: 0 6px 0 -60px; } span.contributor-label { font-size: 0.9em; background: #fff; color: #666; padding: 3px 4px; margin: 0 2px 0 3px; border: 1px solid #eee; } span.contributor-label[title]:hover { cursor: help; color: #333; /* seems to fix Chrome issue where the cursor rule isn't immediately picked up */ } #changelog span:target { -webkit-background-clip: content-box; background-clip: content-box; padding-top: 24px; } #changelog h3.change img, #ticketchange h3.change img { margin: 0 0.8em 0 -2px; border: 0; /* override for bb's */ } #changelog h3.change, #ticketchange h3.change { padding: .5em 10px; min-height: 40px; background: #f9f9f9; margin: 0 -1em; } #changelog h3.change.chat-bot { margin: -1px -1.1em; border: none; background: #fff; padding: 0 11px 1px 1em; } #changelog h3.change.prbot.with-context { color: inherit; margin: 1em -1em; border: 1px; border-bottom: none; } #changelog h3.change:after, #ticketchange h3.change:after { content: ""; display: table; clear: both; } #changelog h3.change span.avatar, #ticketchange h3.change span.avatar { float: left; line-height: 22px; min-width: 200px; } #changelog h3.change.chat-bot span.avatar { line-height: 24px; } #changelog h3.chat-bot p { margin: 0; display: inline; } #changelog h3.chat-bot p br { display: none; } #changelog h3.chat-bot a.ext-link:before { content: none; } #changelog h3.chat-bot .trac-ticket-buttons { display: none; } #changelog h3.chat-bot.prbot:hover .trac-ticket-buttons { display: inherit; } span.time-ago { font-size: 0.85em; } span.time-ago a.timeline { border: none; } h3 .trac-ticket-buttons:before { content: "."; font-size: 0; } h3 .trac-ticket-buttons { padding-top: 8px; visibility: visible !important; } h3.chat-bot .trac-ticket-buttons { padding-top: 0; } div.change > .trac-ticket-buttons { display: none; } div.trac-ticket-buttons input[type=submit] { -webkit-border-radius: 0; border-radius: 0; background: none; padding: 0 5px; font-size: 12px; color: #888; } #changelog .changes, #ticketchange .changes, div.change ul.changes { margin-top: 20px; margin-bottom: 20px; padding: inherit; border: none; float: none; box-shadow: none; background: inherit; color: inherit; word-break: break-word; } h3.change .profile-link { border-bottom: none; text-decoration: none; /* override for bb's */ } #changelog { padding: 0 0 1em; } #changelog h3.change .username, #ticketchange h3.change .username { color: #333; font-size: 15px; } #changelog div.change { border: 1px solid #d7d7d7; padding: 5px 0; margin: 1.5em 0; padding: 0 1em; } #changelog div.change:last-child { padding-bottom: 0; } #changelog .comment, #ticketchange .comment { margin-left: 0; word-wrap: break-word; margin-top: 20px; margin-bottom: 20px; } #changelog .trac-lastedit { margin: 0.8em 0; padding-left: 0; } /* Give the various warnings some formatting */ .wp-notice, .wp-caution { padding: 0 1.2em; margin: 1em 0; } .wp-notice { background: #eff6f9; border: 2px solid #21759b; } .wp-caution { border: 2px solid #999; background: #ffb; } .wp-notice li, .wp-caution li { margin-bottom: 0.5em; } /* Warnings when creating a new ticket */ .newticket-not-here { padding: 6px 1.2em; overflow: auto; } .newticket-not-here .dashicons { font-size: 40px; height: 40px; width: 40px; float: left; padding-right: 13px; } #main .newticket-not-here .security { margin-top: 1.5em; } #main .newticket-not-here .support { float: left; margin-top: .5em; min-width: 36%; } body.plugins #main .newticket-not-here .support { min-width: 43%; } .newticket-instructions { margin: 1em 0; } .newticket-instructions li { padding: 4px 0; } /* Possibly related ticket list */ .related-tickets li { margin-bottom: 5px; } #propertyform[action*="/newticket"] #properties legend { display: none; } .core-focuses-legend { display: block !important; color: inherit; margin: 0 0 6px; padding: 0; font-size: inherit; font-weight: normal; transform: translateY(-2px); } #fieldset-focuses, #propertyform[action*="/newticket"] fieldset { padding: 0; border: none; background: none; } #propertyform[action*="/newticket"] #focuses span { display: none; } #propertyform[action*="/newticket"] #properties table.trac-properties > tbody > tr > td#focuses { padding-left: 58px; } #propertyform > p, #propertyform > .buttons { margin-left: 10px; } .set-trunk, .set-trunk:hover { border: none; background: none; } /* Remove nowrap from long titles */ .tickets tbody td.summary, .reports tbody td.summary { white-space: normal; } /* Add nowrap to milestone and type */ table.listing tbody td.milestone, table.listing tbody td.type, table.listing tbody td.component, table.listing tbody td.workflow { white-space: nowrap; } /* right-align number columns */ .tickets tr.trac-columns th a { padding-right: 0; } table.listing tr.trac-columns .dashicons { float: right; width: 16px; height: 16px; font-size: 16px; } table.listing tbody td.Comments, table.listing tbody td.Stars { text-align: right; } /* Some visual improvements to ticket properties and attachments */ td[headers=h_keywords] a { margin-right: 10px; white-space: nowrap; } dl.attachments dt { padding-bottom: 4px; } /* Trac UI Preferences Link */ #altlinks .preferences-link { float: right; font-size: 12px; margin-top: 10px; } /* Our own image previews */ .trac-image-preview { display: block; height: auto; max-width: 100%; margin: 1em 0; } /* Hide stray dot next to 'leave as new' */ #action_leave + label + span.hint { display: none; } /* = Notifications */ .ticket-star { font-size: 32px; width: 32px; margin-right: 8px; color: #aaa; } .ticket-star:hover { cursor: pointer; } .ticket-star:hover, .ticket-star.dashicons-star-filled { color: #21759b; } #notifications { margin-top: 1em; } /* Hide "Cc:" from ticket box when there are none */ #h_cc.missing { visibility: hidden; } #ticket table.properties tr:last-child { border-bottom: none; } #notifications .dashicons { height: 16px; width: 16px; font-size: 16px; vertical-align: text-bottom; } #notifications .star-this-ticket a { color: #333; } #notifications .count-1, #notifications.count-0 .num-stars, #notifications.count-0 .star-list, #notifications.count-1 .count-many { display: none; } #notifications.count-1 .count-1 { display: inline; } #notifications .block-notifications, #notifications .unblock-notifications { color: #d31313; margin-left: 6px; margin-right: 6px; } #notifications .num-stars { font-size: 12px; margin-left: 6px; } #notifications .star-list a { border-bottom: 0; background: none; margin-right: 7px; margin-bottom: 7px; display: inline-block; } #notifications .star-list a.star:before { color: #fff; display: inline-block; margin: 25px 0 0 26px; width: 14px; height: 14px; position: absolute; color: #fff; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #333; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1; font-family: "dashicons"; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; text-align: center; content: "\f155"; } #notifications .star-list a .username { vertical-align: top; line-height: 36px; margin: 0 8px 0 4px; width: 94px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; } #notifications.show-usernames .star-list a .username { display: inline-block; } #notifications .grid-toggle a { color: #555; border: none; background: none; } #notifications .grid-toggle { margin-right: 15px; } #notifications .grid-toggle a.grid { color: #21759b; } #notifications .grid-toggle a.names { /* this dashicon is painted larger than the other, so shrink it a bit */ height: 15px; font-size: 14px; } #notifications.show-usernames .grid-toggle a.grid { color: #555; } #notifications.show-usernames .grid-toggle a.names { color: #21759b; } #notifications .star-list .star-you, #notifications a.watching-ticket, #notifications p.receiving-notifications, #notifications p.receiving-notifications-because, #notifications p.not-receiving-notifications { display: none; } #notifications.subscribed .star-you { display: inline; } #notifications.subscribed a.watching-ticket { display: inline-block; } #notifications.receiving p.receiving-notifications-because, #notifications.block p.receiving-notifications-because, #notifications.blocked p.not-receiving-notifications { display: block; } #notifications.blocked.receiving p.receiving-notifications-because, #notifications.subscribed p.receiving-notifications-because, #notifications.subscribed p.not-receiving-notifications, #notifications.subscribed a.watch-this-ticket { display: none; } #notifications.subscribed p.receiving-notifications { display: block; } #notifications fieldset { position: relative; } #notifications .preferences { position: absolute; top: 22px; right: 14px; font-size: 12px; } td.Stars { white-space: nowrap; } td.Stars .dashicons { color: #999; height: 16px; width: 16px; font-size: 16px; } td.Stars .dashicons:hover, td.Stars .dashicons-star-filled { color: #21759b; } td.Stars .loading { visibility: hidden; } td.Stars .trac-report-star:hover { cursor: pointer; } #main p.note-new-reporter { margin: 2em 0; padding: 1em; border: 1px solid #ccc; text-align: center; } p.note-new-reporter span, p.note-new-reporter img { display: inline-block; } p.note-new-reporter img { margin-right: 25px; } p.note-new-reporter .dashicons { font-size: 36px; width: 36px; height: 36px; margin-left: 25px; } #main p.ticket-reopen-notice { margin: 1em 0 2em; } p.ticket-reopen-notice .dashicons { float: left; padding-right: 8px; } /* =Link Colors */ a:link, dt em, .timeline dt em, .milestone .info h2 em, #content.build h2.config :link, #content.build h2.config :visited, .report div.reports h3 em { color: #21759b; } /* =bbPress / BuddyPress */ /* bbPress colors */ body.bbpress .wp-notice { background: #eaf9ed; border: 2px solid #080; } body.bbpress :link, body.bbpress :visited, body.bbpress #footer :link, body.bbpress #footer :visited, body.bbpress dt em, body.bbpress .milestone .info h2 em, body.bbpress #content.build h2.config :link, body.bbpress #content.build h2.config :visited body.bbpress dt.wiki:hover:before, body.bbpress dt.milestone:hover:before, body.bbpress dt.reopenedticket:hover:before, body.bbpress dt.closedticket:hover:before, body.bbpress dt.changeset:hover:before, body.bbpress dt.editedticket:hover:before, body.bbpress dt.newticket:hover:before, body.bbpress dt.batchmodify:hover:before, body.bbpress dt.attachment:hover:before { color: #080; /* link color */ } body.bbpress #mainnav .active :link, body.bbpress #mainnav .active :visited { background: #080; /* active nav item */ } body.bbpress .atwho-view .cur { background: #080; } body.bbpress .atwho-view strong { color: #080; } body.bbpress .wiki-toc ul li, body.bbpress #content.prefs #tabs li { list-style: none; } /* BuddyPress colors */ body.buddypress .wp-notice { background: #fff3ec; border: 2px solid #d84800; } body.buddypress :link, body.buddypress :visited, body.buddypress #footer :link, body.buddypress #footer :visited, body.buddypress dt em, body.buddypress .milestone .info h2 em, body.buddypress #content.build h2.config :link, body.buddypress #content.build h2.config :visited, body.buddypress dt.wiki:hover:before, body.buddypress dt.milestone:hover:before, body.buddypress dt.reopenedticket:hover:before, body.buddypress dt.closedticket:hover:before, body.buddypress dt.changeset:hover:before, body.buddypress dt.editedticket:hover:before, body.buddypress dt.newticket:hover:before, body.buddypress dt.batchmodify:hover:before, body.buddypress dt.attachment:hover:before { color: #d84800; /* link color */ } body.buddypress #mainnav .active :link, body.buddypress #mainnav .active :visited { background: #d84800; /* active nav item */ } body.buddypress .atwho-view .cur { background: #d84800; } body.buddypress .atwho-view strong { color: #d84800; } /* bbPress/BuddyPress design overrides */ body.bbpress #main, body.buddypress #main { width: auto; } body.bbpress h1, body.buddypress h1 { font-size: 19px; } body.bbpress #header, body.buddypress #header { position: static; top: auto; } body.bbpress #subnav, body.buddypress #subnav { margin-top: auto; } body.bbpress #footer, body.buddypress #footer { color: #222; padding: 24px 0; margin: 0 auto 24px; } body.bbpress #subnav-inner ul li a, body.bbpress #footer :link, body.bbpress #footer :visited, body.buddypress #subnav-inner ul li a, body.buddypress #footer :link, body.buddypress #footer :visited { border-bottom: none; } body.bbpress #footer :link:hover, body.bbpress #footer :visited:hover, body.buddypress #footer :link:hover, body.buddypress #footer :visited:hover { background: none; } body.bbpress #subnav, body.buddypress #subnav { line-height: 24px; } body.bbpress #mainnav a:hover, body.buddypress #mainnav a:hover { text-decoration: none; } body.bbpress #main, body.buddypress #main { padding-top: 6px; } /* =Workflow Keywords */ #properties table.trac-properties > tbody > tr > td { vertical-align: top; } #keyword-bin { padding: 8px 0 0 13px; clear: both; } #keyword-bin span { float: left; margin: 0 25px 8px 0; font-size: 12px; } #keyword-bin span[title] { cursor: help; } #keyword-bin .keyword-button-remove { margin: 1px 0 0 -15px; padding: 0; cursor: pointer; width: 15px; height: 15px; font-size: 15px; display: block; float: left; text-indent: 0; overflow: hidden; position: absolute; border: 0; background: none; color: #999; } #keyword-bin .keyword-button-remove:hover, #keyword-bin .keyword-button-remove:focus { color: #c00; } #edit-keywords { cursor: pointer; font-size: 13px; color: inherit; margin: 2px 0; border-radius: 3px; vertical-align: middle; background: #f7f7f7; border: 1px solid #ccc; box-shadow: 0 1px 0 #ccc; color: #555; box-shadow: none; } #edit-keywords:hover, #edit-keywords:focus { background: #fafafa; color: #23282d; border-color: #999; } /* hide focus when moved programmatically, pending better focus styles */ #edit-keywords.hide-programmatic-focus:focus { outline: none; } .has-js #field-keywords { width: 92%; display: none; float: left; clear: both; } #keyword-label { float: left; padding: 2px 0.4em 2px 0.1em; /* emulates table cell padding */ text-align: right; white-space: nowrap; } #keyword-add { margin-left: calc( 2px + .3em ); /* emulates table cell padding */ margin-right: 6px; } /* =Focuses */ body.core #reportfilters { display: none; } #ticket table.properties th#h_focuses.missing { display: none; } #properties table.trac-properties > tbody > tr > td#focuses { padding: .6em 0 .3em 52px; } #focuses span { float: left; } #focuses ul { float: left; width: 296px; margin: 0; padding: 0; list-style: none; } #focuses li { font-size: 12px; float: left; margin: 0 6px 6px 0; } #focuses .core-focuses-button { display: inline-block; margin: 0; padding: 4px 7px; color: inherit; border: 1px solid #ccc; border-radius: 3px; background: #eee; cursor: pointer; } #focuses .core-focuses-button:hover, #focuses .core-focuses-button:focus { background: #fafafa; color: #23282d; border-color: #999; } #focuses li.active .core-focuses-button, #focuses li.active .core-focuses-button:focus { background: #666; color: #fff; border-color: #666; } /* * Workaround for Trac bug. * See http://trac.edgewall.org/ticket/10751 */ .timeline img { display: none; } /** * Dashicons */ table.listing th.asc a:after, table.listing th.desc a:after, table.dirlist tr span.expander:before, table.dirlist td.rev a.chgset:before, table.dirlist td.name a.file:before, table.dirlist td.name a.dir:before, a.mail-link:before, a.ext-link:before, a.trac-rawlink:before, a.trac-ziplink:before, span.AtD_proofread_button:before, .wikitoolbar a:before, #altlinks li a.rss:before, dt.wiki:before, dt.milestone:before, dt.reopenedticket:before, dt.closedticket:before, dt.changeset:before, dt.editedticket:before, dt.newticket:before, dt.batchmodify:before, .foldable :link:before, .foldable :visited:before, dt.attachment:before { display: inline-block; width: 20px; height: 20px; -webkit-font-smoothing: antialiased; font-size: 20px; line-height: 1; font-family: "dashicons"; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; -webkit-transition: color .1s ease-in 0; transition: color .1s ease-in 0; text-align: center; color: #777; } table.dirlist tr span.expander:hover:before, table.dirlist td.name a.file:hover:before, table.dirlist td.name a.dir:hover:before, dt.wiki:hover:before, dt.milestone:hover:before, dt.reopenedticket:hover:before, dt.closedticket:hover:before, dt.changeset:hover:before, dt.editedticket:hover:before, dt.newticket:hover:before, dt.batchmodify:hover:before, dt.attachment:hover:before { color: #21759b; } dt.attachment:before { content: "\f103"; /* dashicons-admin-links */ } dt.batchmodify:before { content: "\f105"; /* dashicons-admin-page */ } dt.newticket:before { content: "\f133"; /* dashicons-welcome-add-page */ } dt.editedticket:before { content: "\f119"; /* dashicons-welcome-write-blog */ } dt.changeset:before { content: "\f111"; /* dashicons-admin-generic */ } dt.closedticket:before { content: "\f147"; /* dashicons-yes */ font-size: 26px; margin-left: -6px; padding-right: 6px; } dt.reopenedticket:before { content: "\f119"; /* dashicons-welcome-write-blog */ } dt.milestone:before { content: "\f469"; /* dashicons-clock */ } dt.wiki:before { content: "\f330"; /* dashicons-book */ } .foldable :link:before, .foldable :visited:before { content: "\f140"; /* dashicons-arrow-down */ } .collapsed > .foldable :link:before, .collapsed > .foldable :visited:before { content: "\f142"; /* dashicons-arrow-up */ } table.listing th.asc a, table.listing th.desc a, table.dirlist tr.expanded span.expander, table.dirlist tr span.expander, table.dirlist td.rev a.chgset, table.dirlist td.name a.file, table.dirlist td.name a.dir, a.trac-rawlink, a.trac-ziplink, .timeline dt.changeset, .timeline dt.changeset a, .timeline dt.newticket, .timeline dt.newticket a, .timeline dt.reopenedticket, .timeline dt.reopenedticket a, .timeline dt.editedticket, .timeline dt.editedticket a, .timeline dt.closedticket, .timeline dt.closedticket a, .timeline dt.batchmodify, .timeline dt.batchmodify a, .timeline dt.wiki, .timeline dt.wiki a, .timeline dt.milestone, .timeline dt.milestone a, .timeline dt.attachment, .timeline dt.attachment a, .foldable :link, .foldable :visited { background-image: none !important; } #content.timeline dt :link, #content.timeline dt :visited, .foldable :link, .foldable :visited { padding-left: 0; } a.mail-link .icon, a.ext-link .icon { display: none; } #altlinks li a.rss { background: none; padding-left: 0; } #altlinks li a.rss:before { content: "\f303"; /* dashicons-rss */ color: #ff6600; padding-right: 5px } .wikitoolbar { border: none; width: auto; margin-bottom: 10px; } span.AtD_proofread_button, .wikitoolbar :link, .wikitoolbar :visited { float: left; background: none; border: none; width: 20px; height: 20px; padding: 2px 4px; cursor: pointer; } span.AtD_proofread_button:hover, .wikitoolbar :link:hover, .wikitoolbar :visited:hover { border: none; background-color: #eee; } table.dirlist td.rev a.chgset:before, span.AtD_proofread_button:before, .wikitoolbar a:before { color: #666; } table.dirlist td.rev a.chgset:hover:before, span.AtD_proofread_button:hover:before, .wikitoolbar a:hover:before { color: #444; } .wikitoolbar a#strong:before { content: "\f200"; /* dashicons-editor-bold */ } .wikitoolbar a#em:before { content: "\f201"; /* dashicons-editor-italic */ } .wikitoolbar a#heading:before { content: "\f215"; /* dashicons-editor-textcolor */ font-weight: 700; font-size: 26px; margin-left: -3px; margin-top: -1px } .wikitoolbar a#link:before { content: "\f103"; /* dashicons-admin-links */ } .wikitoolbar a#code:before { content: "\f475"; /* dashicons-editor-code */ } .wikitoolbar a#hr:before { content: "\f460"; /* dashicons-minus */ font-size: 22px; margin-left: -1px; } .wikitoolbar a#br:before { content: "\f474"; /* dashicons-editor-break */ } .wikitoolbar a#np:before { content: "\f476"; /* dashicons-editor-paragraph */ } .wikitoolbar a#img:before { content: "\f128"; /* dashicons-format-image */ } span.AtD_proofread_button:before { content: "\f210"; /* dashicons-editor-spellcheck */ } .wikitoolbar a#code-php:before { content: 'PHP'; font-size: 13px; font-weight: bold; position: relative; left: -3px; top: 2px; } #field-description-help, label[for=comment] { line-height: 28px; } table.dirlist td.rev a.chgset:before, a.trac-rawlink:before, a.trac-ziplink:before, a.ext-link:before, a.mail-link:before { color: #21759b; } table.dirlist td.rev a.chgset:hover:before, a.trac-rawlink:hover:before, a.trac-ziplink:hover:before, a.ext-link:hover:before, a.mail-link:hover::before { color: #555; } #content.timeline a.trac-rawlink:before, #content.timeline a.trac-ziplink:before { color: #000; /* Reset color for timeline */ } a.trac-rawlink, a.trac-ziplink { padding-right: 0; margin-left: 4px } a.trac-rawlink:before, a.trac-ziplink:before, a.ext-link:before, a.mail-link:before { font-size: 15px; height: 15px; width: 15px; vertical-align: middle; } a.trac-rawlink:before, a.trac-ziplink:before { content: "\f316"; /* dashicons-download */ padding: 0 1px } a.ext-link:before { content: "\f316"; /* dashicons-download */ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: -5px; padding-right: 3px; } .create-new-ticket a.ext-link:before { display: none; } a.mail-link { white-space: nowrap; } a.mail-link:before { content: "\f466"; /* dashicons-email-alt */ padding-right: 3px; } table.dirlist td.name a.dir { padding-left: 0; } table.dirlist td.name a.dir:before { content: "\f318"; /* dashicons-category */ margin-right: 2px; } table.dirlist td.name a.file:before { content: "\f105"; /* dashicons-admin-page */ color: #999; } table.dirlist td.rev a.chgset { padding: 0; margin: 0; } table.dirlist td.rev a.chgset:before { content: "\f111"; /* dashicons-admin-generic */ font-size: 15px; height: 15px; width: 15px; } table.dirlist tr.expanded span.expander, table.dirlist tr span.expander { padding: 0; margin: 0; } table.dirlist tr span.expander:before { content: "\f139"; /* dashicons-arrow-right */ width: 15px; } table.dirlist tr span.expander.expanded:before { content: "\f140"; /* dashicons-arrow-down */ width: 15px; } table.listing th.asc a:after, table.listing th.desc a:after { font-size: 15px; height: 15px; width: 15px; } table.listing th.asc a:after { content: "\f142"; /* dashicons-arrow-up */ } table.listing th.desc a:after { content: "\f140"; /* dashicons-arrow-down */ } /* =Reports page */ /* =Report screens */ .create-new-ticket.button { margin: 10px 10px 0; float: right; clear: right; font-size: 15px; min-height: 40px; padding: 0; } .create-new-ticket a { line-height: 38px; color: #fff !important; background: none !important; border: none !important; display: block; height: 100%; width: 100%; padding: 0 12px 2px; } .create-new-ticket .ext-link .icon { display: none; } .create-new-ticket a:active { color: rgba(255,255,255,0.95) !important; } #content.report #prefs { margin: -20px 0 2px 10px; padding-right: 4px; background: none; border: none; } #content.report #prefs div { display: inline; } body.core #ctxtnav a[href="/report"] { display: none; } /** * Autocomplete via At.js. */ .atwho-container { font-size: 13px; } .atwho-view { position: absolute; top: 0; left: 0; display: none; margin-top: 18px; background: #fff; color: black; border: 1px solid #ccc; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); min-width: 120px; max-height: 200px; overflow: auto; z-index: 11110 !important; } .atwho-view .cur { background: #0073aa; color: #fff; } .atwho-view .cur small { color: #fff; } .atwho-view strong { color: #0073aa; } .atwho-view .cur strong { color: #fff !important; font: bold; } .atwho-view ul { /* width: 100px; */ list-style: none; padding: 0; margin: auto; } .atwho-view ul li { display: block; padding: 5px 10px; border-bottom: 1px solid #ccc; cursor: pointer; } .atwho-view ul li:last-child { border-bottom: 0; } .atwho-view small { font-size: smaller; color: #777; font-weight: normal; } a.mention.me { font-weight: bold; background: #ffe399; color: #23282d; -webkit-box-shadow: 1px 0 0 0 #ffe399, -1px 0 0 0 #ffe399, 0 0 0 2px #ffe399; box-shadow: 1px 0 0 0 #ffe399, -1px 0 0 0 #ffe399, 0 0 0 2px #ffe399; } #commits > div.commits { border: 1px solid #ccc; padding-right: 1em; } #commits ul { margin-left: 2em; padding: 0; } #commits li { list-style: square; padding-bottom: 4px; margin-left: 10px } /* =Responsive / Mobile ----------------------------------------------- */ @media (max-width: 960px) { #main { overflow-x: auto; } } @media (max-width: 770px) { #headline { height: auto; min-height: 62px; } #headline .menu { clear: both; float: none; text-align: center; font-size: 16px; } #headline .menu li { padding-left: 5px; padding-right: 5px; } #banner { position: relative; top: -85px; margin-bottom: -45px; } form#search { float: none; margin-top: 0; } #metanav { position: static; top: 0; right: 0; } .core.trac #mainnav { display: none; } .newticket-instructions { margin-left: 1em; margin-right: 1em; } #main .newticket-not-here .support { float: none; min-width: 100%; } #ticket table.properties img.avatar { margin: 0 .5em 0 0; } #properties table.trac-properties > tbody > tr > td#focuses { padding-left: 22px; } body:not(.is-oembed) .listing.tickets th, body:not(.is-oembed) .listing.tickets td { display: block; } body:not(.is-oembed) .listing.tickets thead th, body:not(.is-oembed) .listing.tickets tbody .trac-columns th { display: inline-block; } body:not(.is-oembed) .listing.tickets tbody tr td.id::before, body:not(.is-oembed) .listing.tickets tbody tr td.ticket::before { content: "Ticket: "; } body:not(.is-oembed) .listing.tickets tbody tr td.summary::before { content: "Summary: "; } body:not(.is-oembed) .listing.tickets tbody tr td.status::before { content: "Status: "; } body:not(.is-oembed) .listing.tickets tbody tr td.resolution::before { content: "Resolution: "; } body:not(.is-oembed) .listing.tickets tbody tr td.owner::before { content: "Owner: "; } body:not(.is-oembed) .listing.tickets tbody tr td.type::before { content: "Type: "; } body:not(.is-oembed) .listing.tickets tbody tr td.priority::before { content: "Priority: "; } body:not(.is-oembed) .listing.tickets tbody tr td.milestone::before { content: "Milestone: "; } body:not(.is-oembed) .listing.tickets tbody tr td.component::before { content: "Component: "; } body:not(.is-oembed) .listing.tickets tbody tr td.severity::before { content: "Severity: "; } body:not(.is-oembed) .listing.tickets tbody tr td.workflow::before { content: "Workflow: "; } body:not(.is-oembed) .listing.tickets tbody tr td.date::before { content: "Date: "; } body:not(.is-oembed) .listing.tickets tbody tr td.time::before { content: "Created: "; } body:not(.is-oembed) .listing.tickets tbody tr td.changetime::before { content: "Modified: "; } body:not(.is-oembed) .listing.tickets tbody tr td.version::before { content: "Version: "; } body:not(.is-oembed) .listing.tickets tbody tr td.reporter::before { content: "Reporter: "; } body:not(.is-oembed) .listing.tickets tbody tr td.Comments::before { content: "Comments: "; } body:not(.is-oembed) .listing.tickets tbody tr td.Stars::before { content: "Stars: "; } body:not(.is-oembed) .listing.tickets tbody tr td.keywords::before { content: "Keywords: "; } body:not(.is-oembed) .listing.tickets tbody tr td.focuses::before { content: "Focuses: "; } body:not(.is-oembed) .listing.tickets tbody tr td.cc::before { content: "CC: "; } body:not(.is-oembed) .listing.tickets tbody tr td:not(.Comments, .Stars)::before { font-weight: 600; } body:not(.is-oembed) .listing.tickets tbody tr td.Stars, body:not(.is-oembed) .listing.tickets tbody tr td.Comments { display: inline-block; float: right; } .tickets tr.color3-odd, .tickets tr.color3-even, table.tickets tbody tr.even.prio3, table.tickets tbody tr.odd.prio3 { border-color: #ccc; } .tickets tr.color4-odd, .tickets tr.color4-even, table.tickets tbody tr.even.prio4, table.tickets tbody tr.odd.prio4 { border-color: #099; } .tickets tr.color5-odd, .tickets tr.color5-even, table.tickets tbody tr.prio5 { border-color: #469; } .tickets tr.color6-odd, .tickets tr.color6-even { border-color: #888; } .listing.tickets thead tr th a, .listing.tickets tbody .trac-columns th a { font-size: 1.2em; } } @media (max-width: 640px) { body { min-width: 1em; /* small value to override previous min-width */ -webkit-text-size-adjust: 100%; } h1, h2 { -webkit-text-size-adjust: 85%; /* make them relatively smaller */ } hr { margin: 1em 0; /* less breathing room */ } #banner { position: static; margin-bottom: 0; } #banner #search { margin: 10px 0; text-align: left; } .nav ul { text-align: left; /* move these to the left */ } .nav li, #altlinks li, .milestone .info dl { white-space: normal; /* allow them to wrap */ } #metanav ul { overflow: auto; /* magical float clearing */ } #metanav li { float: left; } #metanav.nav li, #metanav.nav form.trac-logout button, #metanav.nav a, #metanav.nav a:hover, #metanav.nav a:active, #metanav.nav a:visited { color: initial; } #mainnav :link, #mainnav :visited { /* bigger tap target */ padding: .5em 20px; -webkit-text-size-adjust: 120%; } #header img { max-width: 50%; /* prevent the logo and search from colliding (to a point) */ height: auto; } #filters th, #filters td { display: block; } #filters .trac-clause td:not(.actions td), #filters .trac-clause th { text-align:left; } #filters .trac-clause tbody { display:table; padding:7px 0 7px 0; } #filters th, #filters td label { font-size:13px; } #content.ticket, .milestone .info .progress, .milestone .info dl, #content.timeline dl, #stats { margin-left: 0; /* use all the available space */ } #ticket table.properties > tbody > th { padding: 0.5em .2em .5em 0; /* reduce side padding */ } #ticket table.properties > tbody > td { padding: 0.5em 0 .5em .2em; /* reduce side padding */ } #ticket table.properties > tbody > tr > th { width: 30%; /* More room so columns don't overlap */ } #properties table.trac-properties > colgroup > col.th, #properties table.trac-properties > colgroup > col.td { width: 100%; } #field-description-help, #content.ticket label[for="comment"] { float: none; /* don't let it collide with the editor buttons */ } #keyword-label { min-width: 115px !important; text-align: left; float: none; display: block; } #properties table.trac-properties { display: block !important; } #properties table.trac-properties > tbody > tr > th, #properties table.trac-properties > tbody > tr > td { /* one col, labels on top */ display: block; padding: 0 !important; width: 100% !important; } #properties table.trac-properties > tbody > tr > th { padding: 0; margin: 10px 0 5px; text-align: left; } #properties table.trac-properties > tbody > tr > th.col2 { border-left: none; /* no columns, no divider */ } #field-description { margin: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .milestone .info .progress { max-width: 85%; /* override former max-width */ } #stats { float: none; /* move it over */ max-width: 100%; } #content.prefs #tabs { margin: 1em 0 0 0; } #content.prefs #tabs li { /* bigger tap target */ margin: 1em 1em 0 0; padding: .6em 1em; } #content.admin #tabcontent { margin: 0; padding: 0; } #content.admin #tabs, #content.admin #tabcontent form.addnew { /* stop collisions */ float: none; margin: 1em 0; } #footer p.left { display: none; } } @media (max-width: 550px) { .create-new-ticket.button { float: none; margin: 20px 0 0 !important; /* Override inline styles */ padding: 0 20px; } .create-new-ticket a { padding: 0; } #ticket .date { position: static; float: none; margin-bottom: 10px; } #trac-ticket-title { margin-top: 10px; } #ticket table.properties > tbody > tr > th, #ticket table.properties > tbody > tr > td { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #ticket table.properties > tbody > tr > th { width: 30%; clear: left; } #ticket table.properties > tbody > tr > td { width: 70%; clear: left; } #ticket table.properties img.avatar { float: left; } #attachments > div.attachments > p { float: none; position: unset; } #prefs { position: static !important; float: none; margin-top: 10px; } #overview dt.property { position: static; float: none; margin: 10px 0; padding: 0; text-align: left; } #overview dd, #overview dd.message { margin-left: 0; padding: 0; } #help { text-align: left; } #altlinks .preferences-link { float: none; } #main #altlinks h3 { margin-top: 5px; } #changelog .comment ul, #changelog .comment ol, #ticketchange .comment ul, #ticketchange .comment ol { padding-left: 18px; } pre.wiki, pre.literal-block { word-wrap: normal; } } @media (max-width: 360px) { #header img { margin-bottom: 0; /* push search down */ max-width: 70%; } #search { margin-bottom: .5em; /* less space below */ } #info th { white-space: normal; /* allow to wrap */ } #prefs { float: none; /* push everything below pref box */ } #keyword-label { display: block; float: none; } .milestone .info .progress { width: 85%; } #content.timeline dl { width: 85%; /* prevent right overflow */ } #content.timeline dd { margin-left: 0; } #ticket table.properties > tbody > tr > th { width: 40%; /* More room so columns don't overlap */ } #ticket table.properties > tbody > tr > td { width: 60%; /* Less room so columns don't overlap */ } } #github-prs .hidden { display: none; } #github-prs ul.pull-requests { border: 1px solid #ccc; display: table; margin: 0; max-width: 56em; padding: 0 1em; position: relative; width: 100%; } #github-prs ul.pull-requests li { align-items: center; display: table-row; justify-content: space-between; padding: 0; } #github-prs ul.pull-requests li div { display: table-cell; padding: 0.5em 0; } #github-prs ul.pull-requests li > div:first-of-type > a:first-of-type { display: inline-block; max-width: 20em; overflow: hidden; text-overflow: ellipsis; vertical-align: text-bottom; white-space: nowrap; } #github-prs ul.pull-requests li:not(.loading) > div:last-of-type { text-align: right; } #github-prs .button { color: black; white-space: nowrap; } #github-prs .button:hover { text-decoration: none; } #github-prs ins { color: green; text-decoration: none } #github-prs del { color: red; text-decoration: none; } @media screen and (max-width: 820px) { #github-prs .button { line-height: 20px; margin-right: 0.3em; } #github-prs ul.pull-requests { display: block; width: auto; } #github-prs ul.pull-requests li { display: flex; flex-wrap: wrap; } #github-prs ul.pull-requests li > div:first-of-type { width: 100%; /* force other items to wrap to second line. */ } #github-prs ul.pull-requests li > div:first-of-type > a:first-of-type { max-width: 70%; margin-bottom: -1px; } } /* Trac oEmbed rules */ body.is-oembed table.listing { display: block; overflow-x: auto; } body.is-oembed table.listing .summary { min-width: 40vw; }