gecko/testing/extensions/community/chrome/skin/qa.css
2012-05-21 12:12:37 +01:00

198 lines
3.9 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@import url(chrome://global/skin/);
@namespace html "http://www.w3.org/1999/xhtml";
#qa-pass {
background: #99ff99;
display: none;
}
/*-------------------------------
HTML
-------------------------------*/
#qa_tabbox html|ul, #qa_tabbox html|ol {
margin: 0;
padding: 0;
}
#qa_tabbox html|ul li {
list-style-type: square;
margin-bottom: 0.4em;
}
#qa_tabbox html|a,
#qa_tabbox html|a:link,
#qa_tabbox html|a:visited {
font-weight: bold;
color: #0067ac;
}
#qa_tabbox html|a:focus,
#qa_tabbox html|a:hover,
#qa_tabbox html|a:active {
color: #333;
}
/*remove bullets for everything but lists contained inside testcase data */
html|li {
list-style-type: none !important;
}
#qa-tab-litmus html|ul html|li {
list-style-type: disc !important;
}
#qa-tab-litmus html|ol html|li {
list-style-type: decimal !important;
}
#qa-tab-litmus html|ul, #qa-tab-litmus html|ol {
padding-left: 20px;
}
/*-------------------------------
TABS
-------------------------------*/
#qa_tabbox #qa_tabrow {
height: 30px !important;
padding-top: 5px !important;
}
#qa_tabbox .tab-icon-image {
list-style-image: none;
width: 0;
}
#qa_tabbox #qa-tabbar-qmo {
list-style-image: url(qmo-16px.png);
text-align: right;
width: 24px;
}
#qa_tabbox #qa-tabbar-spacer {
width: 93px;
}
#qa_tabbox tab, #qa_tabbox tabs spacer {
border-bottom: 1px solid #ACA899 !important;
}
.tabs-left, .tabs-right {
-moz-border-bottom-colors: #ACA899 !important;
}
#qa_tabbox tab[selected="true"] {
border-bottom: 1px solid #E8E5D8 !important;
}
tabs {
border-bottom: 1px solid #E8E5D8;
}
.tab-close-button {
display: none !important;
}
.tabbrowser-tab.highlight > .tab-image-right {
background: url("chrome://qa/skin/highlight-start.png") no-repeat !important;
}
.tabbrowser-tab.highlight > .tab-image-left {
background: url("chrome://qa/skin/highlight-end.png") no-repeat !important;
}
.tabbrowser-tab.highlight > .tab-image-middle {
background: url("chrome://qa/skin/highlight-mid.png") repeat-x !important;
}
.tabbrowser-tab.highlight:hover > .tab-image-right {
background: url("chrome://qa/skin/highlight-hover-start.png") no-repeat !important;
}
.tabbrowser-tab.highlight:hover > .tab-image-left {
background: url("chrome://qa/skin/highlight-hover-end.png") no-repeat !important;
}
.tabbrowser-tab.highlight:hover > .tab-image-middle {
background: url("chrome://qa/skin/highlight-hover-mid.png") repeat-x !important;
}
/* don't show outline around the middle of selected tabs */
tab:focus > .tab-middle {
outline: 1px none invert !important;
}
/*-------------------------------
PANELS
-------------------------------*/
#qa_tabbox tabpanel {
line-height: 1.6;
background-color: white;
}
#qa_tabbox tabpanels {
background-color: white;
border-top: 1px solid #ACA899;
margin-top: 0px;
}
#qa_tabbox groupbox {
background-color: white;
}
#qa_tabbox caption {
font: bold 12px helvetica, arial, sans-serif;
color: #ec891d;
background-color: white;
padding: 0;
}
#qa-qmo-help,
#qa-qmo-events,
#qa-qmo-forumposts,
.box-mheight {
}
#qa-qmo-latestbox,
#qa-qmo-latest {
}
/*-------------------------------
NOTIFY
-------------------------------*/
#qa-notify {
right: 18px;
bottom: 21px;
position: fixed;
border: 1px solid grey;
background-color: white;
background-image: url("logolight.png");
background-repeat: no-repeat;
background-position: center;
}
.qa-notify {
height: 140px;
width: 420px;
}
#qa-notify-box {
padding: 0px 6px 6px 6px;
display: table;
}
#qa-notify-header {
font-size: 1.5em;
font-weight: bold;
}
/*-------------------------------
GENERAL
-------------------------------*/
.list {
padding-left: 10px;
}