Team:Lethbridge Entrepreneurs/styling

From 2013.igem.org

Revision as of 18:04, 28 October 2013 by Grewal.amrinder (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Minimal header: removes the search bar and header image and readjusts font colours in the menus.

Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code! Check out their wikis at: https://2011.igem.org/Team:Brown-Stanford https://2012.igem.org/Team:Lethbridge

      • /
  1. content h1.firstHeading {

visibility: hidden; }ewe

  1. p-logo {

display: none; }

  1. searchform { 
   display: none;

}

.left-menu { background: none } .left-menu a { 

   color: #000;

}

div#top-section { /*the div containing the entire top bar*/ height: 20px; margin-bottom: -63px !important; margin: 0px 0px 0px -10px; width: 1222px; border: none; }

  1. content{

margin: 0px 0px 0px -11px; width: 1200px; border: none; }

  1. search-controls {

overflow:hidden; display:none; background: none; position: absolute; top: 170px; right: 40px; }


div#header { width: 1200px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; }

  1. menubar {

position: absolute; color: black; 

       background-color: #ffffff;

}

.left-menu, .right-menu{ position: absolute; background: none; color: black; }

.left-menu li a, .right-menu li a { color: #000 !important; }


.left-menu ul li, .right-menu ul li a{ background: none; color: #000 !important; }

.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active { 

   color: #000 !important;

}

  1. catlinks{

display:none; }

/*important for background colours*/ .mediawiki{ background: #ffffff; }

.mediawiki { border: none; width: 1200px; background: transparent; }

  1. globalWrapper {

width: 1200px; background: transparent; }

  1. footer-box {

width: 1210px; margin: 0px 0px 0px -11px; border: 1px solid #c4c4c4; background-color: #f4f4ff }

/***End minimal header***/


/*

STYLE SHEET FOR LETHBRIDGE ENTREPRENEURS Created by AMRINDER GREWAL

  • /
  • {

margin: 0; padding: 0; }

html{ font-size: 62.6%; }

body { font: 62.6%/1.5 "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif; }

  1. wrapper_AG{

font-size: 1.5em; line-height: 1.5em; }

p { margin-bottom: 1.5em; }

/*------------add code below------------*/

html{ margin: 0px auto; width: 1000px; background: #ebebeb; }

body{ width: 1000px; background: none; background: #f2f2f2; }

a img{ border: none; }

h1{ padding: 0px 0px 5px 0px; }

h1{ text-transform: uppercase; font-weight: 800; width: 986px; border-bottom: 1px dotted #000000; margin-bottom: 5px; }

h2{ text-transform: uppercase; font-weight: 800; }

h3{ font-size: 1.2em; font-weight: 800; }

ul{ list-style-type: none; }

  1. header_AG{

background: #000000; margin: 0px 0px 20px 0px; height: 35px; 

       width: 1000px;

}

  1. sign_AG{

color: #ffffff; }

  1. search_AG{

width: 150px; float: right; margin: -10px 10px 0px 0px; background: #f2f2f2; color: #bababa; text-align: right; padding: 0px 5px 3px 0px; height: 15px; }

  1. banner_AG{

float: left; margin: -15px 0px 20px 0px; z-index: -500; }

  1. banner_AG img{

/*-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;*/ }

  1. name_AG{

float: left; margin: -150px 0px 0px -10px; }

  1. name_AG img{

width: 250px; max-width: 250px; }

  1. navigation_AG{

float: left; color: #000000; text-align: center; width: 1100px; font-size: 1.1em; line-height: 1.6em; height: 19px; margin: -25px 0px 10px 8px; z-index: 5000; }

  1. navigation_AG ul{

margin: 0px 21px 0px -8px; float: left; font-size: 1.2em; color: #0c0c0c; text-decoration: none; font-weight: normal; width: 1100px; min-height: 25px; z-index: 500; }

  1. navigation_AG li{

float: left; width: 142px; position: relative; list-style: none; }


  1. navigation_AG a{

color: #000000; text-decoration: none; font-weight: normal; display: block; }

  1. navigation_AG ul li ul{

position: relative; text-decoration: none; font-weight: normal; font-size: 1.0em; background-color: inherit; margin: inherit; padding: inherit; height: inherit; display: none; background-color: #f2f2f2; color: #ffffff; }

  1. navigation_AG li ul{

position: absolute; left: -10000px; width: 142px; height: auto; }

  1. navigation_AG li:hover ul{

left: 0px; display: block; width: 142px; }

  1. navigation_AG ul li ul li{

border-top: 1px solid #f2f2f2; border-bottom: none; z-index: 5000; background: #00ffa7; }

  1. navigation_AG ul li ul li:hover{

border-left: 5px solid #ffffff; width: 137px; background: #a3ffdf; }

  1. navigation_project_AG, #navigation_synbio_AG, #navigation_plan_AG, #navigation_comp_AG, #navigation_research_AG, #navigation_igem_AG{

border-right: 1px solid #f2f2f2; }

  1. navigation_project_AG{

border-left: none; }

  1. navigation_project_AG, #navigation_synbio_AG, #navigation_plan_AG, #navigation_comp_AG, #navigation_research_AG, #navigation_igem_AG, #navigation_sponsors_AG{

background: #00ffa7; }

  1. navigation_project_AG:hover, #navigation_synbio_AG:hover, #navigation_plan_AG:hover, #navigation_comp_AG:hover, #navigation_research_AG:hover, #navigation_igem_AG:hover, #navigation_sponsors_AG:hover{

background: #a3ffdf; }

  1. navigation_project_AG, #navigation_comp_AG, #navigation_sponsors_AG{

max-width: 137px; }

  1. navigation_synbio_AG, #navigation_igem_AG, #navigation_plan_AG, #navigation_synbio_AG ul, #navigation_igem_AG ul, #navigation_plan_AG ul, #navigation_synbio_AG li, #navigation_igem_AG li, #navigation_plan_AG li{

min-width: 147px; }

  1. content_AG{

width: 988px; border: 1px solid #676767; padding: 10px 5px 10px 5px; float: left; background-color: #f8f8f8; }

.indent_AG{ padding: 0px 10px 0px 10px; }

.extra_indent_AG{ padding: 0px 10px 0px 20px; }

  1. left_float_AG{

margin: 5px 0px 0px 0px; float: left; width: 190px; background: #00ffa7; }

  1. left_float_AG ul{

list-style-type: none; height: auto; }

  1. left_float_AG li{

border-bottom: 1px #ffffff solid; padding: 0px 0px 0px 11px; }

  1. main_list_entry_AG{

margin: 0px 0px 0px -9px; padding-left: 2px; border-left: 5px solid #c2c2c2; }

  1. left_float_AG a{

font-size: 1.4em; line-height: 1.3em; color: #0c0c0c; text-decoration: none; font-weight: normal; display: block; }

  1. left_float_AG a:hover{

width: 185px; border-left: 5px solid #ffffff; }

  1. right_float_AG{

float: left; width: 780px; padding: 0px 0px 0px 10px; }

.border_left_AG{ border-left: 5px solid #c2c2c2; }

.super{ vertical-align: super; font-size: 65%; line-height: 0.5em; padding-top: 0px; text-decoration: none; }

.super:hover{ text-decoration: underline; }

  1. before_footnotes_AG{

content:"."; top: 0; right: 0; bottom: 0; left: 0; margin: 15px 0px; width: 100px; border-bottom: 1px solid #000000; }

  1. footnotes_AG ul{

list-style-type: none; margin: 0px 0px 0px 10px; }

  1. footnotes_AG a{

margin: 0px 5px 0px 0px; }

.center_AG{ text-align: center; }

.figure_AG{ width: 765px; max-width: 765px; }

.italic_AG{ font-style:italic }

.underline_AG{ text-decoration: underline; }

.bold_AG{ font-weight: bold; }

/********** HOME **********/

  1. slides_container_AG{

float: left; z-index: -5000; }

  1. slides {

margin: 0px 0px 0px 0px; display: none; background: #000000; height: 450px; width: 1000px; padding-bottom: 25px; }

  1. slides .slidesjs-navigation {

margin-top:5px; margin-top:5px; }

a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(img/btns-next-prev.png); background-repeat: no-repeat; display:block; width:12px; height:18px; overflow: hidden; text-indent: -9999px; float: left; margin-right:5px; }

a.slidesjs-next { margin-right:10px; background-position: -12px 0; }

a:hover.slidesjs-next { background-position: -12px -18px; }

a.slidesjs-previous { background-position: 0 0; }

a:hover.slidesjs-previous { background-position: 0 -18px; }

a.slidesjs-play { width:15px; background-position: -25px 0; 

   }

a:hover.slidesjs-play { background-position: -25px -18px; }

a.slidesjs-stop { width:18px; background-position: -41px 0; 

   }

a:hover.slidesjs-stop { background-position: -41px -18px; }

.slidesjs-pagination { margin: 7px 0 0; float: right; list-style: none; }

.slidesjs-pagination li { float: left; margin: 0 1px; }

.slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(img/pagination.png); background-position: 0 0; float: left; overflow: hidden; }

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px; }

.slidesjs-pagination li a:hover { background-position: 0 -26px; }

  1. slides a:link,
  2. slides a:visited {

color: #333 }

  1. slides a:hover,
  2. slides a:active {

color: #9e2020; }

.navbar { overflow: hidden; }


  1. slides {

display: none; }

.container { margin: 0 auto; }

  1. platinum_sponsors_AG img{

width: 990px; max-width: 990px; }

/********** PROJECT **********/

.project_img_AG{ margin: 0 0 0 200px; }

/********** TEAM **********/

.decrease_opacity img:hover{ opacity: 0.5; 

   background-color: #ffffff;

}

  1. team_about_us_AG{

border-bottom: 1px dotted #000000; height: 330px; margin: 0px; }

.red_AG{ color: red; }

  1. team_members_AG{

padding: 12.5px 0px 0px 0px; border-bottom: 1px dotted #000000; height: 180px; }

  1. team_members_AG img{

padding: 0px 5px 5px 0px; float: left; min-width: 90px; }

  1. the_team_AG{

width: 385px; border-right: 1px dotted #000000; float: left; padding: 0px 0px 10px 10px; }

  1. the_advisors_AG{

float: left; padding: 0px 0px 0px 12px; min-width: 550px; }

  1. bios_AG{

float: left; padding: 0px 0px 0px 10px; margin: -25px 0px 0px 0px; padding: 0px 0px 10px 10px; }

.bio_name_AG{ margin: 40px 0px 0px 0px; }

.bio_AG img{ margin: 10px 0px -10px 0px; min-width: 200px; max-width: 200px; }

.bio_write_up_AG{ width: 750px; height: 300px; margin: 10px 0px 0px 10px; }

  1. isa .bio_write_up_AG{

margin: -270px 0px 0px 210px; }

  1. eri .bio_write_up_AG{

margin: -215px 0px 0px 210px; }

  1. mac .bio_write_up_AG{

margin: -295px 0px 0px 210px; }

  1. har .bio_write_up_AG{

margin: -205px 0px 0px 210px; }

  1. ger .bio_write_up_AG{

margin: -255px 0px 0px 210px; }

  1. roy .bio_write_up_AG{

margin: -250px 0px 0px 210px; }

  1. han .bio_write_up_AG{

margin: -280px 0px 0px 210px; }

  1. mic .bio_write_up_AG{

margin: -230px 0px 0px 210px; }

  1. dan .bio_write_up_AG{

margin: -250px 0px 0px 210px; }

  1. special_thanks_AG{

border-top: 1px dotted #000000; padding: 10px 0px 0px 10px; margin: 20px 0px -25px -10px; }

/********** COMPETITIONS AND MEDIA **********/

.comp_media_image_AG{ min-heigh: 200px; height: 200px; max-height: 200px; }

.comp_media_image_wide_AG{ width: 400px; max-width: 400px; }

.comp_media_image_after_AG{ width: 300px; font-style:italic; }

.comp_media_image_after_wide_AG{ width: 1000px; }

  1. first_image_set_AG{

margin-left: 190px; }

  1. second_image_set_AG{

margin-left: 120px; }

.float_AG{ float: left; margin-right: 10px; }

  1. after_tec_AG{

height: 200px; }

  1. after_innovate_cal_AG{

height: 200px; }

  1. after_aayec_AG{

height: 210px; }

  1. after_geek_AG{

height: 200px; }

  1. after_medica_AG{

height: 200px; }

/********** RESEARCH **********/

  1. figure_one_research_AG{

height: 430px; }

  1. figure_two_research_AG{

height: 330px; }

/********** iGEM EXPEREINCE **********/

  1. igem_expe_AG{

text-transform: none; }

/********** SPONSORS **********/

  1. all_sponsors_AG{

width: 975px; }

/********** FINANCIALS **********/

.financial_income_AG img{ width: 775px; max-width: 775px; }

Retrieved from "http://2013.igem.org/Team:Lethbridge_Entrepreneurs/styling"