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

  1. content {
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;
   }
  1. top-section { height: 0px; border: none; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
  2. p-logo {border:none; height: 0px; margin: -1px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
  3. menubar.left-menu { background-color:#606060; width:975px; float:left; border: none;}
  4. menubar.left-menu a {font-family: "SegoeWP", "Arial"; color:white; border:none;}
  5. menubar.right-menu {font-family: "SegoeWP", "Arial"; border:none;}
  6. right-menu ul {border:none;}
  7. search-controls {display:none; }
  8. bodycontent{border:none;}
  9. 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;}

  1. footer-box { border:none; width: 100%; background-color: white; margin: -10px auto 0 auto; padding: 20px 0;}

.visualClear { display: none;}

  1. footer { border: none; background-color: white; width: 965px; margin: 0 auto; padding: 0;color:#000050;}

.firstHeading { display: none;color:#000050;}

  1. f-list a { font-family: "SegoeWP", "Arial"; color: #333; font-size: 12px;color:#000050;}
  2. f-list a:hover { color: #666;color:#000050;}

.printfooter { display: none; color:#000050;}

  1. footer ul { border:none; margin: 0; padding: 0;color:#000050;}
  2. footer ul li { border:none; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;color:#000050;}
  3. search-controls { display:none; color:#000050;}

h3#siteSub { display: none;#000050;}

  1. contentSub {display: none;#000050;}
  1. leftcolumn {width:200px; height:450px; float: left; margin-top:0px; background-color:#ffffff}
  2. leftcolumntotal{width:200px; height:800px; float: left; margin-top:0px;}
  1. pic1 {width: 245px; float:left;}
  1. headertextgreen{width:755px; background-color:#177404; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  2. headertextred{width:242px; background-color:#A80008; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  3. headertextorange{width:241px; background-color:#F86114; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  1. frontpage {width:755px; height:200px; margin-left:8px; padding:0px; margin-top:8px; background-color:#F5F5F5; float:left;}
  2. leftintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #177404; padding:2px; background-color:#F5F5F5; float:left;}
  3. centreintro{width:241px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #A80008; padding:2px; background-color:#F5F5F5; float:left;}
  4. rightintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #F86114;padding:2px; background-color:#F5F5F5; float:left;}
  1. goright {float:right}


  1. rightcontent {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px;}
  2. rightcontenttext {width:735px; float:right; background-color: #F5F5F5; margin-left:8px; padding: 10px; margin-top:8px;}
  3. 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}

  1. rightcontentno {width:755px; float:left; background-color: #FFFFFF; margin-left: -10px; margin-top:8px;}
  2. greentitle {width:755px; float:left; background-color: #177404; margin-left: 5px; margin-top:4px;}
  3. rightside1 {float:right;}
  4. frontmedia {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px; text-indent:15px;}


body {

   background-color:#000000;

}