Team:UNITN-Trento/CSS/Default

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#tn-header {
+
@import url(http://fonts.googleapis.com/css?family=Marck+Script);
-
    min-height: 210px;
+
@import url(http://fonts.googleapis.com/css?family=Mouse+Memoirs);
-
    background-color: #038c7e;
+
html, body {
-
    border-bottom: 10px solid #bf1b39;
+
width: 100%;
 +
height: 100%;
-
    text-align: center;
+
margin: 0;
-
}
+
padding: 0;
-
 
+
-
.tn-logo {
+
-
    display: inline-block;
+
-
}
+
-
.tn-logo.tn-side {
+
background-color: #DCD8D0;
-
    position: relative;
+
-
    top: -1em;
+
-
    width: 125px;
+
font-size: 16px;
-
   
+
-
    margin: 0 2em;
+
}
}
-
#tn-bfruity-logo {
+
/*HEADER IN APPOSITE SUBS/TEMPLATE*/
-
    margin-top: 2.2em;
+
-
}
+
-
#tn-igem-unitn-logo {
+
/*******************/
-
    margin-top: 2.1em;
+
/*CENTRAL CONTAINER*/
-
}
+
/*******************/
-
#tn-igem-main {
+
#tn-central-container {
-
    margin-top: 2.3em;
+
display: block;
-
}
+
-
/*MENU*/
+
max-width: 1300px;
 +
min-height: 600px;
-
#tn-menu {
+
margin: 0 auto;
-
    position: relative;
+
padding: 1em 0;
-
    top: -2.7em;
+
-
    height: 32px;
+
-
    margin: 0 auto;
+
-
    list-style: none;
+
background-color: #dadada;
}
}
-
#tn-menu li {
+
#tn-content-wrap {
-
    width: 150px;
+
display: static;
-
    height: 30px;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
    font-family: "Trebuchet MS", Helvetica, sans-serif;
+
max-width: 1200px;
-
    font-variant: small-caps;
+
min-height: 600px;
-
    font-weight: bold;
+
-
    font-size: 1em;
+
-
    color: #f0f2df;
+
margin: 0 auto;
-
    border: none;
+
margin-top: 6em;
 +
padding: 1px;
 +
 +
background-color: #767676;
}
}
-
/*First menu*/
 
-
#tn-menu > li {
+
#tn-content {
-
    display: inline-table;
+
display: static;
-
    padding-top: 0.2em;
+
-
    padding-bottom: 13px;
+
-
    opacity: 0.9;
+
max-width: 1200px;
-
}
+
height: 100%;
 +
 +
padding: 1em;
-
#tn-menu > li:hover {
+
background-color: #ffffff;
-
    opacity: 1.0;
+
}
}
-
/*SUB_MENU*/
+
/********/
 +
/*FOOTER*/
 +
/********/
-
#tn-menu > li > ul {
+
#tn-footer-wrap {
-
    position: absolute;
+
display: inline-block;
-
    top: 100%;
+
-
    z-index: 5;
+
-
    display: none;
+
width: 100%;
-
    padding: 0; margin: 0;
+
height: 250px;
-
    background: none;
+
margin: 0;
-
}
+
padding: 0;
-
#tn-menu > li > ul > li {
+
background-color: #323232;
-
    background-color: #038c7e;
+
-
    border: 1px solid transparent;
+
}
}
-
#tn-menu > li > ul > li:hover {
+
#tn-footer {
-
    background-color: #007064;
+
display: static;
-
    border: 1px solid white;
+
-
}
+
-
#tn-menu > li:hover > ul,
+
max-width: 1300px;
-
#tn-menu > li:hover > ul li {
+
max-height: 180px;
-
    display: block;
+
-
}
+
-
/*MENU Links*/
+
margin: 1em auto;
-
 
+
padding: 1em;
-
#tn-menu a {
+
-
    display: block;
+
-
    width: 100%;
+
-
    height: 100%;
+
-
 
+
-
    color: #f0f2df;
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
#tn-menu > li > a {
+
-
    font-size: 1.2em;
+
-
}
+
-
#tn-menu li:hover > a,
+
background-color: #ffffff;
-
#tn-menu > li > ul > li:hover {
+
overflow: hidden;
-
    text-shadow: 1px 1px #323232;
+
}
}

Revision as of 07:47, 26 August 2013

@import url(http://fonts.googleapis.com/css?family=Marck+Script); @import url(http://fonts.googleapis.com/css?family=Mouse+Memoirs);

html, body { width: 100%; height: 100%;

margin: 0; padding: 0;

background-color: #DCD8D0;

font-size: 16px; }

/*HEADER IN APPOSITE SUBS/TEMPLATE*/

/*******************/ /*CENTRAL CONTAINER*/ /*******************/

  1. tn-central-container {

display: block;

max-width: 1300px; min-height: 600px;

margin: 0 auto; padding: 1em 0;

background-color: #dadada; }

  1. tn-content-wrap {

display: static;

max-width: 1200px; min-height: 600px;

margin: 0 auto; margin-top: 6em; padding: 1px;

background-color: #767676; }


  1. tn-content {

display: static;

max-width: 1200px; height: 100%;

padding: 1em;

background-color: #ffffff; }

/********/ /*FOOTER*/ /********/

  1. tn-footer-wrap {

display: inline-block;

width: 100%; height: 250px;

margin: 0; padding: 0;

background-color: #323232; }

  1. tn-footer {

display: static;

max-width: 1300px; max-height: 180px;

margin: 1em auto; padding: 1em;

background-color: #ffffff; overflow: hidden; }