Team:UNITS Trieste/style.css

From 2011.igem.org

(Difference between revisions)
 
(290 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
/*
-
<style type="text/css">  
+
Theme Name: IGEM-UNITS_Trieste <br/>
-
   #test {color:red;}
+
Theme URI: https://2011.igem.org/team:UNITS_Trieste <br/>
-
</style>
+
Description: UNITS_Trieste Theme <br/>
-
</html>
+
Author: the UNITS_Trieste team <br/>
 +
Version: 1.0 <br/>
 +
License: GNU General Public License <br/>
 +
<!--
 +
*/
 +
 
 +
 
 +
/* =Reset default browser CSS
 +
-------------------------------------------------------------- */
 +
 
 +
* {
 +
background: transparent;
 +
border: 0;
 +
margin: 0;
 +
padding: 0;
 +
vertical-align: baseline;
 +
}
 +
body {
 +
line-height: 1;
 +
}
 +
body,html,#content,#globalWrapper {
 +
        padding:0 !important;
 +
width:100% !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 {
 +
height:100% !important;
 +
}
 +
h1, h2, h3, h4, h5, h6 {
 +
clear: both;
 +
font-weight: normal;
 +
border:none;
 +
}
 +
ol, ul {
 +
list-style: none;
 +
}
 +
blockquote {
 +
quotes: none;
 +
}
 +
blockquote:before, blockquote:after {
 +
content: '';
 +
content: none;
 +
}
 +
del {
 +
text-decoration: line-through;
 +
}
 +
#bodyContent a[href^="https://"], .link-https {
 +
    background: none;
 +
    padding-right: 0;
 +
}
 +
/* tables still need 'cellspacing="0"' in the markup */
 +
table {
 +
border-collapse: collapse;
 +
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 {
 +
border: none;
 +
}
 +
.damappare {
 +
    margin-top:10px;
 +
}
 +
p {
 +
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 {
 +
    background: none !important;
 +
    border:none !important;
 +
    color: black !important;
 +
    line-height: 1.3em !important;
 +
    margin:0 !important;
 +
    padding:0 !important;
 +
    position: relative !important;
 +
    z-index: 2 !important;
 +
}
 +
#container {
 +
clear:both;
 +
margin: 0 -240px 0 0;
 +
width: 100%;
 +
}
 +
#p-logo,.firstHeading,#top,#siteSub,#contentSub,.printfooter,#catlinks,.visualClear,#top-section #search-controls{
 +
display:none !important;
 +
}
 +
input.searchButton{
 +
    margin:0 !important;
 +
}
 +
#searchInput {
 +
    width:8em !important;
 +
}
 +
#top-section {
 +
    border: medium none !important;
 +
    height: 0;
 +
    left: 50%;
 +
    margin: 0 0 0 -440px;
 +
    position: fixed;
 +
    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 {
 +
background:none !important;
 +
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;
 +
}
 +
 
 +
/* =Structure
 +
-------------------------------------------------------------- */
 +
 
 +
/* The main theme structure */
 +
div.menu,
 +
.wrapper {
 +
margin: 0 auto;
 +
max-width: 1080px;
 +
position:relative;
 +
}
 +
#loading {
 +
    color:#fff;
 +
    background:#000;
 +
    height:30px;
 +
    width:100%;
 +
    position: absolute; top:410px;
 +
    z-index: 10;
 +
}
 +
#loading div {
 +
width:1080px;
 +
margin:0 auto;
 +
text-align:center;
 +
vertical-align:middle;
 +
}
 +
#main {
 +
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%;
 +
}
 +
#units-footer {
 +
    background: #113355;
 +
    border-top: 10px solid #3B5998;
 +
margin-top: 30px;
 +
clear: both;
 +
width: 100%;
 +
}
 +
 
 +
 
 +
/* =Global Elements
 +
-------------------------------------------------------------- */
 +
 
 +
/* Main global 'theme' and typographic styles */
 +
body {
 +
background: #fff;
 +
}
 +
body,
 +
