Team:UCSF/stylesheet
From 2013.igem.org
@font-face {
font-family : 'SegoeWP'; src: url('http://allistersmith.com/Photography/Login_files/SegoeWP.eot'); /* IE9 Compat Modes */
src: url('http://allistersmith.com/Photography/Login_files/SegoeWP.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://allistersmith.com/Photography/Login_files/lato-regular-webfont.woff') format('woff'), /* Modern Browsers */ url('http://allistersmith.com/Photography/Login_files/SegoeWP.ttf') format('truetype'); /* Safari, Android, iOS */ }
@font-face {
font-family : 'SegoeWP'; src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Light.eot'); /* IE9 Compat Modes */
src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://allistersmith.com/Photography/Login_files/lato-light-webfont.woff') format('woff'), /* Modern Browsers */ url('http://allistersmith.com/Photography/Login_files/SegoeWP-Light.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight:light;
}
@font-face {
font-family : 'SegoeWP'; src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Semibold.eot'); /* IE9 Compat Modes */
src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://allistersmith.com/Photography/Login_files/lato-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('http://allistersmith.com/Photography/Login_files/SegoeWP-Semibold.ttf') format('truetype'); /* Safari, Android, iOS */
font-weight:bold; }
h1 {font-family:'SegoeWP'; font-weight:'light';}
h2 {font-family:'SegoeWP', 'Calibri';} h2.noline{font-family:'SegoeWP', 'Calibri'; border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
h3 {font-family:'SegoeWP', 'Calibri'; font-weight:'bold'; color: #A80008; font-size:24px;}
h3white {font-family:'SegoeWP', 'Calibri'; color: #ffffff; font-size:24px;padding:10px;} h3white1{font-family:'SegoeWP', 'Calibri'; font-weight: light; color: #ffffff; font-size:24px;padding:10px;}
h3red {font-family:"SegoeWP", "Calibri"; font-weight: bold; color: #A80008; font-size:24px;} h3red1 {font-family:'SegoeWP'; font-weight: bold; color: #A80008; font-size:18px;} h3redc {font-family:"SegoeWP", "Calibri"; color: #A80008; font-size:24px;}
bered {font-family:"SegoeWP", "Calibri"; color: #A80008; font-size:24px;}
h3green {font-family:'SegoeWP', 'Calibri'; font-weight: bold; color: #177404; font-size:24px;} h3green1 {font-family:SegoeWP, Calibri; color: #177404; font-size:18px;}
h3purple {font-family:'SegoeWP', 'Calibri'; font-weight: bold; color: #A23C9C; font-size:24px;} h3purple1 {font-family:'SegoeWP', 'Calibri'; font-weight: bold; color: #A23C9C; font-size:18px;}
h3orange {font-family:'SegoeWP', 'Calibri'; font-weight: bold; color: #F86114; font-size:24px;} h3orange1 {font-family: 'Calibri'; font-weight: bold; color: #F86114; font-size:18px;}
regulartext{font-family: "Calibri", "Arial"; color:#black; font-size:16px;} regulartext2{font-family: "Calibri", "Arial"; color:#black; font-size:19px; } regulartext1{font-family: "Calibri", "Arial"; color:#black; font-size:15px;}
regulartext4{font-family: "Calibri"; color:#177404; font-size:17px;} regulartext5{font-family: "Calibri"; color:#177404; font-size:20px;}
.classoranget1 A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #F86114;} .classoranget1 A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #F86114;} .classoranget1 A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 15px; color: #000050;}
.classbluet1 A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #000050;} .classbluet1 A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #000050;} .classbluet1 A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 15px; color: #000050;}
.classpurplet1 A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #A23C9C;} .classpurplet1 A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #A23C9C;} .classpurplet1 A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 15px; color: #000050;}
.classgreent1 A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #177404;} .classgreent1 A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #177404;} .classgreent1 A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:bold; font-size: 15px; color: #000050;}
.classredt1 A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #A80008;} .classredt1 A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:15px; color: #A80008;} .classredt1 A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 15px; color: #000050;}
.classoranget A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:17px; color: #F86114;} .classoranget A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:17px; color: #F86114;} .classoranget A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 17px; color: #000050;}
.classbluet A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:17px; color: #000050;} .classbluet A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:17px; color: #000050;} .classbluet A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 17px; color: #000050;}
.classpurplet A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:17px; color: #A23C9C;} .classpurplet A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:17px; color: #A23C9C;} .classpurplet A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 167x; color: #000050;}
.classgreent A:link {text-decoration:none; font-family: 'Calibri'; font-weight:regular; font-size:17px; color: #177404;} .classgreent A:visited {text-decoration:none; font-family: 'Calibri'; font-size:17px; color: #177404;} .classgreent A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:bold; font-size: 17px; color: #000050;}
.classredt A:link {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size:17px; color: #A80008;} .classredt A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:17px; color: #A80008;} .classredt A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:bold; font-size: 17px; color: #000050;}
.classredt2 A:link {text-decoration:none; font-family: 'Calibri'; font-size:17px; color: #000000;} .classredt2 A:visited {text-decoration:none; font-family: 'Calibri'; font-size:17px; color: #000000;} .classredt2 A:hover {text-decoration:none; font-family: 'Calibri'; font-weight: bold; font-size: 17px; color: #000050;}
.classorangea A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:20px; font-weight: bold;color: #F86114;} .classorangea A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:20px; color: #F86114;} .classorangea A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 23px; color: #000050;}
.classbluea A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:20px; font-weight: bold;color: #000050;} .classbluea A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:20px; color: #000050;} .classbluea A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 23px; color: #000050;}
.classpurplea A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:20px; font-weight: bold;color: #A23C9C;} .classpurplea A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:20px; color: #A23C9C;} .classpurplea A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 23px; color: #000050;}
.classgreena A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight: bold; font-size:20px; color: #177404;} .classgreena A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight: bold;font-size:18px; color: #177404;} .classgreena A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 23px; color: #000050;}
.classreda A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight: bold;font-size:20px; color: #A80008;} .classreda A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:20px; color: #A80008;} .classreda A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 23px; color: #000050;}
.classorange A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px;color: #F86114;} .classorange A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #F86114;} .classorange A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 20px; color: #000050;}
.classblue A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #000050;} .classblue A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #000050;} .classblue A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 20px; color: #000050;}
.classpurple A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px;color: #A23C9C;} .classpurple A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A23C9C;} .classpurple A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 20px; color: #000050;}
.classpurple5 A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size:18px;color: #A23C9C;} .classpurple5 A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; font-weight: bold; color: #A23C9C;} .classpurple5 A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size: 20px; font-weight:bold; color: #000050;}
.classgreen A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #177404;} .classgreen A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight: bold;font-size:18px; color: #177404;} .classgreen A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 20px; color: #000050;}
.classred A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A80008;} .classred A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A80008;} .classred A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 20px; color: #000050;}
classred1 {font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A80008;} classgreen1 {font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #177404;} classpurple1 {font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A23C9C;} classblue1 {font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 18px; color: #000050;} classorange1 {font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 18px; color: #000050;}
content {
background-color: white; border:none; padding-bottom:none; margin-bottom:none; }
top-section { height: 0px; border: none; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;} p-logo {border:none; height: 0px; margin: -1px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;} menubar.left-menu { background-color:#606060; width:975px; float:left; border: none;} menubar.left-menu a {font-family: "SegoeWP", "Arial"; color:white; border:none;} menubar.right-menu {font-family: "SegoeWP", "Arial"; border:none;} right-menu ul {border:none;} search-controls {display:none; } bodycontent{border:none;} contentgrid {border: 1px solid #529bc7;width:980px;background-color: #cfe7fa; margin-left:-6px; height:1200px; }
.firstHeading{width: 0px; height: 0px; margin-bottom: 0px; display: none; position: relative; top:0; left:0; margin:0;}
footer-box { border:none; width: 100%; background-color: white; margin: -10px auto 0 auto; padding: 20px 0;}
.visualClear { display: none;}
footer { border: none; background-color: white; width: 965px; margin: 0 auto; padding: 0;color:#000050;}
.firstHeading { display: none;color:#000050;}
f-list a { font-family: "SegoeWP", "Arial"; color: #333; font-size: 12px;color:#000050;} f-list a:hover { color: #666;color:#000050;}
.printfooter { display: none; color:#000050;}
footer ul { border:none; margin: 0; padding: 0;color:#000050;} footer ul li { border:none; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;color:#000050;} search-controls { display:none; color:#000050;}
h3#siteSub { display: none;#000050;}
contentSub {display: none;#000050;}
leftcolumn {width:200px; height:450px; float: left; margin-top:0px; background-color:#ffffff} leftcolumntotal{width:200px; height:800px; float: left; margin-top:0px;}
pic1 {width: 245px; float:left;}
headertextgreen{width:755px; background-color:#177404; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;} headertextred{width:242px; background-color:#A80008; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;} headertextorange{width:241px; background-color:#F86114; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
frontpage {width:755px; height:200px; margin-left:8px; padding:0px; margin-top:8px; background-color:#F5F5F5; float:left;} leftintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #177404; padding:2px; background-color:#F5F5F5; float:left;} centreintro{width:241px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #A80008; padding:2px; background-color:#F5F5F5; float:left;} rightintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #F86114;padding:2px; background-color:#F5F5F5; float:left;}
goright {float:right}
rightcontent {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px;} rightcontenttext {width:735px; float:right; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;} farleft {float: left; vertical-align: middle; top-margin:400px;}
{margin:0; padding:0}
.sm {list-style:none; width:755px; height:200px; display:block; overflow:hidden} .sm li {float:left; display:inline; overflow:hidden}
rightcontentno {width:755px; float:left; background-color: #FFFFFF; margin-left: -10px; margin-top:8px;} greentitle {width:755px; float:left; background-color: #177404; margin-left: 5px; margin-top:4px;} rightside1 {float:right;} frontmedia {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px; text-indent:15px;}
body {
background-color:#C8C8C8 ;
}