Team:UNITS Trieste/style.css

From 2011.igem.org

(Difference between revisions)
 
(238 intermediate revisions not shown)
Line 24: Line 24:
}
}
body,html,#content,#globalWrapper {
body,html,#content,#globalWrapper {
 +
        padding:0 !important;
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 47: 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-spacing: 0;
+
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:0 !important;
+
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 !important;
     background: none !important;
     border:none !important;
     border:none !important;
     color: black !important;
     color: black !important;
-
     line-height: 1.1em !important;
+
     line-height: 1.3em !important;
     margin:0 !important;
     margin:0 !important;
     padding:0 !important;
     padding:0 !important;
Line 76: 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 100: Line 276:
#menubar img {
#menubar img {
     left: 50px;
     left: 50px;
 +
    cursor:pointer;
     position: absolute;
     position: absolute;
}
}
Line 119: Line 296:
a:visited, a {
a:visited, a {
text-decoration:none !important;
text-decoration:none !important;
-
color:#eee !important;
+
color:#eee;
}
}
#footer-box {
#footer-box {
Line 125: Line 302:
width:100% !important;
width:100% !important;
margin:0 !important;
margin:0 !important;
 +
padding:5px 0 !important;
border:none !important;
border:none !important;
}
}
Line 130: Line 308:
margin: 0 auto;
margin: 0 auto;
width:1080px;
width:1080px;
-
}
 
-
 
-
 
-
/* =Fonts
 
-
-------------------------------------------------------------- */
 
-
body {
 
-
font: 18px/30px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",Georgia,"Times New Roman",Times,serif;
 
}
}
Line 148: Line 319:
max-width: 1080px;
max-width: 1080px;
position:relative;
position:relative;
-
}
 
-
#header {
 
-
    background: #113355;
 
-
    border-bottom: 10px solid #3B5998;
 
-
    width: 100%;
 
}
}
#loading {
#loading {
Line 170: Line 336:
#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 247: Line 418:
i {
i {
font-style: italic;
font-style: italic;
-
}
 
-
big {
 
-
font-size: 131.25%;
 
}
}
ins {
ins {
Line 256: Line 424:
}
}
blockquote {
blockquote {
-
font-style: italic;
+
font-style: normal;
padding: 0 3em;
padding: 0 3em;
}
}
Line 329: Line 497:
#header {
#header {
-
height:360px;
+
    background: #113355;
 +
    border-bottom: 10px solid #3B5998;
 +
height:100px;
width:100%;
width:100%;
padding-top:40px;
padding-top:40px;
}
}
#header .wrapper {
#header .wrapper {
-
height:360px;
 
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 359: Line 529:
}
}
-
#site-title {
+
.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;
 +
}
 +
 +
#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{
+
.site-title span{
display:none;
display:none;
font-size: 30px;
font-size: 30px;
Line 369: Line 575:
}
}
-
#site-title a {
+
.site-title a {
color: #C9AF40;
color: #C9AF40;
font-weight: bold;
font-weight: bold;
Line 386: 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 439: 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 482: Line 703:
#access ul li a.current-menu-parent {
#access ul li a.current-menu-parent {
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 492: Line 754:
overflow: hidden;
overflow: hidden;
}
}
-
#content,
+
.safety a, .link_ak {
-
#content input,
+
color: #3B5998 !important;
-
#content textarea {
+
font-weight: bold;
-
color: #333;
+
-
font-size: 16px;
+
-
line-height: 24px;
+
}
}
 +
.list {
 +
  padding:0 10px 0 20px;
 +
}
 +
.listlist {
 +
  padding:0 10px 0 40px;
 +
}
 +
#content h1,
#content h1,
#content h2,
#content h2,
Line 508: 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 515: Line 782:
width: 100%;
width: 100%;
}
}
-
#content tr th,
+
#content tr th {
-
#content thead th {
+
color: #888;
color: #888;
font-size: 12px;
font-size: 12px;
Line 522: 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 609: Line 884:
float:left;
float:left;
width:340px;
width:340px;
-
height:300px;
+
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 637: Line 926:
background:transparent none scroll no-repeat bottom center;
background:transparent none scroll no-repeat bottom center;
width:100%;
width:100%;
-
padding: 20px 0 30px 0;
+
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 672: Line 971:
     padding-right: 9px;
     padding-right: 9px;
     text-align: center;
     text-align: center;
-
     width: 240px;
+
     width: 190px;
}
}
#brands .grid_1:first-child {
#brands .grid_1:first-child {
Line 694: Line 993:
     height: 68px;
     height: 68px;
     list-style: none outside none;
     list-style: none outside none;
-
     margin: 0 0 15px 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: 15px;
+
     font-size: 12px;
     font-weight: bold;
     font-weight: bold;
-
     line-height: 18px;
+
     line-height: 1.3em;
-
cursor:pointer;
+
    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 720: 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:180px;
+
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:210px;
+
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 749: 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;
-
     padding-top: 17px;
+
     width:203px;
}
}
#units-footer .offices .address {
#units-footer .offices .address {
Line 762: Line 1,373:
   font-size: 15px;
   font-size: 15px;
   line-height: 15px;
   line-height: 15px;
-
   margin-right: 34px;
+
   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 

*/
Retrieved from "http://2011.igem.org/Team:UNITS_Trieste/style.css"