input,
 +
textarea {
 +
color: #666;
 +
font-size: 12px;
 +
line-height: 18px;
 +
}
 +
hr.no_margin {
 +
    margin: 0;
 +
}
 +
 
 +
hr {
 +
    border-color: #D3D3D3 -moz-use-text-color #FFFFFF;
 +
    border-style: dashed none none;
 +
    border-width: 1px 0;
 +
    margin-bottom: 60px;
 +
    margin-top: 60px;
 +
}
 +
 
 +
/* Text elements */
 +
ul {
 +
list-style: square;
 +
margin: 0 0 18px 1.5em;
 +
}
 +
ol {
 +
list-style: decimal;
 +
margin: 0 0 18px 1.5em;
 +
}
 +
ol ol {
 +
list-style: upper-alpha;
 +
}
 +
ol ol ol {
 +
list-style: lower-roman;
 +
}
 +
ol ol ol ol {
 +
list-style: lower-alpha;
 +
}
 +
ul ul,
 +
ol ol,
 +
ul ol,
 +
ol ul {
 +
margin-bottom: 0;
 +
}
 +
dl {
 +
margin: 0 0 24px 0;
 +
}
 +
dt {
 +
font-weight: bold;
 +
}
 +
dd {
 +
margin-bottom: 18px;
 +
}
 +
strong {
 +
font-weight: bold;
 +
}
 +
cite,
 +
em,
 +
i {
 +
font-style: italic;
 +
}
 +
ins {
 +
background: #ffc;
 +
text-decoration: none;
 +
}
 +
blockquote {
 +
font-style: normal;
 +
padding: 0 3em;
 +
}
 +
blockquote cite,
 +
blockquote em,
 +
blockquote i {
 +
font-style: normal;
 +
}
 +
pre {
 +
background: #f7f7f7;
 +
color: #222;
 +
line-height: 18px;
 +
margin-bottom: 18px;
 +
padding: 1.5em;
 +
}
 +
abbr,
 +
acronym {
 +
border-bottom: 1px dotted #666;
 +
cursor: help;
 +
}
 +
sup,
 +
sub {
 +
height: 0;
 +
line-height: 1;
 +
position: relative;
 +
vertical-align: baseline;
 +
}
 +
sup {
 +
bottom: 1ex;
 +
}
 +
sub {
 +
top: .5ex;
 +
}
 +
input[type="text"],
 +
textarea {
 +
background: #f9f9f9;
 +
border: 1px solid #ccc;
 +
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 +
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 +
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 +
padding: 2px;
 +
}
 +
a:link {
 +
color: #0066cc;
 +
}
 +
a:visited {
 +
color: #743399;
 +
}
 +
a:active,
 +
a:hover {
 +
color: #ff4b33;
 +
}
 +
 
 +
.clear {
 +
    clear: both;
 +
    display: block;
 +
    height: 0;
 +
    overflow: hidden;
 +
    visibility: hidden;
 +
    width: 0;
 +
}
 +
 
 +
/* Text meant only for screen readers */
 +
.screen-reader-text {
 +
position: absolute;
 +
left: -9000px;
 +
}
 +
 
 +
 
 +
/* =Header
 +
-------------------------------------------------------------- */
 +
 
 +
#header {
 +
    background: #113355;
 +
    border-bottom: 10px solid #3B5998;
 +
height:100px;
 +
width:100%;
 +
padding-top:40px;
 +
}
 +
#header .wrapper {
 +
width:1080px;
 +
overflow:hidden;
 +
display:table;
 +
background: none transparent 0 0 scroll no-repeat;
 +
}
 +
#logo-project {
 +
position:absolute;
 +
top:3px;
 +
left:0px;
 +
}
 +
#project-description{
 +
display:table-cell;
 +
width:600px;
 +
vertical-align:middle;
 +
}
 +
#project-image {
 +
background: url('https://static.igem.org/mediawiki/2011/8/81/Units-project.png') transparent center center scroll no-repeat;
 +
