Team:UNITS Trieste/style.css
From 2011.igem.org
(Difference between revisions)
(259 intermediate revisions not shown) | |||
Line 23: | Line 23: | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
- | body,html,#content | + | body,html,#content,#globalWrapper { |
- | + | padding:0 !important; | |
- | + | width:100% !important; | |
- | min-width: 1080px; | + | min-width: 1080px !important; |
+ | font-size:12px; | ||
+ | line-height:1.3em; | ||
+ | color:#333; | ||
+ | font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; | ||
+ | } | ||
+ | body,html { | ||
+ | height:100% !important; | ||
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
Line 45: | Line 52: | ||
del { | del { | ||
text-decoration: line-through; | text-decoration: line-through; | ||
+ | } | ||
+ | #bodyContent a[href^="https://"], .link-https { | ||
+ | background: none; | ||
+ | padding-right: 0; | ||
} | } | ||
/* tables still need 'cellspacing="0"' in the markup */ | /* tables still need 'cellspacing="0"' in the markup */ | ||
table { | table { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
- | border- | + | width: 50%; |
+ | margin: 24px; | ||
+ | font-size: 1.1em; | ||
+ | } | ||
+ | td.logo img { | ||
+ | width:100px; | ||
+ | } | ||
+ | #groupparts { | ||
+ | width:100% !important; | ||
+ | } | ||
+ | table.pgrouptable thead th,th { | ||
+ | background-color: #3e83c9 !important; | ||
+ | color: #fff; | ||
+ | font-weight: bold; | ||
+ | padding: 2px 11px; | ||
+ | text-align: left; | ||
+ | border-left:0px; | ||
+ | border-top:0px; | ||
+ | border-bottom:0px; | ||
+ | border-right: 1px solid #fff !important; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | table.pgrouptable td, td { | ||
+ | background-color: #fff; | ||
+ | padding: 6px 11px; | ||
+ | border-left:0px; | ||
+ | border-top:0px; | ||
+ | border-right:0px; | ||
+ | border-bottom: 1px solid #95bce2 !important; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | .sottomesso { | ||
+ | text-align: right; | ||
+ | } | ||
+ | td * { | ||
+ | padding: 6px 11px; | ||
+ | } | ||
+ | tr.alt td { | ||
+ | background-color: #ecf6fc; | ||
+ | } | ||
+ | #mytable tr.over td,#mytable tr:hover td, | ||
+ | #groupparts tr.over td,#groupparts tr:hover td { | ||
+ | background-color: #bcd4ec; | ||
+ | } | ||
+ | #datatable td { | ||
+ | text-align:center; | ||
+ | } | ||
+ | #datatable th { | ||
+ | text-align:center; | ||
+ | width:25%; | ||
} | } | ||
a img { | a img { | ||
border: none; | border: none; | ||
+ | } | ||
+ | .damappare { | ||
+ | margin-top:10px; | ||
} | } | ||
p { | p { | ||
- | margin: | + | margin:0px !important; |
+ | line-height: 1.3em !important; | ||
} | } | ||
+ | #container p { | ||
+ | margin:14px 0px !important; | ||
+ | line-height: 1.3em !important; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #container.safety p { | ||
+ | margin-left: 220px !important; | ||
+ | } | ||
+ | #container.project p { | ||
+ | float: left; | ||
+ | width:500px; | ||
+ | margin:10px !important; | ||
+ | } | ||
+ | |||
+ | #container.project #modeling p{ | ||
+ | display:block; | ||
+ | float:none; | ||
+ | width:100%; | ||
+ | margin:0 0 10px !important; | ||
+ | } | ||
+ | #container.project #modeling p.descr-img{ | ||
+ | display: block; | ||
+ | float: right; | ||
+ | margin: 10px auto !important; | ||
+ | padding: 0 50px; | ||
+ | text-align: justify; | ||
+ | width: 300px; | ||
+ | } | ||
+ | #modeling span{ | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | #modeling img { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | clear:both; | ||
+ | margin: 10px 0; | ||
+ | } | ||
+ | #modeling div.one_col{ | ||
+ | float:left; | ||
+ | width:250px; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | #modeling div.two_col{ | ||
+ | float:left; | ||
+ | width:460px; | ||
+ | margin: 10px; | ||
+ | padding:20px 20px 0; | ||
+ | } | ||
+ | #modeling div.three_col{ | ||
+ | float:left; | ||
+ | width:710px; | ||
+ | margin: 0 10px; | ||
+ | padding:0px 20px 0; | ||
+ | } | ||
+ | #modeling div.four_col{ | ||
+ | clear:both; | ||
+ | width:1020px; | ||
+ | margin: 0 10px; | ||
+ | padding:0px 20px 0; | ||
+ | } | ||
+ | .centered { | ||
+ | display: block; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .toggler { | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | #container.project p.pTraI-glucosidase, #container.project p.pLasI-glucosidase { | ||
+ | width:800px; | ||
+ | margin:10px 0 10px 50px !important; | ||
+ | } | ||
+ | #container.project p.full-descr-bat, #container.project p.descr-bat { | ||
+ | width:740px; | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | #data #popupContact p.descr-bat img{ | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | margin:-5px 0 0 -30px; | ||
+ | right:0px; | ||
+ | } | ||
+ | #data #popupContact p.descr-bat span{ | ||
+ | position:relative; | ||
+ | display:block; | ||
+ | margin:10px auto; | ||
+ | } | ||
+ | #data #popupContact p.descr-bat span.centered { | ||
+ | text-align:center; | ||
+ | } | ||
+ | blockquote p { | ||
+ | background-color: #F3F3F3; | ||
+ | border-left: 3px solid #3B5998; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | p span.subtitle { | ||
+ | display: block; | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | line-height: 2em; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | img.inp { | ||
+ | margin: 0 20px 10px 0; | ||
+ | position: absolute; | ||
+ | top: -14px; | ||
+ | } | ||
+ | |||
#content { | #content { | ||
- | background: none; | + | background: none !important; |
- | border:none; | + | border:none !important; |
- | color: black; | + | color: black !important; |
- | line-height: 1. | + | line-height: 1.3em !important; |
- | margin:0; | + | margin:0 !important; |
- | padding:0; | + | padding:0 !important; |
- | position: relative; | + | position: relative !important; |
- | z-index: 2; | + | z-index: 2 !important; |
} | } | ||
#container { | #container { | ||
Line 72: | Line 244: | ||
width: 100%; | width: 100%; | ||
} | } | ||
- | + | #p-logo,.firstHeading,#top,#siteSub,#contentSub,.printfooter,#catlinks,.visualClear,#top-section #search-controls{ | |
- | #p-logo,.firstHeading,#top,#siteSub,#contentSub,.printfooter,#catlinks,.visualClear,#top-section #search-controls {display:none;} | + | display:none !important; |
+ | } | ||
+ | input.searchButton{ | ||
+ | margin:0 !important; | ||
+ | } | ||
+ | #searchInput { | ||
+ | width:8em !important; | ||
+ | } | ||
#top-section { | #top-section { | ||
- | + | border: medium none !important; | |
- | + | height: 0; | |
- | + | left: 50%; | |
- | + | margin: 0 0 0 -440px; | |
- | + | position: fixed; | |
- | #menubar { | + | text-align: center; |
- | + | top: -71px; | |
- | + | width: 880px; | |
+ | } | ||
+ | #menubar { | ||
+ | color: #000000; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | height: 20px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | position: relative; | ||
+ | top: 49px; | ||
+ | width: 440px; | ||
+ | } | ||
+ | #menubar img { | ||
+ | left: 50px; | ||
+ | cursor:pointer; | ||
+ | position: absolute; | ||
+ | } | ||
+ | #menubar ul { | ||
+ | background:#fff; | ||
+ | margin: 0; | ||
+ | padding: 0 20px; | ||
+ | } | ||
+ | #menubar a, #menubar a:hover, #menubar a:visited { | ||
+ | color:#333 !important; | ||
+ | background: #fff; | ||
} | } | ||
#bodyContent a[href^="mailto:"], .link-mailto { | #bodyContent a[href^="mailto:"], .link-mailto { | ||
- | background:none; | + | background:none !important; |
- | padding:0; | + | padding:0 !important; |
} | } | ||
- | + | a.new { | |
- | + | color:#fff; } | |
- | --- | + | a:visited, a { |
- | + | text-decoration:none !important; | |
- | + | color:#eee; | |
+ | } | ||
+ | #footer-box { | ||
+ | background:none repeat scroll 0 0 #113355 !important; | ||
+ | width:100% !important; | ||
+ | margin:0 !important; | ||
+ | padding:5px 0 !important; | ||
+ | border:none !important; | ||
+ | } | ||
+ | #footer-box #footer { | ||
+ | margin: 0 auto; | ||
+ | width:1080px; | ||
} | } | ||
Line 104: | Line 319: | ||
max-width: 1080px; | max-width: 1080px; | ||
position:relative; | position:relative; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#loading { | #loading { | ||
Line 115: | Line 325: | ||
height:30px; | height:30px; | ||
width:100%; | width:100%; | ||
+ | position: absolute; top:410px; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | #loading div { | ||
+ | width:1080px; | ||
+ | margin:0 auto; | ||
+ | text-align:center; | ||
+ | vertical-align:middle; | ||
} | } | ||
#main { | #main { | ||
background: #fff; | background: #fff; | ||
+ | width:100%; | ||
+ | } | ||
+ | #maintmp { | ||
+ | background: #113355 url('https://static.igem.org/mediawiki/2011/0/02/UNITS-silvan.png') center center no-repeat scroll; | ||
+ | height:500px; | ||
width:100%; | width:100%; | ||
} | } | ||
Line 195: | Line 418: | ||
i { | i { | ||
font-style: italic; | font-style: italic; | ||
- | |||
- | |||
- | |||
} | } | ||
ins { | ins { | ||
Line 204: | Line 424: | ||
} | } | ||
blockquote { | blockquote { | ||
- | font-style: | + | font-style: normal; |
padding: 0 3em; | padding: 0 3em; | ||
} | } | ||
Line 277: | Line 497: | ||
#header { | #header { | ||
- | height: | + | background: #113355; |
+ | border-bottom: 10px solid #3B5998; | ||
+ | height:100px; | ||
width:100%; | width:100%; | ||
padding-top:40px; | padding-top:40px; | ||
} | } | ||
#header .wrapper { | #header .wrapper { | ||
- | |||
width:1080px; | width:1080px; | ||
overflow:hidden; | overflow:hidden; | ||
+ | display:table; | ||
background: none transparent 0 0 scroll no-repeat; | background: none transparent 0 0 scroll no-repeat; | ||
} | } | ||
Line 307: | Line 529: | ||
} | } | ||
- | + | .site-title { | |
+ | height:100px; | ||
+ | width:699px; | ||
+ | } | ||
+ | #Home { | ||
background:transparent url('https://static.igem.org/mediawiki/2011/e/e6/UNITS-welcome.png') center top no-repeat scroll; | background:transparent url('https://static.igem.org/mediawiki/2011/e/e6/UNITS-welcome.png') center top no-repeat scroll; | ||
height:151px; | height:151px; | ||
+ | width:600px; | ||
} | } | ||
- | #site-title span{ | + | #Project, .ProjectOverview { |
+ | background:transparent url('https://static.igem.org/mediawiki/2011/a/ad/UNITS-t_project.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | |||
+ | #Data { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/8/8d/UNITS-t_data.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #Team, .TeamOverview { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/8/8f/UNITS-t_team.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #Parts { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/d/d6/UNITS-t_parts.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #Safety { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/2/23/UNITS-t_safety.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #Modeling { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/e/ee/UNITS-t_modeling.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #Notebook { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/3/3e/UNITS-t_notebook.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #Attributions { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/8/87/UNITS-t_attribution.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #AKs { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/e/e9/UNITS-t_aks.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | #Outreach { | ||
+ | background:transparent url('https://static.igem.org/mediawiki/2011/1/11/UNITS-t_outreach.png') center 25px no-repeat scroll !important; | ||
+ | } | ||
+ | .site-title span{ | ||
display:none; | display:none; | ||
font-size: 30px; | font-size: 30px; | ||
Line 317: | Line 575: | ||
} | } | ||
- | + | .site-title a { | |
color: #C9AF40; | color: #C9AF40; | ||
font-weight: bold; | font-weight: bold; | ||
Line 334: | Line 592: | ||
/* =Menu | /* =Menu | ||
-------------------------------------------------------------- */ | -------------------------------------------------------------- */ | ||
+ | #list-updates { | ||
+ | list-style:none; margin:0; | ||
+ | } | ||
+ | #list-updates .space_item-G,#list-updates .space_item-R,#list-updates .space_item-Y,#list-updates .space_item-B { | ||
+ | width:auto; | ||
+ | height:60px; | ||
+ | padding-left:30px; | ||
+ | } | ||
.space_item-G, .space_item-R, .space_item-Y, .space_item-B { | .space_item-G, .space_item-R, .space_item-Y, .space_item-B { | ||
width:22px; | width:22px; | ||
Line 380: | Line 646: | ||
position: relative; | position: relative; | ||
} | } | ||
- | .menu a { | + | .menu a, .menu a:visited { |
color: #fff; | color: #fff; | ||
display: block; | display: block; | ||
Line 387: | Line 653: | ||
text-decoration: none; | text-decoration: none; | ||
font-weight:bold; | font-weight:bold; | ||
+ | } | ||
+ | .menu strong { | ||
+ | background: none repeat scroll 0 0 #113355; | ||
+ | display: block; | ||
+ | font-weight: bold; | ||
+ | line-height: 40px; | ||
+ | padding: 0 10px; | ||
} | } | ||
#access table a { | #access table a { | ||
Line 431: | Line 704: | ||
background: #135; | background: #135; | ||
} | } | ||
+ | #submenu { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | display: block; | ||
+ | height: 45px; | ||
+ | left: 150px; | ||
+ | margin-top: 40px; | ||
+ | position: absolute; | ||
+ | width: 270px; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | #submenu span { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | font-size: 11px; | ||
+ | font-weight: bold; | ||
+ | height: 47px; | ||
+ | line-height: 19px; | ||
+ | cursor:pointer; | ||
+ | text-align: center; | ||
+ | width: 90px; | ||
+ | padding-top:0px; | ||
+ | } | ||
+ | #submenu span:first-child { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/4/4a/Units-submenuR.png") no-repeat scroll left bottom transparent; | ||
+ | } | ||
+ | #submenu span:nth-child(2) { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/5/5e/Units-submenuG.png") no-repeat scroll left bottom transparent; | ||
+ | } | ||
+ | #submenu span:last-child { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/b/be/Units-submenuB.png") no-repeat scroll left bottom transparent; | ||
+ | } | ||
+ | .submenu_figlio0 { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/4/4a/Units-submenuR.png") no-repeat scroll left bottom transparent; | ||
+ | } | ||
+ | .submenu_figlio1 { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/5/5e/Units-submenuG.png") no-repeat scroll left bottom transparent; | ||
+ | } | ||
+ | .submenu_figlio2 { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/b/be/Units-submenuB.png") no-repeat scroll left bottom transparent; | ||
+ | } | ||
+ | |||
Line 440: | Line 754: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
- | + | .safety a, .link_ak { | |
- | + | color: #3B5998 !important; | |
- | + | font-weight: bold; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
+ | .list { | ||
+ | padding:0 10px 0 20px; | ||
+ | } | ||
+ | .listlist { | ||
+ | padding:0 10px 0 40px; | ||
+ | } | ||
+ | |||
#content h1, | #content h1, | ||
#content h2, | #content h2, | ||
Line 456: | Line 774: | ||
line-height: 1.5em; | line-height: 1.5em; | ||
margin: 0 0 20px 0; | margin: 0 0 20px 0; | ||
+ | font-weight:bold; | ||
} | } | ||
#content table { | #content table { | ||
Line 463: | Line 782: | ||
width: 100%; | width: 100%; | ||
} | } | ||
- | #content tr | + | #content tr th { |
- | + | ||
color: #888; | color: #888; | ||
font-size: 12px; | font-size: 12px; | ||
Line 470: | Line 788: | ||
line-height: 18px; | line-height: 18px; | ||
padding: 9px 24px; | padding: 9px 24px; | ||
+ | } | ||
+ | #content thead tr th { | ||
+ | color: #fff; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | line-height: 18px; | ||
+ | padding: 9px 24px; | ||
+ | text-align:center; | ||
} | } | ||
#content tr td { | #content tr td { | ||
border-top: 1px solid #e7e7e7; | border-top: 1px solid #e7e7e7; | ||
padding: 6px 24px; | padding: 6px 24px; | ||
+ | vertical-align: middle; | ||
} | } | ||
#content tr.odd td { | #content tr.odd td { | ||
Line 557: | Line 884: | ||
float:left; | float:left; | ||
width:340px; | width:340px; | ||
- | height: | + | height:360px; |
padding:10px; | padding:10px; | ||
+ | overflow:hidden; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | #location .slides { | ||
+ | height:auto; | ||
+ | font-size:12px; | ||
} | } | ||
.slides div { | .slides div { | ||
padding: 0 20px 0 40px; | padding: 0 20px 0 40px; | ||
+ | } | ||
+ | .slides div.logo-profile { | ||
+ | display: inline; | ||
+ | float: right; | ||
+ | padding: 0 10px 10px; | ||
+ | width: 100px; | ||
+ | text-align:center; | ||
} | } | ||
.full-slides { | .full-slides { | ||
clear:both; | clear:both; | ||
width:100%; | width:100%; | ||
+ | position:relative; | ||
} | } | ||
.slides h1 { | .slides h1 { | ||
Line 585: | Line 926: | ||
background:transparent none scroll no-repeat bottom center; | background:transparent none scroll no-repeat bottom center; | ||
width:100%; | width:100%; | ||
- | padding: | + | padding: 60px 0 30px 0; |
} | } | ||
- | #slide4 h1 { | + | |
+ | #slide4 h1, .slide4 h1 { | ||
background-image:url("https://static.igem.org/mediawiki/2011/8/89/UNITS-rulGfull.png"); | background-image:url("https://static.igem.org/mediawiki/2011/8/89/UNITS-rulGfull.png"); | ||
+ | } | ||
+ | |||
+ | #UNITS-gallery { | ||
+ | padding:0px; | ||
+ | height:240px; | ||
+ | width:400px; | ||
+ | text-align: right; | ||
+ | float:right; | ||
+ | margin-right:20px; | ||
} | } | ||
Line 620: | Line 971: | ||
padding-right: 9px; | padding-right: 9px; | ||
text-align: center; | text-align: center; | ||
- | width: | + | width: 190px; |
} | } | ||
#brands .grid_1:first-child { | #brands .grid_1:first-child { | ||
Line 642: | Line 993: | ||
height: 68px; | height: 68px; | ||
list-style: none outside none; | list-style: none outside none; | ||
- | margin: 0 0 | + | margin: 0 0 1px 0; |
overflow: hidden; | overflow: hidden; | ||
padding: 0 5px 0 75px; | padding: 0 5px 0 75px; | ||
color: #7EAEF5; | color: #7EAEF5; | ||
- | font-size: | + | font-size: 12px; |
font-weight: bold; | font-weight: bold; | ||
- | line-height: | + | line-height: 1.3em; |
- | + | cursor:pointer; | |
} | } | ||
ul#twitter_update_list li a { | ul#twitter_update_list li a { | ||
display:none; | display:none; | ||
} | } | ||
+ | |||
+ | |||
+ | /* =Project | ||
+ | -------------------------------------------------------------- */ | ||
+ | #data_film { | ||
+ | background-color:#333; | ||
+ | clear:both; | ||
+ | height:524px; | ||
+ | position:relative; | ||
+ | width:1024px; | ||
+ | padding:10px; | ||
+ | } | ||
+ | #data_frames { | ||
+ | height:504px; | ||
+ | position:relative; | ||
+ | width:1004px; | ||
+ | } | ||
+ | .frame { | ||
+ | display:table; | ||
+ | } | ||
+ | .data_frame { | ||
+ | border: 10px solid #FFFFFF; | ||
+ | display: table-cell; | ||
+ | width: 672px; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | #data_play { | ||
+ | position:absolute; | ||
+ | opacity:0.8; | ||
+ | top:210px; | ||
+ | left:320px; | ||
+ | width:90px; | ||
+ | height:90px; | ||
+ | cursor:pointer; | ||
+ | z-index:20; | ||
+ | } | ||
+ | #data_play img { | ||
+ | width:100%; | ||
+ | } | ||
+ | #data_prev,#data_next { | ||
+ | cursor:pointer; | ||
+ | position:absolute; | ||
+ | top: 240px; | ||
+ | background-color:#fff; | ||
+ | padding:5px 20px; | ||
+ | opacity:0.8; | ||
+ | z-index:20; | ||
+ | } | ||
+ | #data_prev { left:20px; } | ||
+ | #data_next { right:352px; } | ||
+ | #data_text { | ||
+ | color: #FFFFFF; | ||
+ | display: table-cell; | ||
+ | font-size: 20px; | ||
+ | line-height: 1.2em; | ||
+ | padding: 20px; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | width: 272px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* =Data | ||
+ | -------------------------------------------------------------- */ | ||
+ | .validated { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2011/2/2b/Units-validated.png) center right no-repeat scroll; | ||
+ | height:50px; | ||
+ | } | ||
+ | .tableh { | ||
+ | background-color:#3E83C9; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .tablegray td{ | ||
+ | background-color:#ccc; | ||
+ | } | ||
+ | span.validated { | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2011/2/2b/Units-validated.png) center left no-repeat scroll; | ||
+ | line-height:20px; | ||
+ | padding:20px 40px; | ||
+ | } | ||
+ | |||
+ | #data #popupContact { | ||
+ | height:500px; | ||
+ | width:900px; | ||
+ | overflow-y:scroll; | ||
+ | } | ||
+ | #data #popupContact img { | ||
+ | margin: 8px 0; | ||
+ | position: absolute; | ||
+ | right: 30px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #data #popupContact img.inbody { | ||
+ | margin: 10px auto; | ||
+ | position: relative; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #header-data { | ||
+ | margin-bottom:20px; | ||
+ | } | ||
+ | #header-data span { | ||
+ | color: #113355; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | #header-data h1 { | ||
+ | margin:0; | ||
+ | color:#135; | ||
+ | } | ||
+ | #bkgmodelino { | ||
+ | height: 82px; | ||
+ | position: absolute; | ||
+ | right: 10px; | ||
+ | top: 10px; | ||
+ | width: 206px; | ||
+ | display:none; | ||
+ | background:transparent url(https://static.igem.org/mediawiki/2011/9/9c/Units-vignetta.png) top left no-repeat scroll; | ||
+ | } | ||
+ | #modelback { | ||
+ | display:table-cell; | ||
+ | height:82px; | ||
+ | width:106px; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | #modelino { | ||
+ | display:table-cell; | ||
+ | vertical-align:super; | ||
+ | } | ||
+ | .data_box{ | ||
+ | display:none; | ||
+ | } | ||
+ | #text-model { | ||
+ | width:500px; | ||
+ | height: 455px; | ||
+ | padding: 20px; | ||
+ | float:left; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | #text-data { | ||
+ | display:none; | ||
+ | width:700px; | ||
+ | float:right; | ||
+ | } | ||
+ | .imgdettaglio { | ||
+ | display:none; | ||
+ | float:left; | ||
+ | margin-top:60px; | ||
+ | } | ||
+ | .descr-bat { | ||
+ | width:700px; | ||
+ | } | ||
+ | .descr-bat span{ | ||
+ | display: block; | ||
+ | margin: 0; | ||
+ | padding: 10px 20px 10px; | ||
+ | } | ||
+ | |||
+ | /* =Notebook | ||
+ | -------------------------------------------------------------- */ | ||
+ | #descr-notebook { padding:20px 0; } | ||
+ | #descr-notebook img {float:left;} | ||
+ | #descr-notebook p.text-notebook { | ||
+ | float: right; | ||
+ | } | ||
+ | #descr-notebook p.text-notebook, #end-notebook { | ||
+ | border: 10px solid #3B5998; | ||
+ | margin: 0 16px !important; | ||
+ | padding: 10px 20px 20px; | ||
+ | width: 430px; | ||
+ | } | ||
+ | #end-notebook { | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | #menu-notebook { text-align:center; margin-bottom: 20px;} | ||
+ | |||
+ | #menu-notebook span.group { | ||
+ | border: 10px solid #FFFFFF; | ||
+ | color: #FFFFFF; | ||
+ | display: table-cell; | ||
+ | float: left; | ||
+ | font-size: 1.2em; | ||
+ | font-weight: bold; | ||
+ | line-height: 8em; | ||
+ | text-align: center; | ||
+ | opacity:0.5; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #menu-notebook span.group1 { | ||
+ | background-color: #3B5998; | ||
+ | width: 134px; | ||
+ | } | ||
+ | #menu-notebook span.group2 { | ||
+ | background-color: #DD4A69; | ||
+ | width: 290px; | ||
+ | } | ||
+ | #menu-notebook span.clicked { | ||
+ | opacity:1; | ||
+ | } | ||
+ | .name-week, .data-week { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #descr, .mounth { display:none; } | ||
+ | |||
+ | .week { | ||
+ | border: 10px solid #3B5998; | ||
+ | padding: 10px 20px; | ||
+ | } | ||
+ | |||
+ | /* =Team | ||
+ | -------------------------------------------------------------- */ | ||
+ | .refNews { | ||
+ | font-style:italic; | ||
+ | margin:5px; | ||
+ | font-size:10px; | ||
+ | } | ||
+ | .descr-team { | ||
+ | display:none; | ||
+ | } | ||
+ | #data { | ||
+ | text-align:center; | ||
+ | } | ||
+ | #backgroundPopup{ | ||
+ | display:none; | ||
+ | position:fixed; | ||
+ | _position:absolute; /* hack for internet explorer 6*/ | ||
+ | height:100%; | ||
+ | width:100%; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | background:#000000; | ||
+ | border:1px solid #cecece; | ||
+ | z-index:1; | ||
+ | } | ||
+ | #popupContact{ | ||
+ | display:none; | ||
+ | position:fixed; | ||
+ | _position:absolute; /* hack for internet explorer 6*/ | ||
+ | height:384px; | ||
+ | width:408px; | ||
+ | background:#FFFFFF; | ||
+ | border:2px solid #cecece; | ||
+ | z-index:2; | ||
+ | padding:12px; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | .power { | ||
+ | font-size:8px; | ||
+ | vertical-align:4px; | ||
+ | } | ||
+ | #popupContact h1{ | ||
+ | text-align:left; | ||
+ | color:#6FA5FD; | ||
+ | font-size:22px; | ||
+ | font-weight:700; | ||
+ | border-bottom:1px dotted #D3D3D3; | ||
+ | padding: 0 0 2px; | ||
+ | margin-bottom:20px; | ||
+ | background-image:none; | ||
+ | } | ||
+ | #popupContactClose{ | ||
+ | font-size:14px; | ||
+ | line-height:14px; | ||
+ | right:6px; | ||
+ | top:4px; | ||
+ | position:absolute; | ||
+ | color:#6fa5fd; | ||
+ | font-weight:700; | ||
+ | display:block; | ||
+ | } | ||
+ | #button{ | ||
+ | text-align:center; | ||
+ | margin:100px; | ||
+ | } | ||
+ | |||
+ | /* =Outreach and Cooperations | ||
+ | -------------------------------------------------------------- */ | ||
+ | .outreach, .cooperations { | ||
+ | float:left; | ||
+ | margin: 20px; | ||
+ | width:320px; | ||
+ | height:630px; | ||
+ | background: transparent none top left repeat scroll; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .outreach .figure, .cooperations .figure { | ||
+ | background-color: white; | ||
+ | display:block; | ||
+ | width:100%; | ||
+ | height:200px; | ||
+ | padding-top:20px; | ||
+ | vertical-align:middle; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .outreach p, .cooperations p{ | ||
+ | padding:0 20px; | ||
+ | } | ||
+ | |||
+ | .outreach span, .cooperations span{ | ||
+ | font-size: 18px; | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | padding:10px 20px; | ||
+ | } | ||
+ | |||
/* =Footer | /* =Footer | ||
-------------------------------------------------------------- */ | -------------------------------------------------------------- */ | ||
Line 668: | Line 1,326: | ||
background:transparent url("https://static.igem.org/mediawiki/2011/b/b1/Units-footer.png") 0 0 no-repeat scroll; | background:transparent url("https://static.igem.org/mediawiki/2011/b/b1/Units-footer.png") 0 0 no-repeat scroll; | ||
position:absolute; | position:absolute; | ||
- | right: | + | right:203px; |
top:-40px; | top:-40px; | ||
height:300px; | height:300px; | ||
width:374px; | width:374px; | ||
+ | } | ||
+ | #fcount { | ||
+ | position:absolute; | ||
+ | bottom:40px; | ||
+ | right:110px; | ||
} | } | ||
#units-footer .links { | #units-footer .links { | ||
float:left; | float:left; | ||
- | width: | + | width:200px; |
margin: 0 25px; | margin: 0 25px; | ||
} | } | ||
- | #units-footer .links h3 { | + | #units-footer .links h3, #units-footer .offices h3 { |
color: #7EAEF5; | color: #7EAEF5; | ||
font-size: 14px; | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
- | padding-bottom: | + | padding-bottom: 0; |
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
Line 691: | Line 1,354: | ||
#units-footer .links ul li { | #units-footer .links ul li { | ||
color: #918588; | color: #918588; | ||
- | font-size: | + | font-size: 12px; |
font-weight: bold; | font-weight: bold; | ||
+ | line-height: 18px; | ||
list-style-type: none; | list-style-type: none; | ||
- | margin-bottom: | + | margin-bottom: 0; |
} | } | ||
- | #units-footer .links ul li a { | + | #footer a, #units-footer .links ul li a { |
- | color: #918588; | + | color: #eee !important; /*918588;*/ |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
#units-footer .offices { | #units-footer .offices { | ||
float: right; | float: right; | ||
- | + | width:203px; | |
} | } | ||
#units-footer .offices .address { | #units-footer .offices .address { | ||
Line 709: | Line 1,373: | ||
font-size: 15px; | font-size: 15px; | ||
line-height: 15px; | line-height: 15px; | ||
- | margin-right: | + | margin-right: 0px; |
} | } | ||
#units-footer .offices .address p.location { | #units-footer .offices .address p.location { |
Latest revision as of 11:56, 28 October 2011
/*
Theme Name: IGEM-UNITS_Trieste
Theme URI: https://2011.igem.org/team:UNITS_Trieste
Description: UNITS_Trieste Theme
Author: the UNITS_Trieste team
Version: 1.0
License: GNU General Public License
*/