You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
792 lines
13 KiB
792 lines
13 KiB
/*
|
|
Base Style Sheet for the W3C QA Weblog.
|
|
|
|
Copyright 2000-2005 W3C (MIT, INRIA, Keio). All Rights Reserved.
|
|
See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
|
|
|
|
$Id: blogstyle.css,v 1.131 2011/10/20 10:08:49 bbos Exp $
|
|
*/
|
|
|
|
/*
|
|
General styling
|
|
*/
|
|
|
|
html {
|
|
background-color: white;
|
|
}
|
|
|
|
body {
|
|
margin: auto auto;
|
|
padding-left: 6%;
|
|
padding-right: 6%;
|
|
/* background-color: white;*/
|
|
color: #33444A;
|
|
font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
|
|
font-size: 1em;
|
|
background: #495E69;
|
|
/* setting base font to user's prefered size */
|
|
line-height: 120%;
|
|
}
|
|
|
|
/*
|
|
Main blocks - see also #menu styled in navbar.css
|
|
*/
|
|
|
|
#banner {
|
|
background-color: white;
|
|
background-image: url(header.png);
|
|
background-repeat: no-repeat;
|
|
background-attachment: scroll;
|
|
background-position: top right;
|
|
padding: 0;
|
|
height: 50px;
|
|
margin-bottom: 0;
|
|
border-bottom: 0;
|
|
border-top: 0;
|
|
padding-left: 15px;
|
|
border-left: 1px solid #28343B;
|
|
border-right: 1px solid #28343B;
|
|
}
|
|
|
|
#banner h1 {
|
|
height: 50px;
|
|
vertical-align: middle;
|
|
font-size: 1.5em;
|
|
display: inline;
|
|
}
|
|
#banner h1 a:link, #banner h1 a:hover, #banner h1 a:active, #banner h1 a:visited {
|
|
text-decoration: none;
|
|
}
|
|
p#tagline {
|
|
background-color: #E2EDFE;
|
|
color: black;
|
|
padding: .3em 55px;
|
|
margin: 0 !important;
|
|
text-align: left;
|
|
border-top: 1px solid #005A9C;
|
|
font-style: italic;
|
|
border-left: 1px solid #28343B;
|
|
border-right: 1px solid #28343B;
|
|
}
|
|
#main {
|
|
border-bottom: 0;
|
|
border-top: 0;
|
|
border-left: 1px solid #28343B;
|
|
border-right: 1px solid #28343B;
|
|
background-color: white;
|
|
}
|
|
|
|
#main, address {
|
|
margin: 0;
|
|
/*margin-left: 42px; */
|
|
padding: 0 15px 1px 15px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
/* border: 1px solid #E8E8FA; */
|
|
}
|
|
|
|
address {
|
|
font-size:0.85em;
|
|
background-color: #155690;
|
|
color: #fff;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
padding-right: 25px;
|
|
border-top: 0;
|
|
border-bottom: 1px solid #28343B;
|
|
border-left: 1px solid #28343B;
|
|
border-right: 1px solid #28343B;
|
|
clear: both;
|
|
text-align: right;
|
|
}
|
|
|
|
address a {
|
|
background-color: #155690;
|
|
color: #fff !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#main address {
|
|
background-image: none !important;
|
|
height: auto !important;
|
|
background-color: white !important;
|
|
border: 1px solid #eee;
|
|
}
|
|
|
|
address img {
|
|
display: none;
|
|
float: left;
|
|
vertical-align: middle;
|
|
width: 88px;
|
|
}
|
|
|
|
.intro {
|
|
font-style: italic;
|
|
text-align: justify;
|
|
}
|
|
|
|
p.readmore {
|
|
font-size: small;
|
|
padding: 0;
|
|
margin: -5px 0 0 15px;
|
|
line-height: 100%;
|
|
}
|
|
|
|
.postinfo {
|
|
font-size: x-small;
|
|
text-align: right;
|
|
padding: 0;
|
|
margin: 0 25px 0 15px;
|
|
line-height: 100%;
|
|
}
|
|
|
|
/*
|
|
Headers
|
|
*/
|
|
|
|
h1 {
|
|
color: #155690;
|
|
font-size: 1.2em;
|
|
font-family: "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h2 {
|
|
color: #33444A;
|
|
background: white;
|
|
padding: 5px 15px;
|
|
margin-top: 0px;
|
|
margin-bottom: 10px;
|
|
font-size: 1.1em;
|
|
/*text-align: center;*/
|
|
text-decoration: none;
|
|
font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h3 {
|
|
/* color: #C65831; */
|
|
color: #33444A;
|
|
font-weight: bold;
|
|
font-size: .9em;
|
|
padding: 5px 15px;
|
|
padding-bottom: 0;
|
|
border-top: 1px solid #D9E2C8;
|
|
text-decoration: none;
|
|
font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
|
|
}
|
|
|
|
h4 {
|
|
color: #315B08;
|
|
font-weight: 500;
|
|
padding-left: 15px;
|
|
font-style: italic;
|
|
text-decoration: none;
|
|
font-size: 1em;
|
|
font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
|
|
}
|
|
|
|
h5,h6 {
|
|
color: #315B08;
|
|
background-color: white;
|
|
font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", sans-serif;
|
|
}
|
|
|
|
/*
|
|
Text division / thematic break / head-less section
|
|
*/
|
|
hr:before {
|
|
content: "*\A0 *\A0 *";
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
hr {
|
|
border: none;
|
|
height: auto;
|
|
}
|
|
|
|
/*
|
|
General link styling
|
|
*/
|
|
|
|
a:link, a:visited {
|
|
color: #005A9C;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:hover, a:active {
|
|
color: #00428c;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
h2 a:link, h2 a:visited {
|
|
color: #33444A;
|
|
text-decoration: none;
|
|
}
|
|
h2 a:hover, h2 a:active {
|
|
color: #33444A;
|
|
}
|
|
h3 a:link, h3 a:visited {
|
|
color: #33444A;
|
|
text-decoration: none;
|
|
}
|
|
h3 a:hover, h3 a:active {
|
|
color: #33444A;
|
|
}
|
|
/*
|
|
Other basic styles
|
|
*/
|
|
|
|
/* TODO - add ol, li, td here ? */
|
|
p, dt {
|
|
margin-left: 15px;
|
|
margin-right: 25px;
|
|
}
|
|
|
|
dd {
|
|
margin-left: 35px;
|
|
margin-right: 25px;
|
|
}
|
|
|
|
li {
|
|
margin-right: 25px;
|
|
}
|
|
|
|
#news dt {
|
|
font-weight: bold;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
img {
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
border: 0;
|
|
}
|
|
|
|
acronym:hover, abbr:hover {
|
|
cursor: help;
|
|
}
|
|
|
|
abbr[title], acronym[title], span[title], strong[title] {
|
|
border-bottom: thin dotted;
|
|
cursor: help;
|
|
}
|
|
|
|
pre, blockquote {
|
|
font-size: 0.9em;
|
|
width: 70%;
|
|
margin: auto;
|
|
padding: 0.5em 1em;
|
|
overflow: visible;
|
|
background-color: #D9E2C9;
|
|
color: #000;
|
|
}
|
|
|
|
pre, code, tt {
|
|
font-family: "Courier New", Courier, monospace;
|
|
line-height: 1.2em;
|
|
white-space: pre;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
.speaker {
|
|
font-weight: bold;
|
|
color: #315B08;
|
|
}
|
|
|
|
a:link img, a:visited img {
|
|
border-style: none;
|
|
}
|
|
a img {
|
|
color: black;
|
|
}
|
|
|
|
/* The only way to hide the border in NS 4.x */
|
|
ul.toc {
|
|
list-style: none;
|
|
}
|
|
|
|
/*
|
|
Stuff we don't actually want too visible - or not at all
|
|
*/
|
|
|
|
p.copyright {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: small;
|
|
text-align: justify;
|
|
text-transform: uppercase;
|
|
font-family: "Bitstream Vera Sans Mono", monospace;
|
|
color: white;
|
|
line-height: 120%;
|
|
padding: 1em;
|
|
clear: both;
|
|
}
|
|
|
|
p.copyright a {
|
|
color: white;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.hideme {
|
|
display: none;
|
|
}
|
|
|
|
/* lefthand content */
|
|
#latest {
|
|
/* width: 64%; */
|
|
margin-left: 1.5%;
|
|
margin-right: 34.5%;
|
|
}
|
|
|
|
/* righthand menu */
|
|
#jumpbar {
|
|
background-color: white;
|
|
float: right;
|
|
width: 33%;
|
|
margin-right: 0;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
padding: 0 0 1em 0;
|
|
border-bottom: 1px solid #B2EF3C;
|
|
font-size: 0.9em;
|
|
font-weight: normal;
|
|
margin-left: 1em;
|
|
z-index: 3;
|
|
clear: right;
|
|
}
|
|
|
|
#jumpbar h2 {
|
|
background-color: #ffffff;
|
|
margin-top: 0px;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
border-bottom: 1px solid #B2EF3C;
|
|
}
|
|
|
|
#jumpbar h3 {
|
|
border-top: 0 !important;
|
|
margin: 5px 0 5px 0;
|
|
}
|
|
|
|
#jumpbar ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-left: 15px;
|
|
margin-right: .5em;
|
|
}
|
|
|
|
#jumpbar li {
|
|
list-style-type: none;
|
|
background: url(/QA/2006/01/bullet.gif) 0 2px no-repeat;
|
|
padding-left: 8px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#jumpbar img.feed_icon {
|
|
padding-right: .3em;
|
|
padding-bottom: .2em;
|
|
}
|
|
|
|
/* top menu */
|
|
#menu {
|
|
background-color: #005A9C;
|
|
color: white;
|
|
margin: 0;
|
|
padding: 0;
|
|
/*margin-left: 42px;*/
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
line-height: 200%;
|
|
vertical-align: bottom;
|
|
font-size: 0.9em;
|
|
list-style-type: none;
|
|
border-bottom: 0;
|
|
border-top: 0;
|
|
border-left: 1px solid #28343B;
|
|
border-right: 1px solid #28343B;
|
|
}
|
|
|
|
#menu {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#menu li {
|
|
display: inline;
|
|
}
|
|
|
|
#menu li a {
|
|
padding-right: 1.2em;
|
|
padding-left: 1.2em;
|
|
color: white;
|
|
}
|
|
|
|
#searchbox {
|
|
padding: 0;
|
|
margin: 0;
|
|
display: inline;
|
|
float: right;
|
|
margin-top: -2em;
|
|
clear: left;
|
|
width: 20em;
|
|
text-align: right;
|
|
margin-bottom: 3px;
|
|
height: 1.5em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#searchbox form {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#formbox {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.textfield {
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
#goButton {
|
|
background-color: white;
|
|
color: #005A9C;
|
|
padding: 0.2em;
|
|
height: 2em;
|
|
}
|
|
#goButton {
|
|
overflow: visible;
|
|
width: auto;
|
|
color: #365D95;
|
|
padding: 0.1em 0.4em 0.1em 0.3em;
|
|
text-align: center;
|
|
border-bottom: 2px solid #444;
|
|
border-right: 2px solid #444;
|
|
border-top: 1px solid #aaa;
|
|
border-left: 1px solid #aaa;
|
|
background: #eee url(/2007/08/pyRdfa/images/grad.png) repeat-x top left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#goButton:active {
|
|
color: #1f2126;
|
|
border-bottom: 1px solid #aaa;
|
|
border-right: 1px solid #aaa;
|
|
border-top: 2px solid #444;
|
|
border-left: 2px solid #444;
|
|
}
|
|
|
|
p.content-nav {
|
|
font-family: "Gill Sans Light","Gill Sans", sans-serif;
|
|
background-color: #B2D280;
|
|
margin:0;
|
|
padding:0;
|
|
text-align: center;
|
|
padding:5px;
|
|
}
|
|
|
|
p.content-nav a {
|
|
font-size: 0.9em;
|
|
margin: 1em;
|
|
text-decoration: none;
|
|
color: #3A5D13;
|
|
}
|
|
|
|
#footer {
|
|
font-size:0.85em;
|
|
background-color: #e2edfe;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
clear: both;
|
|
}
|
|
|
|
#footer div {
|
|
background-color: transparent;
|
|
float: left;
|
|
width: 33%;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 2px;
|
|
padding-left: 0;
|
|
}
|
|
span.clear {
|
|
clear: both;
|
|
}
|
|
|
|
#foot_categs {
|
|
margin-left: 3px;
|
|
}
|
|
|
|
#footer h2 {
|
|
background-color: #ffffff;
|
|
margin: 2em 0 0 0;
|
|
text-align: left;
|
|
padding: .5em 0 .5em 0;
|
|
}
|
|
|
|
#footer div h3 {
|
|
margin: 0 0 0 1em;
|
|
padding: 0;
|
|
border-top-style: solid;
|
|
text-align: left;
|
|
}
|
|
|
|
#footer div ul {
|
|
list-style: none;
|
|
margin: 0 0 0 1em;
|
|
padding: 0;
|
|
}
|
|
#footer div ul li {
|
|
}
|
|
|
|
#footer div ul li ul {
|
|
margin-left: 10px;
|
|
padding: 0;
|
|
}
|
|
|
|
#footer div ul li ul li {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-left: 5px;
|
|
font-size: smaller;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#gentime {
|
|
padding-top: 2em;
|
|
margin-bottom: 0;
|
|
clear: both;
|
|
font-size: x-small;
|
|
text-align: right;
|
|
}
|
|
|
|
/* style for tables */
|
|
table {
|
|
border-collapse: collapse;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
table caption {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
table, tr, th, td {
|
|
border: 1px solid black;
|
|
}
|
|
th, td {
|
|
padding: 5px 1em;
|
|
}
|
|
|
|
th {
|
|
background-color: #dfebf7;
|
|
color: #000;
|
|
}
|
|
|
|
/* styles for comments */
|
|
|
|
h3#comments {
|
|
background-color: #dfebf7;
|
|
padding-bottom: .5em;
|
|
margin-bottom: 0;
|
|
margin-top: 3em;
|
|
}
|
|
|
|
div.comment {
|
|
clear: both;
|
|
border-top: 1px solid #eee;
|
|
margin-bottom: 0;
|
|
padding-bottom: 1em;
|
|
}
|
|
div.comment:hover {
|
|
background-color: #f6f6fc;
|
|
}
|
|
|
|
p.comment-meta {
|
|
padding: 1em 0 1em 1em !important;
|
|
margin: 0 !important;
|
|
float: left;
|
|
width: 12em;
|
|
overflow: hidden;
|
|
display: inline;
|
|
}
|
|
p.comment-meta span.comment-meta-author {
|
|
display: block;
|
|
}
|
|
p.comment-meta span.comment-meta-author strong {
|
|
color: #666;
|
|
font-weight: normal;
|
|
}
|
|
p.comment-meta span.comment-meta-date {
|
|
display: block;
|
|
}
|
|
|
|
div.comment-bulk {
|
|
background: transparent url(/QA/images/start_quote.gif) 0 0 no-repeat;
|
|
margin-left: 12.5em;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* styles for comment form */
|
|
|
|
fieldset {
|
|
border: none;
|
|
}
|
|
|
|
#comments-open h3 {
|
|
background-color: #B2D280;
|
|
padding-bottom: .5em;
|
|
margin-bottom: 0;
|
|
margin-top: 3em;
|
|
}
|
|
#comments-open-data label {
|
|
margin: 0;
|
|
padding: 2px;
|
|
float: left;
|
|
width: 10em;
|
|
clear: both;
|
|
}
|
|
|
|
#comment-cookie {
|
|
width: 33em;
|
|
}
|
|
|
|
#comment-cookie label {
|
|
width: 20em;
|
|
float: none;
|
|
}
|
|
#comment-cookie label input {
|
|
width: 3em;
|
|
}
|
|
|
|
#comments-open-data input, #comments-open-data textarea {
|
|
margin: 0;
|
|
padding: 3px;
|
|
width: 28em;
|
|
border-color: #dfebf7;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
font-family: Monaco, "Courier New", Monospace;
|
|
font-size: 0.9em;
|
|
border: 1px solid #bbb;
|
|
border-top: 1px solid #777;
|
|
border-bottom: 1px solid #ddd;
|
|
background: #fefefe url(../images/textbg.png) no-repeat top left;
|
|
padding: 0.2em 0.2em;
|
|
max-width: 1000px;
|
|
font-variant: normal;
|
|
}
|
|
#comments-open-text textarea, #comments-open-text label {
|
|
width: 70%;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
/* text inputs */
|
|
|
|
|
|
#comments-open-data div, div#comment-form-external-auth {
|
|
margin-left: 15px;
|
|
margin-right: 25px;
|
|
margin-bottom: 1em;
|
|
}
|
|
#comment-form-remember-me {
|
|
clear: both;
|
|
}
|
|
#comment-form-remember-me label {
|
|
float: none;
|
|
}
|
|
#comment-form-remember-me input {
|
|
clear: both;
|
|
width: 10px;
|
|
}
|
|
#comments-open-text {
|
|
margin-left: 15px;
|
|
margin-right: 25px;
|
|
clear: both;
|
|
display: block;
|
|
}
|
|
|
|
#comments-open-footer input {
|
|
width: 8em;
|
|
margin-left: 2em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#comments-open-footer input {
|
|
overflow: visible;
|
|
width: auto;
|
|
color: #365D95;
|
|
padding: 0.1em 0.4em 0.1em 0.3em;
|
|
margin-left: 20%;
|
|
width: 30%;
|
|
min-width: 12em;
|
|
text-align: center;
|
|
border-bottom: 2px solid #444;
|
|
border-right: 2px solid #444;
|
|
border-top: 1px solid #aaa;
|
|
border-left: 1px solid #aaa;
|
|
background: #eee url(../images/grad.png) repeat-x top left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#comments-open-footer input:active {
|
|
color: #1f2126;
|
|
border-bottom: 1px solid #aaa;
|
|
border-right: 1px solid #aaa;
|
|
border-top: 2px solid #444;
|
|
border-left: 2px solid #444;
|
|
}
|
|
|
|
|
|
/* specific to tips of day */
|
|
#comments-open h4 {
|
|
clear: both;
|
|
}
|
|
|
|
input#comment-submit {
|
|
padding: .2em 2em;
|
|
margin-top: 1em;
|
|
}
|
|
h2#abouttips {
|
|
margin-top: 3em;
|
|
border-top: 2px solid #dfebf7;
|
|
}
|
|
|
|
/* colored warning block */
|
|
p#latestnews {
|
|
background-color: #FADDDE;
|
|
margin-right: 45%;
|
|
margin-left: 12%;
|
|
padding: 2em;
|
|
border: 1px solid #005A9C;
|
|
}
|
|
|
|
/* blog specific styling */
|
|
p.entry_author {
|
|
font-size: small;
|
|
text-align: right;
|
|
padding: 0;
|
|
margin: 0 5px 0 15px;
|
|
}
|
|
|
|
del {
|
|
text-decoration: line-through;
|
|
color: #55727D; }
|
|
|
|
/* Styles added for Failed Commitment post */
|
|
.failed {
|
|
background-color: #f99;
|
|
}
|
|
.valid {
|
|
background-color: #cf9;
|
|
}
|