display:table-cell;
 +
width:480px;
 +
height:360px;
 +
text-align:center;
 +
vertical-align:middle;
 +
position:relative;
 +
}
 +
 
 +
.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;
 +
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{
 +
display:none;
 +
font-size: 30px;
 +
    line-height: 36px;
 +
}
 +
 
 +
.site-title a {
 +
color: #C9AF40;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
#site-description {
 +
margin: 30px 0 0 0;
 +
    font-style: italic;
 +
font-size: 18px;
 +
line-height: 30px;
 +
color:#7eaef5;
 +
text-align:center;
 +
}
 +
 
 +
 
 +
/* =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  {
 +
width:22px;
 +
height:30px;
 +
margin:5px 0;
 +
}
 +
.space_item-G {
 +
background:transparent url('https://static.igem.org/mediawiki/2011/4/42/Units-batG.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-R {
 +
background:transparent url('https://static.igem.org/mediawiki/2011/d/d0/Units-batR.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-Y {
 +
background:transparent url('https://static.igem.org/mediawiki/2011/3/39/Units-batY.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-B {
 +
background:transparent url('https://static.igem.org/mediawiki/2011/c/c0/Units-batB.png') 0 0 scroll no-repeat;
 +
}
 +
 
 +
 
 +
#access {
 +
background: #3B5998;
 +
color: #fff;
 +
display: block;
 +
width: 100%;
 +
height: 40px;
 +
/*border-bottom: 10px solid #aca;*/
 +
position:fixed;
 +
z-index:999;
 +
}
 +
#access .menu-header,
 +
div.menu {
 +
margin: 0 auto;
 +
font-size: 13px;
 +
}
 +
#access .menu-header ul,
 +
div.menu ul {
 +
list-style: none;
 +
margin: 0;
 +
position: absolute;
 +
    right: 0;
 +
}
 +
#access .menu-header li,
 +
div.menu li {
 +
float: left;
 +
position: relative;
 +
}
 +
.menu a, .menu a:visited {
 +
color: #fff;
 +
display: block;
 +
line-height: 40px;
 +
padding: 0 10px;
 +
text-decoration: none;
 +
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 {
 +
line-height: 18px;
 +
}
 +
 
 +
#access ul ul {
 +
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 +
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 +
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 +
display: none;
 +
position: absolute;
 +
top: 40px;
 +
left: 0;
 +
float: left;
 +
width: 180px;
 +
z-index: 99999;
 +
}
 +
#access ul ul li {
 +
min-width: 180px;
 +
}
 +
#access ul ul ul {
 +
left: 100%;
 +
top: 0;
 +
}
 +
#access ul ul a {
 +
background: #3B5998;
 +
line-height: 1em;
 +
padding: 10px;
 +
width: 160px;
 +
height: auto;
 +
}
 +
#access li:hover > a,
 +
#access ul ul :hover > a {
 +
background: #135;
 +
}
 +
#access ul li:hover > ul {
 +
display: block;
 +
}
 +
#access ul li a.current_page_item ,
 +
#access ul li a.current-menu-ancestor ,
 +
#access ul li a.current-menu-item ,
 +
#access ul li a.current-menu-parent {
 +
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;
 +
}
 +
 
 +
 
 +
 
 +
/* =Content
 +
-------------------------------------------------------------- */
 +
 
 +
#main {
 +
clear: both;
 +
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 h2,
 +
#content h3,
 +
#content h4,
 +
#content h5,
 +
#content h6 {
 +
color: #000;
 +
line-height: 1.5em;
 +
margin: 0 0 20px 0;
 +
        font-weight:bold;
 +
}
 +
#content table {
 +
border: 1px solid #e7e7e7;
 +
margin: 0 -1px 24px 0;
 +
text-align: left;
 +
width: 100%;
 +
}
 +
#content tr th {
 +
color: #888;
 +
font-size: 12px;
 +
font-weight: bold;
 +
