/* The contents of this file are subject to the Mozilla Public * License Version 1.1 (the "License"); you may not use this file * except in compliance with the License. You may obtain a copy of * the License at http://www.mozilla.org/MPL/ * * Software distributed under the License is distributed on an "AS * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or * implied. See the License for the specific language governing * rights and limitations under the License. * * The Original Code is the Bugzilla Bug Tracking System. * * The Initial Developer of the Original Code is Netscape Communications * Corporation. Portions created by Netscape are * Copyright (C) 1998 Netscape Communications Corporation. All * Rights Reserved. * * Contributor(s): Byron Jones * Christian Reis * Vitaly Harisov * Svetlana Harisova * Marc Schumann * Pascal Held * Kohei Yoshino */ /* fonts (begin) */ @font-face{ font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(fonts/MaterialIcons-Regular.woff2) format('woff2'), url(fonts/MaterialIcons-Regular.woff) format('woff'); } /* fonts (end) */ /* global (begin) */ body { position: absolute; margin: 0; width: 100%; height: 100%; font-family: sans-serif; color: #000; background: #fff url("global/body-back.gif") repeat-x; } body, td, th, input { font-family: Verdana, sans-serif; font-size: small; } /* monospace is much smaller than Verdana by default, so we make it a bit bigger. */ pre, code, kbd { font-size: medium; } /* global (end) */ /* wrapper (begin) */ #wrapper { display: flex; flex-direction: column; position: absolute; } /* wrapper (end) */ /* fixed global header (begin) */ @media screen and (min-width: 800px) { #wrapper { overflow: hidden; width: 100%; height: 100%; } #bugzilla-body { overflow-x: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; /* Enable momentum scrolling on iOS */ scroll-behavior: smooth; } } /* fixed global header (end) */ /* header (begin) */ #header { flex: none; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #555; background-color: #FFF; -moz-user-select: none; -webkit-user-select: none; user-select: none; } #header a, #header a:visited, #header a:hover { color: #555; text-decoration: none; } #header a, #header button, #header input { outline: 0; /* Hide outline on Chrome & Safari */ } #header button::-moz-focus-inner { border: 0; /* Hide outline on Firefox */ } #header button * { pointer-events: none; /* Make sure button is clickable on Chrome & Safari */ } #header img { vertical-align: top; } #header .inner { display: flex; align-items: center; position: relative; margin: 0 auto; padding: 8px 0; width: 1024px; height: 32px; } #header .inner > * { flex: none; margin: 0 8px; } #header .icon { display: inline-block; width: 24px; font-size: 20px; line-height: 1; font-family: 'Material Icons'; vertical-align: middle; color: #777; pointer-events: none; } #header .title { margin: 0 !important; font-size: 20px; font-weight: normal; } #header .title a, #header .links a { display: flex; align-items: center; border-radius: 4px; padding: 0 8px; height: 32px; } #header .title a:hover, #header .title a:focus, #header .links a:hover, #header .links a:focus, #header-tools-menu-button:hover, #header-tools-menu-button:focus, #header .dropdown-content a.active { background-color: rgba(0, 0, 0, .05) !important; } #header .title a:active, #header .links a:active, #header-tools-menu-button:active, #header .dropdown-content a:active { background-color: rgba(0, 0, 0, .1) !important; } #header form.quicksearch { display: block; } #header .searchbox-outer { position: relative; width: 280px; height: 32px; } #header .searchbox-outer .icon { display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; left: 4px; width: 24px; height: 24px; } #header .searchbox-outer .icon::before { content: '\E8B6'; } #header #quicksearch_top { box-sizing: border-box; border-color: rgba(0, 0, 0, .1); border-radius: 4px; padding: 0 8px 0 32px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .05); box-shadow: none; font-size: 14px !important; line-height: 32px; } #header #quicksearch_top:hover { border-color: rgba(0, 0, 0, .2); box-shadow: 0 0 2px rgba(0, 0 ,0, .2); } #header #quicksearch_top:focus { border-color: #42a4e0; background-color: transparent; box-shadow: 0 0 0 2px rgba(73, 173, 227, .4); } #header nav { flex: auto !important; display: flex; align-items: center; margin: 0 !important; } #header .links { flex: none; display: flex; font-size: 14px; } #header .link-browse .icon::before { content: '\E8EF'; } #header .link-search .icon::before { content: '\E8A0'; } #header .link-file .icon::before { content: '\E254'; } #header .link-dashboard .icon::before { content: '\E871'; } #header .dropdown { flex: none; } #header .dropdown-button { display: block; border-radius: 0; /* Override Safari's default */ padding: 0; color: inherit; background: transparent; box-shadow: none; transition: none; } #header .dropdown-content { top: calc(100% + 4px); border-color: #BBB #999 #777; border-radius: 4px; padding: 4px 0; min-width: 160px; max-width: 240px; background-color: #FCFCFC; box-shadow: 0 2px 8px rgba(0,0,0,.3); } #header .dropdown-content.right { left: -4px; } #header .dropdown-content.left { right: -4px; } #header .dropdown-content::before, #header .dropdown-content::after { content: ''; display: block; width: 0; height: 0; position: absolute; border-width: 8px; border-color: transparent; border-style: solid; } #header .dropdown-content.right::before, #header .dropdown-content.right::after { left: 11px; } #header .dropdown-content.left::before, #header .dropdown-content.left::after { right: 11px; } #header .dropdown-content::before { top: -17px; border-bottom-color: #BBB; } #header .dropdown-content::after { top: -16px; border-bottom-color: #FFF; } #header .dropdown-content a, #header .dropdown-content li > div { padding: 2px 16px; line-height: 1.5; white-space: normal; color: inherit !important; background-color: transparent; } #header .dropdown-panel { padding: 0 !important; width: 400px; max-width: none !important; } #header .dropdown-panel header { border-bottom: 1px solid #CCC; } #header .dropdown-panel h2 { margin: 0; padding: 8px 12px; font-size: 14px; line-height: 100%; font-weight: normal; } #header .dropdown-panel ul { overflow-y: auto; margin: 0; padding: 0; max-height: 480px; list-style-type: none; } #header .dropdown-panel li:not(:last-child) { border-bottom: 1px solid #CCC; } #header .dropdown-panel li a { padding: 12px !important; } #header .dropdown-panel li a:hover { background-color: rgba(0, 0, 0, .05) !important; } #header .dropdown-panel li a * { pointer-events: none; } #header .dropdown-panel .notifications a { overflow: hidden; } #header .dropdown-panel .notifications img { float: left; border-radius: 50%; width: 40px; height: 40px; } #header .dropdown-panel .notifications img ~ * { display: block; margin-left: 52px; } #header .dropdown-panel .notifications label { overflow: hidden; max-height: 40px; } #header .dropdown-panel .notifications strong { font-weight: 600; } #header .dropdown-panel .notifications time { font-size: 12px; color: #999; } #header .dropdown-panel .notifications .secure .icon { display: inline; font-size: 16px; vertical-align: text-bottom; } #header .dropdown-panel .notifications .secure .icon::before { content: '\E88D'; } #header .dropdown-panel .loading, #header .dropdown-panel .empty { display: flex; align-items: center; justify-content: center; height: 240px; line-height: 150%; text-align: center; } #header .dropdown-panel footer { border-top: 1px solid #CCC; text-align: center; } #header .dropdown-panel footer a { padding: 8px 16px !important; line-height: 100% !important; } #header-search h2 { position: absolute; left: -99999px; } #header-search-dropdown { right: auto; min-width: calc(100% + 8px) !important; max-width: calc(200% + 8px) !important; } #header-search-dropdown-wrapper { overflow-x: hidden; overflow-y: scroll; max-height: 400px; } #header-search-dropdown header { display: flex; position: sticky; top: -4px; left: 0; margin: -4px 12px 0; padding: 8px 0 4px; color: #999; background: #FFF; font-size: 12px; } #header-search-dropdown header h3 { flex: auto; margin: 0; font-size: inherit; line-height: 1.5; font-weight: normal; } #header-search-dropdown header a { flex: none; padding: 0 !important; font-size: inherit; } #header-search-dropdown.dropdown-content header a:hover, #header-search-dropdown.dropdown-content header a:focus, #header-search-dropdown.dropdown-content header a.active { background-color: transparent !important; } #header-search-dropdown ul { margin: 0; padding: 0; list-style: none; } #header-search-dropdown a { overflow: hidden; white-space: nowrap !important; text-overflow: ellipsis; } #header-tools-menu-button { width: 32px; height: 32px; border-radius: 4px !important; } #header-tools-menu-button .icon { text-indent: -.7em; letter-spacing: -.7em; } #header-tools-menu-button .icon::before { content: '\E5CC\E5CC'; } #header-account-menu-button img { display: block; border-radius: 50%; } #header-account-menu-button .icon::before { font-size: 32px; content: '\E853'; } #header-external-links.first { order: -1; } #header .account-label * { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #header .account-label .name { font-size: 16px; } #header .account-label .email { font-size: 12px; color: #666; } #header .dropdown-separator { height: 0; margin: 4px 0; border-color: #BBB; } #header-login .mini-popup { position: absolute; top: 48px; right: 0; z-index: 100; display: flex; align-items: center; padding: 8px; background-color: #FFF; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } #header-login .mini-popup form { display: flex; align-items: center; } #header-login .mini-popup input { margin: 0 4px; } #header-login .mini-popup .close-button { padding: 0; width: 32px; justify-content: center; text-align: center; } #header-login .mini-popup .close-button .icon::before { content: '\E5CD'; } /* header (end) */ /* narrower global header (begin) */ @media screen and (max-width: 1024px) { #header .inner { width: 800px; } #header-nav .links a { padding: 0; width: 32px; justify-content: center; text-align: center; } #header-nav .links a .label { overflow: hidden; width: 0; height: 0; } } /* narrower global header (end) */ /* link lists (begin) */ ul.links { margin: 0; padding: 0; list-style-type: none; } ul.links li { display: inline; white-space: nowrap; } /* link lists (end) */ /* tabs (begin) */ .tabs td { background: #eee; text-align: center; border-style: solid; border-color: black; border-width: 0px 0px 2px 0px; } .tabs td.selected { background: white; border-width: 2px 2px 0px 2px; } .tabs td.spacer { background: white; } /* tabs (end) */ /* generic (begin) */ a { color: #039; } a:visited { color: #636; } a:hover { color: #333; } a:active { color: #000; } .clickable_area { cursor: pointer; } textarea { font-family: monospace; } /* generic (end) */ /* Links that control whether or not something is visible. */ a.controller { font-size: 115%; } div#docslinks { float: right; border: 1px solid black; padding: 1ex; font-size: 80%; margin-top: 2px; } #docslinks h2 { margin: 0; } .mfa-protected { vertical-align: middle; margin: 0 4px; } /**************************/ /* Bug links and statuses */ /**************************/ .bz_bug_link { /* Catch-all if you want common styles for all bug links */ } .bz_bug_link .bz_status_UNCONFIRMED { font-style: italic; } .bz_obsolete { text-decoration: line-through; } .bz_inactive { text-decoration: line-through; } .bz_closed, .bz_CLOSED td { text-decoration: line-through; } .bz_private { color: darkred; background: #f3eeee; } .bz_disabled { color: #a0a0a0; } /************/ /* Comments */ /************/ .bz_comment_table td { vertical-align: top; } .bz_comment { margin-bottom: 2em; } /* tbody.file pre is for the Diff view of attachments. */ .bz_comment_text, .uneditable_textarea, tbody.file pre { font-family: monospace; white-space: pre-wrap; } .bz_comment_text { width: 50em; } .bz_comment_user, .bz_comment_time, .bz_comment_number, .bz_private_checkbox, .bz_comment_actions { margin: 0 .5em; } .bz_comment_actions, .bz_comment_number, .bz_private_checkbox { float: right; } .bz_collapse_expand_comments { padding: 0; margin: 0 0 0 1em; list-style-type: none; } .bz_collapse_expand_comments li { margin-bottom: .5em; } .bz_collapse_comment { text-decoration: none; } .bz_private_checkbox input { margin: 0; vertical-align: middle; } .bz_comment_head, .bz_first_comment_head { padding-top: .1em; padding-bottom: .1em; padding-left: .5em; background-color: #e0e0e0; } .bz_comment_user_images img { vertical-align: bottom; } .bz_comment_hilite pre { background-color: lightgreen; margin: 0; padding: 1em 0; } .bz_comment_collapse_reason, .bz_default_collapsed .bz_comment_number { font-weight: normal; } /** End Comments **/ .bz_default_hidden, .bz_tui_hidden, .bz_hidden_field, .bz_hidden_option { /* We have !important because we want elements with these classes to always * be hidden, even if there is some CSS that overrides it (we use these * classes inside JavaScript to hide things). */ display: none !important; } .bz_comment_text span.quote { color: #65379c; /* Make quoted text not wrap. */ white-space: pre; } .bz_comment_text span.quote_wrapped { color: #65379c; } table#flags th, table#flags td { vertical-align: middle; text-align: left; } #email_prefs, #saved_search_prefs, #shared_search_prefs, #bug_activity { border: 1px solid black; border-collapse: collapse; } #email_prefs th, #shared_search_prefs th, #saved_search_prefs th { text-align: center; } #email_prefs th, #email_prefs td, #shared_search_prefs th, #shared_search_prefs td, #saved_search_prefs th, #saved_search_prefs td, #bug_activity td { border: 1px solid; padding: 0.3em; } #email_prefs th.role_header { width: 10%; } .column_header { background-color: #ddeef9; } .column_header th { text-align: center; } .flag_select { min-width: 3em; } input.requestee { width: 15em; } #error_msg { font-size: large; } .warning { color: red; } .throw_error { background-color: #fff; color: #444; font-size: large; margin: 1em; padding: 0.5em 1em; border: 2px solid #f66; } dt { font-weight: bold; } body > dl > dt { border-top: dotted gray thin; } dl dl > dt { border-top: none; } #admin_table th { white-space: normal !important; } /* Arrow buttons are buttons with only ↑, ↓, ← or → on * them. We want these to look a little less spidery. */ .arrow_button { font-size: 150%; } /* Style of the attachment table and time tracking table */ #attachment_table { border-collapse: collapse; border: 1px solid #333333; } #attachment_table th, .bz_attach_footer, .bz_time_tracking_table th { background-color: #E0E0E0; color: black; } #attachment_table td, .bz_time_tracking_table th, .bz_time_tracking_table td { border: 1px solid #333333; } .bz_attach_extra_info { font-size: smaller; } .bz_attach_flags, .bz_attach_footer { white-space: nowrap; } .bz_attach_view_hide { float: right; padding-left: 1em; } div.user_match { margin-bottom: 1em; } .box { border: 1px solid black; color: black; background-color: #ffc; margin: 1em; padding: 0.5em 1em; } .collapsed, .bz_default_collapsed .bz_private_checkbox, .bz_default_collapsed .bz_comment_user, .bz_default_collapsed .bz_comment_user_images, .bz_default_collapsed .bz_comment_time, .bz_default_collapsed .bz_comment_tags, .bz_default_collapsed .bz_comment_text, .bz_default_collapsed .bz_collapsed_actions { display: none; } /* Rules specific for printing */ @media print { #header { display: none; } div.bz_query_buttons { display: none; } body { background-image: none; background-color: #fff; } #prefnav, #prefcontent #update, #prefcontent #message { display: none; } #prefcontent { margin-left: 0 !important; box-shadow: none !important; } } /**************/ /* Bug Fields */ /**************/ .field_label { text-align: right; vertical-align: top; font-weight: bold; } .field_help_link { cursor: help; } .field_value, form#Create th, form#Create td { vertical-align: top; } .field_value .text_input { width: 100%; min-width: 25em; } .uneditable_textarea { width: 30em; font-size: medium; } th.required:before { content: "* "; } th.required:before, span.required_star { color: red; } input.required, select.required, span.required_explanation { background-color: #fff7cd; color: #000; } .calendar_button { background: transparent url("global/calendar.png") no-repeat; width: 20px; height: 20px; vertical-align: middle; } .calendar_button span { display: none } /* These classes are set by YUI. */ .yui-calcontainer { display: none; background-color: white; padding: 10px; border: 1px solid #404D6C; } .bug_urls { margin: 0; padding: 0; list-style-type: none; } .field_textarea_readonly { margin: 2px; padding: 4px; overflow: auto; float: left; max-width: 30em; max-height: 7em; border: 1px solid #CCC; } .field_textarea_readonly pre { font-family: monospace; white-space: pre-wrap; } /* custom styles for inline instances of autocomplete input fields */ .yui-skin-sam .yui-ac-input { position:static !important; vertical-align:middle !important; } .yui-skin-sam .yui-ac-container { left:0px !important; } .yui-skin-sam .yui-ac { display: inline-block; } #bugzilla-body .yui-ac-content { max-height: 19em; overflow: auto; overflow-x: hidden; } #keyword_container { padding-top: .2em; } #keyword_container .yui-ac-content { margin-left: -1px; } #comment_tabs { border-spacing: 0; } .comment_tab { display: table-cell; border: 1px solid silver; padding: 2px 1em; cursor: pointer; background: transparent; } .active_comment_tab { background: #fff; font-weight: bold; } #comment_preview { border: 1px solid silver; padding: 1px; overflow: auto; margin: 0px; } #comment_preview_text { margin: 0px; width: auto; } #comment_preview_loading { font-style: italic; } #comment { margin: 0px 0px 1em 0px; } /*******************/ /* Form Validation */ /*******************/ .validation_error_text { font-size: 120%; color: #B70000; font-weight: bold; } .validation_error_field, input.validation_error_field { border: 2px solid #B70000; background-color: #FFEBEB; } /* always use our font and size */ .ui-widget { font-family: inherit !important; font-size: small !important; } /* menu items shouldn't be bold */ .ui-menu .ui-menu-item { font-weight: normal !important; } /* autocomplete */ .autocomplete-suggestions { border: 1px solid #999; background: #fff; color: #000; overflow-x: hidden; overflow-y: auto; cursor: pointer; width: auto !important; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; width: 100%; margin-right: 1.5em; } .autocomplete-selected { background: #426fd9; color: #FFF } .autocomplete-running { background-image: url(../../images/throbber.gif) !important; background-repeat: no-repeat !important; background-position: right 8px center !important; } #login .field-login, #login .field-password { line-height: 32px; display: block; padding-top: 2px; padding-bottom: 2px; } #login .field-login label, #login .field-password label { clear: left; width: 7em; display: inline-block; font-weight: bold; } #login .field-restrict, #login .field-remember { margin-left: 7em; } @font-face{ font-family: 'Fira Sans'; src: local('Fira Sans'), local('FiraSans'), url('fonts/FiraSans-Regular.woff2?v=4.203') format('woff2'), url('fonts/FiraSans-Regular.woff?v=4.203') format('woff'); font-weight: 400; font-style: normal; } @font-face{ font-family: 'Fira Sans'; src: local('Fira Sans Italic'), local('FiraSansItalic'), url('fonts/FiraSans-Italic.woff2?v=4.203') format('woff2'), url('fonts/FiraSans-Italic.woff?v=4.203') format('woff'); font-weight: 400; font-style: italic; } @font-face{ font-family: 'Fira Sans'; src: local('Fira Sans SemiBold'), local('FiraSansSemiBold'), url('fonts/FiraSans-SemiBold.woff2?v=4.203') format('woff2'), url('fonts/FiraSans-SemiBold.woff?v=4.203') format('woff'); font-weight: 600; font-style: normal; } @font-face{ font-family: 'Fira Sans'; src: local('Fira Sans SemiBold Italic'), local('FiraSansSemiBoldItalic'), url('fonts/FiraSans-SemiBoldItalic.woff2?v=4.203') format('woff2'), url('fonts/FiraSans-SemiBoldItalic.woff?v=4.203') format('woff'); font-weight: 600; font-style: italic; } @font-face{ font-family: 'Fira Sans'; src: local('Fira Sans Bold'), local('FiraSansBold'), url('fonts/FiraSans-Bold.woff2?v=4.203') format('woff2'), url('fonts/FiraSans-Bold.woff?v=4.203') format('woff'); font-weight: 700; font-style: normal; } @font-face{ font-family: 'Fira Sans'; src: local('Fira Sans Bold Italic'), local('FiraSansBoldItalic'), url('fonts/FiraSans-BoldItalic.woff2?v=4.203') format('woff2'), url('fonts/FiraSans-BoldItalic.woff?v=4.203') format('woff'); font-weight: 700; font-style: italic; } @font-face{ font-family: 'Fira Mono'; src: local('Fira Mono'), local('FiraMono'), url('fonts/FiraMono-Regular.woff2?v=3.202') format('woff2'), url('fonts/FiraMono-Regular.woff?v=3.202') format('woff'); font-weight: 400; font-style: normal; } @font-face{ font-family: 'Fira Mono'; src: local('Fira Mono Bold'), local('FiraMonoBold'), url('fonts/FiraMono-Bold.woff2?v=3.202') format('woff2'), url('fonts/FiraMono-Bold.woff?v=3.202') format('woff'); font-weight: 600; font-style: normal; } body { background: #f6f4ec; background-image: url(../../images/noise.png); background-image: url(../../images/noise.png), -moz-linear-gradient(#d7d3c8, #f6f4ec 400px); background-image: url(../../images/noise.png), -webkit-linear-gradient(#d7d3c8, #f6f4ec 400px); background-image: url(../../images/noise.png), linear-gradient(#d7d3c8, #f6f4ec 400px); background-repeat: repeat, repeat-x; color: #404040; } body, td, th, input, select, option, optgroup, button, .text_input { font-family: "Fira Sans", "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; } a { color: #0095dd; } a:hover { color: #00539f; } select[multiple], textarea, input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input:not([type]), .text_input, .yui-ac-input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #b2b2b2; border-radius: .25em; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1); background: white; padding: 4px 3px 5px; color: #404040; vertical-align: top; } select[multiple], .text_input, .yui-ac-input, input { font-size: 1em; } select[multiple]:focus, textarea:focus, .text-input:focus, -yui-ac-input:focus, input:focus { border-color: #42a4e0; -webkit-box-shadow: 0 0 0 2px rgba(73,173,227,0.4); -moz-box-shadow: 0 0 0 2px rgba(73,173,227,0.4); box-shadow: 0 0 0 2px rgba(73,173,227,0.4); } select, select[multiple] { font-size: 12px; } hr { border: none; height: 1px; color: #ccc; background-color: #ccc; margin: 1em 0; } #changeform hr { display: none; } #mfa-warning { flex: none; margin: 0 -15px; padding: 10px 15px; color: #FFF; background-color: #FF5300; } #bugzilla-body { flex: auto; position: relative; outline: none; padding: 0 15px; } #main-inner { margin: 15px 0; } #bugzilla-body th { white-space: nowrap; } #message { border: 1px solid green; margin: 0.3em 0em; padding: 0.3em 0.5em; color: green; } /* Home */ /*#page-index { max-width: none; }*/ #page-index td:first-child { text-align: center; } #quicksearch_links { margin-top: 10px; } /* Bugs */ .navigation { background: rgba(255, 255, 255, 0.3); padding: 5px 10px; } u { border-bottom: 1px solid #aaa; text-decoration: none; } #field_container_see_also br { margin-bottom: 10px; } .bz_alias_short_desc_container { background: none; font-size: 20px; font-weight: normal; line-height: 30px; padding: 5px 0; text-shadow: 0 1px rgba(255, 255, 255, 0.2); } .bz_alias_short_desc_container b { font-weight: normal; } .bz_alias_short_desc_container .editme { font-weight: normal; } .last_comment_link { font-size: 18px; } .last_comment_link b { border-bottom: 1px solid #aaa; font-weight: normal; } table.edit_form { background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding: 10px 10px 80px; position: relative; } table.edit_form tbody { width: 100%; } table.edit_form hr { display: none; } .field_label { font-weight: bold !important; padding-right: 10px; vertical-align: baseline; white-space: nowrap; } .field_label a, .field_label b { color: #404040; font-weight: bold; } .field_value .text_input { min-width: 0; } #product, #component { width: 235px; } #bz_show_bug_column_1 tr:last-child span { position: absolute; left: 20px; bottom: 20px; } #commit_top { position: absolute; bottom: 20px; right: 10px; } .cc_list_display { background: #fff; float: none; font-size: 11px; margin-top: 3px; max-width: none; padding: 5px; } #project-flags, #custom-flags { border-collapse: collapse; } #project-flags label, #custom-flags label { margin-right: 10px; } #cf_crash_signature { width: 100%; } #attachment_table { background: #fff; border: none; border-collapse: collapse; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin-bottom: 40px; } #attachment_table td { border: none; } #attachment_table th, .bz_attach_footer, .bz_time_tracking_table th { background: #eee; color: #404040; } #attachment_table .bz_attach_actions { white-space: nowrap; } #attachment_table .bz_private .bz_attach_desc { border-left: 4px solid darkred; } /* background for diff views */ .file_table, .file-table { background: #ffffff; } .bz_comment { width: 65em !important; margin: 0 0 20px; } .bz_comment pre, #comment, #comment-preview { font: 13px/1.2 "Droid Sans Mono", Menlo, Monaco, "Courier New", Courier, monospace; } .bz_first_comment_head, .bz_comment_head { font-weight: normal; line-height: 32px; padding-bottom: 2px; padding-left: 0px; margin-left: -5px; white-space: nowrap; background-color: transparent; } .bz_comment_head img, .bz_first_comment_head img { vertical-align: middle; } .bz_comment_user a { -moz-transition: all 100ms linear 0s; -webkit-transition: all 100ms linear 0s; transition: all 100ms linear 0s; transition: all 100ms linear 0s; color: #0095dd; padding: 0px; margin: 0px; } .bz_comment_user a:hover { -moz-transition: all 100ms linear 0s; -webkit-transition: all 100ms linear 0s; transition: all 100ms linear 0s; background: #fff; border: none; text-decoration: none; } .bz_comment_user .vcard { font-weight: bold; } .bz_comment_actions { margin: 0px 0px; } .new_user { margin-left: 10px; } .ih_history { padding: 0 !important; } .ih_history .bz_comment_head { padding-bottom: 3px; } .ih_history_item:not(.ih_hidden) ~ .ih_history_item:not(.ih_hidden) { margin-top: 20px; } .ih_history_change { background: #eee; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px; position: relative; } .bz_comment_text { background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); margin: 1px 0 0 0; overflow: auto; padding: 10px; position: relative; } .bz_comment_text:after, .bz_comment_text:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .bz_comment_text:after { border-bottom-color: #fff; border-width: 8px; left: 16px; } .bz_comment_text span.quote, .bz_comment_text span.quote_wrapped { background: #eee !important; color: #444 !important; display: block !important; margin-top: 5px !important; margin-bottom: -10px !important; overflow: auto; padding: 5px !important; } .bz_comment_tags { background: #eee; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; } .bz_comment_tag { background: #fff; color: #444; border: none; padding: 2px 6px; } .bz_comment_tag a { color: #0095DD; } #bz_ctag_error { border: none; background-color: #faa; color: #444; padding: 2px 6px; } #bz_ctag_error a { color: #0095DD; } .ih_inlinehistory { background: #eee; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px; position: relative; top: -1px; } .bz_collapse_expand_comments li { white-space: nowrap; } #add_comment { border: 1px solid #ccc; border-width: 1px 0; margin-bottom: 20px; padding: 10px 0; } #add_comment > table { border-collapse: collapse; width: 661px; } #comment { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #comment_tabs { margin-top: 2px; } #comment_preview { background: white; display: block; clear: both; } #comment_preview_text { background: transparent; border: none; box-shadow: none; padding: 2px 2px 2px 1px; } button, input[type=submit], input[type=button], #commit, #commit_top, #header .btn, #header input[type=submit] { background-color: #43a6e2; background-image: -moz-linear-gradient(#43a6e2,#277ac1); background-image: -webkit-linear-gradient(#43a6e2,#277ac1); background-image: linear-gradient(#43a6e2,#277ac1); -moz-transition: all linear 100ms; -webkit-transition: all linear 100ms; transition: all linear 100ms; border-radius: .25em; border: 0px none; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3); color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; text-align: center; text-decoration: none; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.25); padding: .425em 1em .5em; } button:hover, input[type=submit]:hover, input[type=button]:hover, #commit:hover, #commit_top:hover, #header .btn:hover, #header input[type=submit]:hover { -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed; -moz-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed; box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3),inset 0 12px 24px 2px #38a9ed; -moz-transition: all linear 100ms; -webkit-transition: all linear 100ms; transition: all linear 100ms; } button:active, input[type=submit]:active, input[type=button]:active, #commit:active, #commit_top:active, #header .btn:active, #header input[type=submit]:active { -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2); box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2),inset 0 12px 24px 6px rgba(0,0,0,0.2),inset 0 0 2px 2px rgba(0,0,0,0.2); -moz-transition: all linear 100ms; -webkit-transition: all linear 100ms; transition: all linear 100ms; } button[disabled], input[type=submit][disabled], input[type=button][disabled], button[disabled]:hover, input[type=submit][disabled]:hover, input[type=button][disabled]:hover, button[disabled]:active, input[type=submit][disabled]:active, input[type=button][disabled]:active { background-color: #bfc7cd; background-image: -moz-linear-gradient(#bfc7cd,#9ca3aa); background-image: -webkit-linear-gradient(#bfc7cd,#9ca3aa); background-image: linear-gradient(#bfc7cd,#9ca3aa); box-shadow: 0 1px 0 0 rgba(0,0,0,0.2),inset 0 -1px 0 0 rgba(0,0,0,0.3); cursor: pointer; } .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .calendar_button, .calendar_button:hover { box-shadow: none; padding: 0; } .related_actions { line-height: 19px; padding: 5px 10px; } /* Attachments */ #viewFrame { border: 2px solid #222; margin-bottom: 10px; } #editFrame, #viewDiffFrame, #viewFrame { margin-left: 0; } #flags label { font-weight: normal; } /* tabs */ table.tabs { border-collapse: separate; border-spacing: 1em 0; } .tabs td { background: rgba(255,255,255,0.5); padding: 1em; text-align: center; border-style: none; font-size: 12px; text-transform: uppercase; } .tabs td.selected { background: white; font-weight: 700; } .tabs td.spacer { background: transparent; } .tabs a { color: #333; } .tabbody { background: white; padding: 1em 2em; } /* splinter */ #splinter-files .new-line, #splinter-files .old-line { font-size: 90%; } /* search */ #summary_field.search_field_row input { padding-bottom: 6px; } #header .btn, #header .txt { font-size: 100%; } #header #information { color: #dddddd; font-size: small; } pre { font-size: medium; } #attachment_table { width: 50em; } #page-index #quicksearchForm { padding-top: 20px; } /* createaccount styling */ .support_div { width: 40%; font-size: 80%; } .support_div > img { padding: 5px 20px; } a { text-decoration: none; } a:hover { text-decoration: underline; } a.controller { font-size: 100%; border: 1px solid #c0c0c0; padding: 3px; } .group_secure > th > a { background-image: url("../../images/padlock.png"); background-position: center left; background-repeat: no-repeat; padding-left: 18px; } .highlighted { background: lightyellow; } /* user dropdown menu down-arrow */ .vcard a .fn:after, .vcard a .ln:after { content: ' \25BE'; } /******************/ /* Dropdown Menus */ /******************/ /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { position: absolute; background-color: #eee; min-width: 120px; z-index: 1; text-align: left; margin: 0; padding: 0; border: 1px solid #ddd; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); list-style: none; right: 0px; } .dropdown-content.menu-up { bottom: 100%; } .dropdown-separator { border-bottom: 1px solid #ddd; } /* Links inside the dropdown */ .dropdown-content a { white-space: nowrap; background-color: #eee; color: black !important; padding: 4px 8px; text-decoration: none !important; display: block; } /* Change color of dropdown links on hover */ .dropdown-content li .active { text-decoration: none; background-color: #39f; }