Team:UNITS Trieste/style.css
From 2011.igem.org
(Difference between revisions)
(212 intermediate revisions not shown) | |||
Line 27: | Line 27: | ||
width:100% !important; | width:100% !important; | ||
min-width: 1080px !important; | 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 { | body,html { | ||
Line 48: | 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; | 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 { | blockquote p { | ||
background-color: #F3F3F3; | background-color: #F3F3F3; | ||
- | border-left: 3px solid # | + | border-left: 3px solid #3B5998; |
padding: 10px; | padding: 10px; | ||
+ | } | ||
+ | p span.subtitle { | ||
+ | display: block; | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | line-height: 2em; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
} | } | ||
img.inp { | img.inp { | ||
- | + | margin: 0 20px 10px 0; | |
- | + | position: absolute; | |
- | + | top: -14px; | |
- | + | ||
- | + | ||
} | } | ||
Line 78: | Line 233: | ||
border:none !important; | border:none !important; | ||
color: black !important; | color: black !important; | ||
- | line-height: 1. | + | line-height: 1.3em !important; |
margin:0 !important; | margin:0 !important; | ||
padding:0 !important; | padding:0 !important; | ||
Line 91: | Line 246: | ||
#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 !important; | display:none !important; | ||
+ | } | ||
+ | input.searchButton{ | ||
+ | margin:0 !important; | ||
+ | } | ||
+ | #searchInput { | ||
+ | width:8em !important; | ||
} | } | ||
#top-section { | #top-section { | ||
Line 147: | Line 308: | ||
margin: 0 auto; | margin: 0 auto; | ||
width:1080px; | width:1080px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 167: | Line 319: | ||
max-width: 1080px; | max-width: 1080px; | ||
position:relative; | position:relative; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#loading { | #loading { | ||
Line 271: | Line 418: | ||
i { | i { | ||
font-style: italic; | font-style: italic; | ||
- | |||
- | |||
- | |||
} | } | ||
ins { | ins { | ||
Line 280: | Line 424: | ||
} | } | ||
blockquote { | blockquote { | ||
- | font-style: | + | font-style: normal; |
padding: 0 3em; | padding: 0 3em; | ||
} | } | ||
Line 353: | 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 383: | 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; | ||
} | } | ||
- | + | #Project, .ProjectOverview { | |
background:transparent url('https://static.igem.org/mediawiki/2011/a/ad/UNITS-t_project.png') center 25px no-repeat scroll !important; | background:transparent url('https://static.igem.org/mediawiki/2011/a/ad/UNITS-t_project.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | .Team { | + | |
+ | #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; | 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; | 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; | 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; | 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; | 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; | background:transparent url('https://static.igem.org/mediawiki/2011/8/87/UNITS-t_attribution.png') center 25px no-repeat scroll !important; | ||
} | } | ||
- | #site-title span{ | + | #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 414: | Line 575: | ||
} | } | ||
- | + | .site-title a { | |
color: #C9AF40; | color: #C9AF40; | ||
font-weight: bold; | font-weight: bold; | ||
Line 431: | 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 535: | 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 544: | Line 754: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
- | .safety a { | + | .safety a, .link_ak { |
- | color: # | + | 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 563: | 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 570: | Line 782: | ||
width: 100%; | width: 100%; | ||
} | } | ||
- | #content tr | + | #content tr th { |
- | + | ||
color: #888; | color: #888; | ||
font-size: 12px; | font-size: 12px; | ||
Line 577: | 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 667: | Line 887: | ||
padding:10px; | padding:10px; | ||
overflow:hidden; | 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 693: | 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 728: | 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 750: | 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 776: | 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; | ||
Line 805: | Line 1,360: | ||
margin-bottom: 0; | 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 { |
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
*/