Team:Stanford-Brown/Templates/css
From 2012.igem.org
(35 intermediate revisions not shown) | |||
Line 45: | Line 45: | ||
/* Main page abstract panel formatting */ | /* Main page abstract panel formatting */ | ||
- | #bottom-panel { background-color: #fff; width: 995px; height: | + | #bottom-panel { background-color: #fff; width: 995px; height: 470px; margin: 33px 20px 0px -10px; } |
#bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; } | #bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; } | ||
#abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; } | #abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; } | ||
- | #abs-title { float: left; margin: | + | #abs-title { float: left; margin: 20px auto 0px 40px; } |
+ | #abs-title a:link, #abs-title a:visited { float: left; font-weight: bold; } | ||
+ | #abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; } | ||
+ | #abs-title a:hover { color: #A32C2C; } | ||
#abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; } | #abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; } | ||
#abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px } | #abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px } | ||
Line 58: | Line 61: | ||
.accomps ul { color: #555; font-size: 12px; list-style-type: none; padding: 5px 5px 8px 15px; } | .accomps ul { color: #555; font-size: 12px; list-style-type: none; padding: 5px 5px 8px 15px; } | ||
.accomps ul li { padding-bottom: 8px; } | .accomps ul li { padding-bottom: 8px; } | ||
- | .accomps a, | + | .accomps a, .accomps a:visited { color: #555; font-size: 12px; text-decoration:none; padding: 5px 5px 8px 0px;} |
- | + | .accomps a:hover { color: #008ACF;} | |
/* Main page project panel formatting */ | /* Main page project panel formatting */ | ||
- | #proj-panel { background-color: #fff; height: | + | #proj-panel { background-color: #fff; height: 440px; width: 995px; margin: 15px 20px 15px -10px; } |
#proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; } | #proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; } | ||
.feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; } | .feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; } |
Latest revision as of 19:22, 3 December 2012
/*--STANFORD-BROWN iGEM 2012--*/
/* Header formatting */ h1, h2, h3, h4, h5 { font-family: "Trebuchet MS", sans-serif; padding:10px; } h2, h2 a, h2 a:visited { background: #444; color: #AAA; } h3, h3 a, h3 a:visited { color: #444; text-decoration: bold;}
/* Full page formatting */ body#space { background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; }
- top-section { position: relative; height: 20px; width: 975px; }
- contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
- container { margin: 15px 0px auto auto; width: 975px; }
- globalwrapper { margin: 0px 0px auto auto; }
/* Title panel formatting */
- top-panel { height: 260px; background-color: white; background-image: url('https://static.igem.org/mediawiki/2012/5/52/Planets.png'); }
- top-panel { margin: -20px -10px auto -10px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; }
- trans { text-align: right; color: #555; letter-spacing: 1.3px; }
- sa { line-height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 36px; }
- sa { color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; }
/* Border above main menu formatting */
- border-top { background-color: #6c6c6c; height: 6px; width: 995px; margin: 0px -10px 0px -10px; }
/* Main menu formatting */
- nav { font-family: "Trebuchet MS", sans-serif; font-size: 15px; color: white;}
- nav { background-color: #A32C2C; width: 1025px; list-style: none; }
- nav { float: left; margin: 0px 0px auto -25px; z-index: 5; }
- nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
- nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
- nav a:hover { color: #008ACF; }
/* Sub-menu formatting */
- subHeaderList { margin: auto; width: 975px; padding: 0px 0px 30px 10px;}
- subHeaderList ul, #subHeaderList li { display: inline; float: left; font-weight: bold; }
- subHeaderList a:link, #subHeaderList a:visited { float: left; line-height: 14px; font-weight: bold; }
- subHeaderList a:link, #subHeaderList a:visited { margin: 5px 10px 4px 10px; text-decoration: none; color: #888; }
- subHeaderList a:hover { color: #A32C2C; }
- subHeaderList a:link#current, #subHeaderList a:visited#current { padding-bottom: 2px; border-bottom: 4px solid #333; background: transparent; color: #666; }
- subHeaderList a:link#project, #subHeaderList a:visited#project { font-size: 15px; solid #333; background: transparent; color: #444; padding-top: 1px; margin-right: 5px}
/* General content formatting */
- content { position: relative; width: 975px; padding: 0px 10px 10px 10px; align: center; }
- content { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 3px #222; z-index: 2;}
/* Main page abstract panel formatting */
- bottom-panel { background-color: #fff; width: 995px; height: 470px; margin: 33px 20px 0px -10px; }
- bottom-panel { border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
- abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; }
- abs-title { float: left; margin: 20px auto 0px 40px; }
- abs-title a:link, #abs-title a:visited { float: left; font-weight: bold; }
- abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; }
- abs-title a:hover { color: #A32C2C; }
- abs-text { font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #333; }
- abs-text { text-align: left; line-height: 180%; margin: 20px 0px auto 40px }
/* Main page accomplishments formatting */ .accomps { font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: #008ACF;} .accomps { width: 320px; margin: 0px 0px 10px 30px; background: #fff; } .accomps { border-radius: 5px; border: 1px solid #aaa; box-shadow: 0px 1px 2px 1px #ccc; } .accomps ul { color: #555; font-size: 12px; list-style-type: none; padding: 5px 5px 8px 15px; } .accomps ul li { padding-bottom: 8px; } .accomps a, .accomps a:visited { color: #555; font-size: 12px; text-decoration:none; padding: 5px 5px 8px 0px;} .accomps a:hover { color: #008ACF;}
/* Main page project panel formatting */
- proj-panel { background-color: #fff; height: 440px; width: 995px; margin: 15px 20px 15px -10px; }
- proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; }
.feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0px 0px 16px; } .feature { color: #008ACF; background: #fff; width: 285px; height: 300px; border-style: none; } .brief { font-size: 13px; font-family: sans-serif; color: #333; } .brief { margin: 10px 10px 0px 0px; text-align: left; line-height: 180%; }
/* Footer box formatting */
- footer-box { border: 0px; width: 965px; }