MSRChallenge About

StyleSheet

html {
    background: #fff url(whiteback.png) top left repeat-x fixed;
    margin: 0;
    padding: 0;
    font-family: Verdana, sans-serif;
}

body {
    background: #fff;
    color: #000;
    margin: 2em auto;
    padding: 0;
    width: 48em;
    border: 1px solid #000;
    position: relative;
}

/* header */

.header {
    background: #fff url(MSRLogo2010.jpg) no-repeat center right;
    color: #666;
    position: relative;
    padding-bottom: 2em;
}
.header h1 {
    margin: 0;
    padding: 1em;
    clear: none;
}
.header h1 a {
    color: #000;
}
.header h1 a:hover {
}


.header a.logo {
    display: block;
    float: right;
    position: relative;
    z-index: 1;
}

/* goto bar */

.bar {
    clear: both;
    display: block;
    background: #fff url(whitegrad.png) repeat-x bottom left;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    float: left;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    font-style: normal;
}
.bar a {
    color: #b22;
    display: block;
    float: left;
    padding: 0.25em;
    text-decoration: none;
    border-right: 1px solid #999;
    font-weight: bold;
}
.bar a:hover {
    background: #f00 url(redgrad.png) repeat-x bottom left;
    color: #fff;
}


/* General */

a img {
    border: none;
}
a {
    text-decoration: none;
    color: #d11;
    font-weight: bold;
}
a:visited {
    color: #d66;
}
a.url {
    color: #36f;
}
a.url:visited {
    color: #59e;
}
a:hover {
    background: #eee;
    color: #000;
}

.footer hr, .footer br, .header hr, .header br {
    display: none;
}


/* footer */

.footer {
    padding: 2em;
    text-align: right;
    font-style: italic;
}
.footer p {
    font-style: normal;
    text-align: justify;
    font-size: small;
}

/* search box */
form.search {
    position: absolute;
    margin: 0;
    padding: 0.125em 0;
    top: -2em;
    right: -1px;
    color: #000;
    font-size: small;
}
form.search p {
    margin: 0;
    padding: 0;
}
form.search input {
    font-size: small;
    font-family: verdana, sans-serif;
    border: 1px solid #222;
    color: #444;
}


/* referers */
div.refer {
    font-size: x-small;
    padding: 0.25em 1em;
    background: #eee;
}
div.refer a {
    color: #36f;
    font-weight: normal;
}
div.refer a:visited {
    color: #59e;
}
div.refer a:hover {
    background: #ddd;
    color: #000;
}


/*** content ***/

.content, .rc, .diff {
    margin: 2em;
}

.content p {
    text-align: justify;
}

.content .quote {
    font-style: italic;
    background: #eee url(quote.png) 4px 4px no-repeat;
    clear: both;
    margin: 0.25em 1em;
    padding: 0.25em;
    color: #111;
}

.content .image {
    display: block;
    margin: 0.25em;
    padding: 0.25em;
    border: 1px solid #666;
    background: #eee;
    text-align: center;
}
.content a.image:hover {
    border: 1px solid #b00;
    background: #fee;
}
.content .image.noborder {
    display: inline;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    vertical-align: middle;
}
.content a.image:hover {
    border: none;
}


.content .right {
    float: right;
}


/* Language table */
/*
.content table.user {
    background: #fff url(lang.png) no-repeat bottom left;
    float: right;
    padding-left: 16px;
    padding-bottom: 32px;
    margin: 0.5em;
    margin-top: -1.5em;
    margin-right: -1.5em;
    font-size: small;
}
.content table.user a {
    display: block;
    font-weight: normal;
}
*/
.content table { border-collapse: collapse }
.content td, .content th {border: 1px solid #999; padding: 0.25em } 

/* edit form */

form.edit {
    padding-bottom: 3em;
}

form.edit textarea {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

.header p {
    margin: -1.5em 0 0 0
}

.sidebar {
    float: right;
    margin: 0.5em;
    padding: 0.5em;
    background: #eee;
    border: 1px solid #666;
}

.wrapper.close {
    clear: both;
}

div.sister, div.near { display: none }

.commentshown {
    padding: 0.5em;
    display: block;
    clear: both;
    border: 1px solid #ccc;
}
.commentshown a {
    display: inline;
}
.commenthidden {
    display: none;
}
div.month a.edit { color: pink }