server_playground/doc/www.w3.org/html/css/screen.css

/*HTML Home Page Style Sheet
Created by Karl Dubost - 2007-03-07
with updates from MikeSmith after that
$Id: screen.css,v 1.73 2010/12/20 07:10:54 mike Exp $
*/

/*Usual CSS*/
img {
   border-width: 0;
   vertical-align: bottom;
}

abbr {
   text-decoration: none;
   border-style: none;
}

/*Main structure*/
body {
   font-family: "Gill Sans", sans-serif;
   padding: 0 8%;
   margin: 0;
   color: #eee;
   background: #495E69;
}

div.toc {
   margin-top: 6pt;
}

.misseddate {
   color: red;
}

/* #Header */
#header {
   margin: 0;
   padding: .8em 1em .8em 1.5em;
   min-height: 48px ;
}


#header img {
  padding-right: 8px;
}

#wrapper {
   border-width: 0 2px 2px 2px;
   border-style: solid;
   border-color: #28343B;
   color: #222;
   background-color: #fff;
   margin: 0 auto;
   padding: 0;
}

#content {
   border-top: 2px solid #0B5B9D;
   margin: 0;
   padding: 0;
}

/* Sidebar */
#sidebar {
   margin: 0 0 0 1em;
   padding-right: 10px;
   font-size: small;
   width: 18em;
   float: right;
}

#sidebar div {
   border-bottom: 1px solid #B2EF3C;
   padding-bottom: 1em;
   margin-bottom: 1em;
}

#sidebar ul {
  padding-left: 17px;
}

#sidebar p {
   margin: 0;
}

asidetoplist {
   margin-left: 0 ! important;
}

#sidebar h2 {
   margin: 0;
}

#sidebar dl {
   margin: 0;
}
#sidebar dt {
   font-weight: bold;
   margin: 0;
}
#sidebar dd {
   margin: 0 .5em 0 1em;
}

#sidebar li {
   margin-left: 0;
   margin-right: .5em;
}

/* header logo */
.logo {
   float: left;
}
/*Main structure - footer */
#footer {
   text-align: right;
   clear: both;
   margin: 0;
   padding: .5em 1em .5em .5em;
   /* background-color: #0B5B9D; */
   color: #fff;
   font-size: .85em;
}

#footer h1,h2,h3,h4,h5,h6 {
   padding: 0 ! important;
}

#footer p {
   padding: 0;
   margin: 0;
}

/* Headers */
h1,h2,h3,h4,h5,h6 {
   color: #0b5b9d;
}

h1 {
   margin: 0;
   padding: 0
}

h3 {
   font-size: 100%;
}

h2#share span {
   color: #444;
   font-variant: normal;
   font-size: smaller;
}
/*Links*/

h1 span#headertext a {
  border-bottom: 2px dotted gray;
}

a {
  text-decoration: none;
  color: #000;
  margin: 0px 2px 0px 2px;
  padding: 1px 1px 1px 1px;
}

#header a:active, #content a:active, #sidebar a:active {
   background-color: #0b5b9d;
   color: white;
   position: relative;
   top: 1px;
   left: 1px;
   padding: 1px 2px 1px 2px;
   margin: 0px;
}

#header a:hover, #content a:hover, #sidebar a:hover {
  background-color: #0b5b9d;
  color: white;
  border: 1px dotted #000;
  padding: 1px 2px 1px 2px;
  margin: 0px;
}


.logo a:active, .logo a:hover {
   background-color: transparent;
}

a:link {
   text-decoration: none;
   color: #0b5b9d;
}
a:visited {
   text-decoration: none;
   color: #0b5b9d;
}

#footer a {
   color: white;
   font-weight: bold;
}

#footer a:active, #footer a:hover {
  text-decoration: underline ! important;
}

#footer a:link {
   text-decoration: none;
}
#footer a:visited {
   text-decoration: none;
}

/*Blog*/
.hfeed {
   padding: 0 0 0 2em;
   margin-right: 19em;
}
.hentry {
   text-align: justify;
   padding: 0;
   margin: 1em 0 0 0;
   clear: left;
}
.hentry h3 a {
   color: #0b5b9d;
   font-weight: bold;
}
.hentry h3 {
   margin: 0;
   padding: 0;
}
.hentry p {
}
.hentry .date {
}
.hentry ul.meta {
   padding: 0;
   font-size: small;
   list-style-type: none;
}
.hentry ul.meta li {
   list-style-position: inside;
   float: left;
   margin: 0;
   padding: 0 0 0 1em;
}
.hentry hr {
   margin: 3em 0 1em 0;
   border: none;
   border-bottom: 1px solid #B2EF3C;
   clear: left;
}

.main {
   padding: 1em 0 0 1.5em;
   margin-right: 18em;
}

#about h2 {
   margin-top: .85em;
}

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;
}

#events h3 {
  margin-bottom: 6px;
}

#events ul {
  margin-top: 6px;
}

.milestonenote {
  font-size: 9pt;
  color: #666;
}