line-height: 18px;
 +
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 {
 +
border-top: 1px solid #e7e7e7;
 +
padding: 6px 24px;
 +
        vertical-align: middle;
 +
}
 +
#content tr.odd td {
 +
background: #f2f7fc;
 +
}
 +
.page-title {
 +
color: #000;
 +
font-size: 14px;
 +
font-weight: bold;
 +
margin: 0 0 36px 0;
 +
}
 +
.page-title span {
 +
color: #333;
 +
font-size: 16px;
 +
font-style: italic;
 +
font-weight: normal;
 +
}
 +
.page-title a:link,
 +
.page-title a:visited {
 +
color: #888;
 +
text-decoration: none;
 +
}
 +
.page-title a:active,
 +
.page-title a:hover {
 +
color: #ff4b33;
 +
}
 +
.page-link {
 +
clear: both;
 +
color: #000;
 +
font-weight: bold;
 +
margin: 0 0 22px 0;
 +
word-spacing: 0.5em;
 +
}
 +
.page-link a:link,
 +
.page-link a:visited {
 +
background: #f1f1f1;
 +
color: #333;
 +
font-weight: normal;
 +
padding: 0.5em 0.75em;
 +
text-decoration: none;
 +
}
 +
.home .sticky .page-link a {
 +
background: #d9e8f7;
 +
}
 +
.page-link a:active,
 +
.page-link a:hover {
 +
color: #ff4b33;
 +
}
 +
body.page .edit-link {
 +
clear: both;
 +
display: block;
 +
}
 +
#entry-author-info {
 +
background: #f2f7fc;
 +
border-top: 4px solid #000;
 +
clear: both;
 +
font-size: 14px;
 +
line-height: 20px;
 +
margin: 24px 0;
 +
overflow: hidden;
 +
padding: 18px 20px;
 +
}
 +
#entry-author-info #author-avatar {
 +
background: #fff;
 +
border: 1px solid #e7e7e7;
 +
float: left;
 +
height: 60px;
 +
margin: 0 -104px 0 0;
 +
padding: 11px;
 +
}
 +
#entry-author-info #author-description {
 +
float: left;
 +
margin: 0 0 0 104px;
 +
}
 +
#entry-author-info h2 {
 +
color: #000;
 +
font-size: 100%;
 +
font-weight: bold;
 +
margin-bottom: 0;
 +
}
 +
 
 +
.slides {
 +
float:left;
 +
width:340px;
 +
height:360px;
 +
padding:10px;
 +
overflow:hidden;
 +
        text-align:justify;
 +
}
 +
#location .slides {
 +
height:auto;
 +
        font-size:12px;
 +
}
 +
.slides div {
 +
padding: 0 20px 0 40px;
 +
}
 +
.slides div.logo-profile {
 +
    display: inline;
 +
    float: right;
 +
    padding: 0 10px 10px;
 +
    width: 100px;
 +
    text-align:center;
 +
}
 +
.full-slides {
 +
clear:both;
 +
width:100%;
 +
        position:relative;
 +
}
 +
.slides h1 {
 +
text-align:right;
 +
background:transparent none scroll no-repeat bottom center;
 +
padding: 20px 0 30px 0;
 +
}
 +
#slide1 h1 {
 +
background-image:url("https://static.igem.org/mediawiki/2011/5/53/UNITS-rulYsx.png");
 +
}
 +
#slide2 h1 {
 +
background-image:url("https://static.igem.org/mediawiki/2011/d/d3/UNITS-rulBsx.png");
 +
}
 +
#slide3 h1 {
 +
background-image:url("https://static.igem.org/mediawiki/2011/b/b9/UNITS-rulRsx.png");
 +
}
 +
.full-slides h1 {
 +
text-align:center;
 +
background:transparent none scroll no-repeat bottom center;
 +
width:100%;
 +
padding: 60px 0 30px 0;
 +
}
 +
 
 +
#slide4 h1, .slide4 h1 {
 +
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;
 +
}
 +
 
 +
/* Slide Partner
 +
-------------------------------------------------------------- */
 +
