Team:UT Dallas/css
From 2013.igem.org
(63 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
/* Header formatting */ | /* Header formatting */ | ||
- | + | #top-section | |
- | + | { | |
- | + | display:none; | |
+ | } | ||
/* Full page formatting */ | /* Full page formatting */ | ||
#content { | #content { | ||
- | + | background: none repeat scroll 0 0 #FFFFFF; | |
- | + | border: 0 none; | |
- | margin: 15px auto | + | box-shadow: 0 0 8px 3px #222222; |
- | + | margin: 15px auto; | |
- | border: | + | padding: 0; |
+ | width: 1000px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -khtml-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | #back { | ||
+ | background-color: #C2E0C2; | ||
+ | } | ||
+ | |||
+ | /*FORMATS THE BACKGROUND FOR ALL PAGES*/ | ||
+ | #top-section { | ||
+ | position: relative; | ||
+ | height: 20px; | ||
+ | width: 975px; | ||
+ | } | ||
+ | |||
+ | #contentSub,#search-controls,.firstHeading,#catlinks,#p-logo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #container { | ||
+ | width: 1000px; | ||
+ | } | ||
+ | |||
+ | #globalwrapper { | ||
+ | margin: 0 0 auto auto; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
/* Title panel formatting */ | /* Title panel formatting */ | ||
- | #top-panel { | + | #top-panel { |
- | + | background-color: #FFFFFF; | |
- | #trans { text-align: right; color: #555; letter-spacing: 1.3px; } | + | background-image: url("https://static.igem.org/mediawiki/2013/d/dd/Nserl2.png"); |
- | #sa { line-height: 100%; font-family: "Trebuchet MS", sans-serif; font-size: 36px; } | + | height: 300px; |
- | #sa { color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; } | + | width: 1000px; |
+ | border-radius: 5px 5px 0 0; | ||
+ | } | ||
+ | |||
+ | #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 above main menu formatting */ | ||
- | #border-top { background-color: #6c6c6c; height: 6px; width: | + | #border-top { |
+ | background-color: #6c6c6c; | ||
+ | height: 6px; | ||
+ | width: 1000px; | ||
+ | } | ||
/* Main menu formatting */ | /* Main menu formatting */ | ||
- | #nav { font-family: "Trebuchet MS", sans-serif; font-size: | + | #nav { |
- | + | background-color: #339933; | |
- | + | color: #FFFFFF; | |
- | #nav li { float: left; margin: | + | float: left; |
- | #nav a { display: block; padding: 5px 15px; text-decoration: none; color: | + | font-family: "Trebuchet MS",sans-serif; |
- | #nav a:hover { color: # | + | font-size: 16px; |
+ | font-weight: bold; | ||
+ | list-style: none outside none; | ||
+ | margin: 0 0 0 -13px; | ||
+ | width: 1025px; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; | ||
+ | margin: 0 20px 0 -5px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #nav a { | ||
+ | display: block; | ||
+ | padding: 5px 15px; | ||
+ | text-decoration: none; | ||
+ | color: #FFF; | ||
+ | border-style: none; | ||
+ | } | ||
+ | |||
+ | #nav a:hover { | ||
+ | color: #000; | ||
+ | } | ||
/* General content formatting */ | /* General content formatting */ | ||
- | #content { position: relative; width: 975px; padding: | + | /*#content { |
- | #content { border-radius: | + | position: relative; |
+ | width: 975px; | ||
+ | padding: 0 10px 10px; | ||
+ | align: center; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | border-radius: 0 0 5px 5px; | ||
+ | box-shadow: 0 2px 6px 3px #222; | ||
+ | z-index: 2; | ||
+ | }*/ | ||
/* Main page abstract panel formatting */ | /* Main page abstract panel formatting */ | ||
- | #bottom-panel { background-color: # | + | #bottom-panel { |
- | + | background-color: #FFFFFF; | |
- | #abs-title { font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c; } | + | border-radius: 0 0 5px 5px; |
- | #abs-title { float: left; margin: 20px auto | + | min-height: 470px; |
- | #abs-title a:link, #abs-title a:visited { float: left; font-weight: | + | padding: 20px 70px 30px 84px; |
- | #abs-title a:link, #abs-title a:visited { text-decoration: none; color: #888; } | + | text-align: justify; |
- | #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 | + | #abs-title { |
+ | font-size: 30px; | ||
+ | font-family: "Trebuchet MS", sans-serif; | ||
+ | color: #6c6c6c; | ||
+ | } | ||
+ | |||
+ | #abs-title { | ||
+ | float: left; | ||
+ | margin: 20px auto 0 40px; | ||
+ | } | ||
+ | |||
+ | #abs-title a:link,#abs-title a:visited { | ||
+ | float: left; | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | #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 0 auto 40px; | ||
+ | } | ||
/* Main page sub box formatting */ | /* Main page sub box formatting */ | ||
- | .subbox { font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: # | + | .subbox { |
- | .subbox { width: 320px; margin: | + | font-size: 18px; |
- | .subbox { border-radius: 5px; border: 1px solid #aaa; box-shadow: | + | font-family: "Trebuchet MS", sans-serif; |
+ | color: #f60; | ||
+ | } | ||
+ | |||
+ | .subbox { | ||
+ | width: 320px; | ||
+ | margin: 0 0 10px 30px; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | .subbox { | ||
+ | border-radius: 5px; | ||
+ | border: 1px solid #aaa; | ||
+ | box-shadow: 0 1px 2px 1px #f60; | ||
+ | } | ||
/* Main page project panel formatting */ | /* Main page project panel formatting */ | ||
- | #proj-panel { background-color: #fff; height: 440px; width: 995px; margin: 15px 20px 15px -10px; } | + | #proj-panel { |
- | #proj-panel { border-radius: 5px 5px 5px 5px; box-shadow: | + | background-color: #fff; |
- | .feature { font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px | + | height: 440px; |
- | .feature { color: #008ACF; background: #fff; width: 285px; height: 300px; border-style: none; } | + | width: 995px; |
- | .brief { font-size: 13px; font-family: sans-serif; color: #333; } | + | margin: 15px 20px 15px -10px; |
- | .brief { margin: 10px 10px | + | } |
+ | |||
+ | #proj-panel { | ||
+ | border-radius: 5px 5px 5px 5px; | ||
+ | box-shadow: 0 2px 6px 2px #222; | ||
+ | } | ||
+ | |||
+ | .feature { | ||
+ | font-size: 18px; | ||
+ | font-family: "Trebuchet MS", sans-serif; | ||
+ | margin: 20px 0 0 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 0 0; | ||
+ | text-align: left; | ||
+ | line-height: 180%; | ||
+ | } | ||
/* Footer box formatting */ | /* Footer box formatting */ | ||
- | #footer-box { border: | + | #footer-box { |
+ | border: 0; | ||
+ | width: 965px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .accordion | ||
+ | { | ||
+ | margin-right: 5px; | ||
+ | width:220px; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | .accordion dt, dd | ||
+ | { | ||
+ | font-family: "Trebuchet MS",sans-serif; | ||
+ | margin-left:0px; | ||
+ | padding:3px; | ||
+ | } | ||
+ | .accordion dt | ||
+ | { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2013/f/fb/Accordian_bg.jpg'); | ||
+ | margin-bottom: -1px; | ||
+ | padding-bottom: 6px; | ||
+ | padding-left: 25px; | ||
+ | padding-top: 6px; | ||
+ | color: #000000; | ||
+ | font-weight:bold; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | .accordion dt:hover | ||
+ | { | ||
+ | color: #404040; | ||
+ | } | ||
+ | .accordion dd | ||
+ | { | ||
+ | background: none repeat scroll 0 0 #EEEEEE; | ||
+ | border-bottom: 1px solid #636363; | ||
+ | border-left: 1px solid #636363; | ||
+ | border-right: 1px solid #636363; | ||
+ | line-height: 1.5em; | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | .accordion dd ul | ||
+ | { | ||
+ | list-style:none; | ||
+ | } | ||
+ | .accordion dd ul li a | ||
+ | { | ||
+ | color: #000000; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .accordion dd ul li a:hover | ||
+ | { | ||
+ | color: #404040; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .accordion dd ul li | ||
+ | { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .remote_content | ||
+ | { | ||
+ | color: #333333; | ||
+ | font-family: "Trebuchet MS",sans-serif; | ||
+ | font-size: 13px; | ||
+ | padding-bottom: 14px; | ||
+ | padding-right: 14px; | ||
+ | padding-top: 14px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | .title_spans | ||
+ | { | ||
+ | color: #6C6C6C; | ||
+ | font-family: "Trebuchet MS",sans-serif; | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | #result_space li | ||
+ | { | ||
+ | margin-left: 15px; | ||
+ | } | ||
+ | #result_space | ||
+ | { | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | #july { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/e/e9/Calender_july.png") no-repeat scroll left center transparent; | ||
+ | float: left; | ||
+ | height: 120px; | ||
+ | line-height: 28px; | ||
+ | padding-left: 35px; | ||
+ | padding-top: 11px; | ||
+ | width: 165px; | ||
+ | } | ||
+ | #august { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/7/7e/Calender_august.png") no-repeat scroll left center transparent; | ||
+ | float: left; | ||
+ | height: 120px; | ||
+ | line-height: 28px; | ||
+ | margin-left: 122px; | ||
+ | margin-right: 105px; | ||
+ | padding-left: 38px; | ||
+ | padding-top: 11px; | ||
+ | width: 165px; | ||
+ | } | ||
+ | #sept { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/3/3e/Calender_sept.png") no-repeat scroll left center transparent; | ||
+ | float: left; | ||
+ | height: 120px; | ||
+ | line-height: 28px; | ||
+ | padding-left: 36px; | ||
+ | padding-top: 11px; | ||
+ | width: 165px; | ||
+ | } | ||
+ | a.week_link { | ||
+ | background: none repeat scroll 0 0 #EBEBEB; | ||
+ | color: #595959; | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | height: 25px; | ||
+ | list-style: none outside none; | ||
+ | padding: 0 0 0 5px; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | width: 153px; | ||
+ | } | ||
+ | a.week_link:hover { | ||
+ | background: none repeat scroll 0 0 #EFEFEF; | ||
+ | color: #000000; | ||
+ | float: left; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | height: 25px; | ||
+ | list-style: none outside none; | ||
+ | padding: 0 0 0 5px; | ||
+ | text-align: left; | ||
+ | text-decoration: none; | ||
+ | width: 153px; | ||
+ | } | ||
+ | #gallery ul | ||
+ | { | ||
+ | display: table; | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | min-width: 100%; | ||
+ | table-layout: fixed; | ||
+ | } | ||
+ | #gallery ul li | ||
+ | { | ||
+ | display: table-cell; | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin-left: 0; | ||
+ | padding-right: 4px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | #gallery ul li a:hover | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | ul.horizontal_ul | ||
+ | { | ||
+ | display: table; | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | min-width: 100%; | ||
+ | table-layout: fixed; | ||
+ | margin: 18px 0 0 28px; | ||
+ | } | ||
+ | |||
+ | ul.horizontal_ul li | ||
+ | { | ||
+ | cursor: pointer; | ||
+ | display: table-cell; | ||
+ | font-size: 16px; | ||
+ | font-weight: bold; | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
+ | margin-left: 0; | ||
+ | padding-right: 75px; | ||
+ | white-space: nowrap; | ||
+ | color:#000000; | ||
+ | } | ||
+ | ul.horizontal_ul li:hover | ||
+ | { | ||
+ | color:#ff7200; | ||
+ | } | ||
+ | #protocol li | ||
+ | { | ||
+ | margin-left:16px; | ||
+ | } |
Latest revision as of 01:15, 28 September 2013
/* Header formatting */
- top-section
{
display:none;
}
/* Full page formatting */
- content {
background: none repeat scroll 0 0 #FFFFFF; border: 0 none; box-shadow: 0 0 8px 3px #222222; margin: 15px auto; padding: 0; width: 1000px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}
- back {
background-color: #C2E0C2;
}
/*FORMATS THE BACKGROUND FOR ALL PAGES*/
- top-section {
position: relative; height: 20px; width: 975px;
}
- contentSub,#search-controls,.firstHeading,#catlinks,#p-logo {
display: none;
}
- container {
width: 1000px;
}
- globalwrapper {
margin: 0 0 auto auto;
}
/* Title panel formatting */
- top-panel {
background-color: #FFFFFF; background-image: url(""); height: 300px; width: 1000px; border-radius: 5px 5px 0 0;
}
- 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: 1000px;
}
/* Main menu formatting */
- nav {
background-color: #339933; color: #FFFFFF; float: left; font-family: "Trebuchet MS",sans-serif; font-size: 16px; font-weight: bold; list-style: none outside none; margin: 0 0 0 -13px; width: 1025px;
}
- nav li {
float: left; margin: 0 20px 0 -5px; position: relative;
}
- nav a {
display: block; padding: 5px 15px; text-decoration: none; color: #FFF; border-style: none;
}
- nav a:hover {
color: #000;
}
/* General content formatting */ /*#content {
position: relative; width: 975px; padding: 0 10px 10px; align: center;
}
- content {
border-radius: 0 0 5px 5px; box-shadow: 0 2px 6px 3px #222; z-index: 2;
}*/
/* Main page abstract panel formatting */
- bottom-panel {
background-color: #FFFFFF; border-radius: 0 0 5px 5px; min-height: 470px; padding: 20px 70px 30px 84px; text-align: justify;
}
- abs-title {
font-size: 30px; font-family: "Trebuchet MS", sans-serif; color: #6c6c6c;
}
- abs-title {
float: left; margin: 20px auto 0 40px;
}
- abs-title a:link,#abs-title a:visited {
float: left; font-weight: 700;
}
- 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 0 auto 40px;
}
/* Main page sub box formatting */ .subbox {
font-size: 18px; font-family: "Trebuchet MS", sans-serif; color: #f60;
}
.subbox {
width: 320px; margin: 0 0 10px 30px; background: #fff;
}
.subbox {
border-radius: 5px; border: 1px solid #aaa; box-shadow: 0 1px 2px 1px #f60;
}
/* 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: 0 2px 6px 2px #222;
}
.feature {
font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin: 20px 0 0 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 0 0; text-align: left; line-height: 180%;
}
/* Footer box formatting */
- footer-box {
border: 0; width: 965px; display:none;
}
.accordion {
margin-right: 5px; width:220px; margin-top: 0px;
} .accordion dt, dd {
font-family: "Trebuchet MS",sans-serif; margin-left:0px;
padding:3px; } .accordion dt {
background-image:url('https://static.igem.org/mediawiki/2013/f/fb/Accordian_bg.jpg'); margin-bottom: -1px; padding-bottom: 6px; padding-left: 25px; padding-top: 6px; color: #000000; font-weight:bold; cursor:pointer;
}
.accordion dt:hover {
color: #404040;
} .accordion dd {
background: none repeat scroll 0 0 #EEEEEE; border-bottom: 1px solid #636363; border-left: 1px solid #636363; border-right: 1px solid #636363; line-height: 1.5em; margin-bottom: -1px;
} .accordion dd ul { list-style:none; } .accordion dd ul li a { color: #000000;
font-size: 14px;
} .accordion dd ul li a:hover { color: #404040; text-decoration: none; }
.accordion dd ul li { margin-bottom: 5px; } .remote_content {
color: #333333; font-family: "Trebuchet MS",sans-serif; font-size: 13px; padding-bottom: 14px; padding-right: 14px; padding-top: 14px; text-align: justify;
} .title_spans { color: #6C6C6C;
font-family: "Trebuchet MS",sans-serif; font-size: 30px;
}
- result_space li
{ margin-left: 15px; }
- result_space
{
margin-top: 15px;
}
- july {
background: url("") no-repeat scroll left center transparent; float: left; height: 120px; line-height: 28px; padding-left: 35px; padding-top: 11px; width: 165px;
}
- august {
background: url("") no-repeat scroll left center transparent; float: left; height: 120px; line-height: 28px; margin-left: 122px; margin-right: 105px; padding-left: 38px; padding-top: 11px; width: 165px;
}
- sept {
background: url("") no-repeat scroll left center transparent; float: left; height: 120px; line-height: 28px; padding-left: 36px; padding-top: 11px; width: 165px;
} a.week_link {
background: none repeat scroll 0 0 #EBEBEB; color: #595959; float: left; font-size: 16px; font-weight: bold; height: 25px; list-style: none outside none; padding: 0 0 0 5px; text-align: left; text-decoration: none; width: 153px;
} a.week_link:hover {
background: none repeat scroll 0 0 #EFEFEF; color: #000000; float: left; font-size: 16px; font-weight: bold; height: 25px; list-style: none outside none; padding: 0 0 0 5px; text-align: left; text-decoration: none; width: 153px;
}
- gallery ul
{
display: table; list-style-image: none; list-style-type: none; margin: 0; min-width: 100%; table-layout: fixed;
}
- gallery ul li
{
display: table-cell; list-style-image: none; list-style-type: none; margin-left: 0; padding-right: 4px; white-space: nowrap;
}
- gallery ul li a:hover
{
text-decoration: none;
} ul.horizontal_ul {
display: table; list-style-image: none; list-style-type: none; margin: 0; min-width: 100%; table-layout: fixed; margin: 18px 0 0 28px;
}
ul.horizontal_ul li {
cursor: pointer; display: table-cell; font-size: 16px; font-weight: bold; list-style-image: none; list-style-type: none; margin-left: 0; padding-right: 75px; white-space: nowrap; color:#000000;
} ul.horizontal_ul li:hover {
color:#ff7200;
}
- protocol li
{
margin-left:16px;
}