.grid_1, .grid_2, .grid_3, .grid_4 {
 +
    display: inline;
 +
    float: left;
 +
    margin-left: 10px;
 +
    margin-right: 10px;
 +
}
 +
#brands .brandshover {
 +
    display: table;
 +
    height: 130px;
 +
    opacity: 0.7;
 +
    width: inherit;
 +
}
 +
#brands .brandshover:hover {
 +
opacity: 1;
 +
}
 +
#brands .brandshover .table_cell {
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
}
 +
#brands .grid_1 {
 +
    border-left: 1px dashed #FFFFFF;
 +
    border-right: 1px dashed #D3D3D3;
 +
    height: 130px;
 +
    margin: 0;
 +
    padding-left: 9px;
 +
    padding-right: 9px;
 +
    text-align: center;
 +
    width: 190px;
 +
}
 +
#brands .grid_1:first-child {
 +
border-left: 0 none;
 +
    padding-left: 10px;
 +
}
 +
#brands .grid_1:last-child {
 +
    border-right: 0 none;
 +
    padding-right: 10px;
 +
}
 +
.full-slides .grid_4 {
 +
width:1070px;
 +
}
 +
 
 +
ul#twitter_update_list {
 +
margin:0;
 +
}
 +
ul#twitter_update_list li {
 +
background: url("https://static.igem.org/mediawiki/2011/0/00/UNITS_twitter-avatar.png") no-repeat scroll left top #EEEEFF;
 +
    border: 2px solid #EEEEFF;
 +
    height: 68px;
 +
    list-style: none outside none;
 +
    margin: 0 0 1px 0;
 +
    overflow: hidden;
 +
    padding: 0 5px 0 75px;
 +
  color: #7EAEF5;
 +
    font-size: 12px;
 +
    font-weight: bold;
 +
    line-height: 1.3em;
 +
    cursor:pointer;
 +
}
 +
ul#twitter_update_list li a {
 +
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
 +
-------------------------------------------------------------- */
 +
 
 +
#units-footer {
 +
 
 +
}
 +
#units-footer .wrapper {
 +
overflow: show;
 +
padding: 18px 0;
 +
height:225px;
 +
}
 +
#imgfooter {
 +
background:transparent url("https://static.igem.org/mediawiki/2011/b/b1/Units-footer.png") 0 0 no-repeat scroll;
 +
position:absolute;
 +
right:203px;
 +
top:-40px;
 +
height:300px;
 +
width:374px;
 +
}
 +
#fcount {
 +
position:absolute;
 +
bottom:40px;
 +
right:110px;
 +
}
 +
#units-footer .links {
 +
float:left;
 +
width:200px;
 +
margin: 0 25px;
 +
}
 +
#units-footer .links h3, #units-footer .offices  h3 {
 +
    color: #7EAEF5;
 +
    font-size: 14px;
 +
    font-weight: bold;
 +
    margin-bottom: 8px;
 +
    padding-bottom: 0;
 +
    text-transform: uppercase;
 +
}
 +
#units-footer .links ul {
 +
margin:0;
 +
}
 +
#units-footer .links ul li {
 +
    color: #918588;
 +
    font-size: 12px;
 +
    font-weight: bold;
 +
    line-height: 18px;
 +
    list-style-type: none;
 +
    margin-bottom: 0;
 +
}
 +
#footer a, #units-footer .links ul li a {
 +
    color: #eee !important; /*918588;*/
 +
    text-decoration: none;
 +
}
 +
#units-footer .offices {
 +
    float: right;
 +
    width:203px;
 +
}
 +
#units-footer .offices .address {
 +
  color: #675C5F;
 +
  float: left;
 +
  font-size: 15px;
 +
  line-height: 15px;
 +
  margin-right: 0px;
 +
}
 +
#units-footer .offices .address p.location {
 +
    color: #857A7D;
 +
    font-size: 18px;
 +
    font-weight: bold;
 +
    margin-bottom: 10px;
 +
}
 +
 
 +
/* /--> */

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"