Template:Team:Concordia/CSS

From 2014.igem.org

(Difference between revisions)
 
(127 intermediate revisions not shown)
Line 73: Line 73:
font-size: 12pt;
font-size: 12pt;
color: rgba(0,0,0,0.55);
color: rgba(0,0,0,0.55);
-
text-align: center;
 
         z-index: 1;
         z-index: 1;
-
min-width: 900px;
+
min-width: 1000px;
 +
text-align: center;
 +
}
 +
 
 +
body h2 {
 +
text-align: center;
}
}
Line 85: Line 89:
line-height: 160%;
line-height: 160%;
         color: #414141 !important;
         color: #414141 !important;
 +
}
}
Line 108: Line 113:
         z-index: 1;
         z-index: 1;
         bottom: 25px;
         bottom: 25px;
-
min-width: 900px;
+
min-width: 1000px;
 +
}
 +
 
 +
#backtoigem {
 +
text-align: center;
}
}
#backtoigem a {
#backtoigem a {
         color: white;
         color: white;
-
        text-align: center;
 
         font-size: 0.65em;
         font-size: 0.65em;
         position: relative;
         position: relative;
Line 127: Line 135:
#backtoigem img {
#backtoigem img {
-
        height: 15px;
+
height:10px;
-
         display: inline;
+
position: relative;
-
        float: right;
+
         display: inline-block;
 +
 
}
}
#landingspacer {
#landingspacer {
   padding: 20px;
   padding: 20px;
-
min-width: 900px;
+
min-width: 1000px;
}
}
-
/*OLD BUTTON STYLE
+
 
 +
#sidemenu {
 +
padding:10px 100px;
 +
float:left;
 +
/*position:absolute;*/
 +
}
 +
 
 +
ul.simple-list {list-style-type:none;margin:0;padding:0;}
 +
ul.simple-list a:hover {background-color:#dff2df;color:#3b8b5a;border:1px solid transparent;border-left:0;border-right:0;}
 +
.simple-menu.simple-menu-open {background:#ffffff;border:1px solid #3b8b5a;}
 +
.simple-menu.simple-menu-open {width:200px;font-family:sans-serif;}
 +
.simple-menu .simple-menu-heading {color:#225F3A;text-transform:uppercase;font-size:90%;font-weight:bold;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#3b8b5a;}
 +
.simple-menu a, .simple-menu .simple-menu-heading {display:block;line-height:1.5em;padding:5px 20px;text-decoration:none;}
 +
.simple-menu a, .simple-menu {color:#3b8b5a;}
 +
.simple-menu a {color:#3b8b5a;border:1px solid transparent;border-left:0;border-right:0;}
 +
.menu-background {position:absolute;top:0;right:0;font-size:8px;color:#cccccc;}
 +
.menu-background a {color:#cccccc;text-decoration:none;font-weight:normal;}
 +
.menu-background a:hover {color:#cccccc;text-decoration:none;font-weight:normal;}
 +
 
 +
 
 +
/*
.button {
.button {
   z-index: 1;
   z-index: 1;
Line 151: Line 180:
   background: -ms-linear-gradient(top, #3e9c6f, #193322);
   background: -ms-linear-gradient(top, #3e9c6f, #193322);
   background: -o-linear-gradient(top, #3e9c6f, #193322);
   background: -o-linear-gradient(top, #3e9c6f, #193322);
-
   padding: 10.5px 16px;
+
   padding: 5px 5px;
   -webkit-border-radius: 11px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   -moz-border-radius: 11px;
Line 174: Line 203:
   color: white;  
   color: white;  
}
}
-
 
*/
*/
 +
#header {
#header {
-
overflow: hidden;
 
text-align: center;
text-align: center;
margin: 0px auto;
margin: 0px auto;
Line 184: Line 212:
display: block;
display: block;
         margin-top: -50px;
         margin-top: -50px;
-
min-width: 900px;
+
min-width: 1000px;
-
 
+
z-index; 1000;
}
}
Line 191: Line 219:
padding-top: 2em;
padding-top: 2em;
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 207: Line 235:
#landinglogo p {
#landinglogo p {
color: #FFF;
color: #FFF;
-
font-size: 2.5em;
+
font-size: 1.5em;
}
}
Line 214: Line 242:
padding-top: 0.40em;
padding-top: 0.40em;
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 230: Line 258:
#logo p {
#logo p {
color: #FFF;
color: #FFF;
-
font-size: 2.5em;
+
font-size: 1.5em;
}
}
#menu {
#menu {
-
height: 75px;
+
    height: 75px;
-
min-width: 900px;
+
min-width: 1000px;
-
position: relative;
+
    position: relative;
-
bottom: 14px;
+
    bottom: 14px;
-
z-index; 100000;
+
}
 +
 
 +
#maintab {
 +
display: block;
 +
text-transform: uppercase;
 +
line-height: 70px;
 +
color: #FFF;
 +
padding: 0em 0.3em;
 +
text-decoration: none;
 +
font-size: 0.68em;
 +
font-weight: 700;
 +
        background: rgba(0,0,0,0.4);
 +
        border-radius: 7px;
 +
        border-style: solid;
 +
        border-width: 2px !important;
 +
        border-color: white !important;
}
}
Line 248: Line 291:
}
}
-
#menu .outerli:hover > .innerul{display: block;}
+
#menu .outerli:hover > .innerul{
 +
        display: block;
 +
      }
#menu .outerli {
#menu .outerli {
Line 255: Line 300:
         -webkit-transition: all .2s ease-in-out;
         -webkit-transition: all .2s ease-in-out;
         -moz-transition: all .2s ease-in-out;
         -moz-transition: all .2s ease-in-out;
-
         transition: all .2s ease-in-out;
+
         transition: all .2s ease-in-out;  
 +
 
}
}
Line 267: Line 313:
font-size: 0.68em;
font-size: 0.68em;
font-weight: 700;
font-weight: 700;
-
         background: rgba(0,0,0,0.1);
+
         background: rgba(0,0,0,0.4);
         border-radius: 7px;
         border-radius: 7px;
 +
        border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
}
}
Line 275: Line 324:
         list-style: none;
         list-style: none;
         position: relative;
         position: relative;
-
         right: 15px;
+
         padding: 0 0.3em;
-
padding: 0 0.3em;
+
        margin: 0;
       }
       }
Line 283: Line 332:
position: relative;
position: relative;
padding: 0.15em 0;
padding: 0.15em 0;
 +
}
}
Line 294: Line 344:
font-weight: 700;
font-weight: 700;
   border-radius: 7px;
   border-radius: 7px;
-
   background: rgba(0,0,0,0.1)
+
   background: rgba(0,0,0,0.4);
 +
        border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
}
}
Line 324: Line 377:
   font-family: 'Ubuntu', sans-serif;
   font-family: 'Ubuntu', sans-serif;
}
}
 +
Line 329: Line 383:
#mywrapper
#mywrapper
{
{
-
overflow: hidden;
 
background: #FFF;
background: #FFF;
padding: 3em 150px 2em 150px;
padding: 3em 150px 2em 150px;
-
min-width: 900px;
+
min-width: 1000px;
         font-size: 85% !important;
         font-size: 85% !important;
}
}
#mywrapper a{
#mywrapper a{
-
color: #3b8b5a !important;
+
color: #3b8b5a;
}
}
#mainbody {
#mainbody {
margin-bottom: 3.5em;
margin-bottom: 3.5em;
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 357: Line 410:
#mainbody img {
#mainbody img {
max-height: 350px;
max-height: 350px;
 +
}
 +
 +
#mainbody ul {
 +
text-align: left !important;
}
}
Line 362: Line 419:
position: relative;
position: relative;
top: -2em;
top: -2em;
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 380: Line 437:
         line-height: 110% !important;
         line-height: 110% !important;
         padding: 10px 0 !important;
         padding: 10px 0 !important;
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 407: Line 464:
         line-height: 110% !important;
         line-height: 110% !important;
         padding: 10px 0 !important;
         padding: 10px 0 !important;
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 430: Line 487:
/*Project Page *******************************************************************/
/*Project Page *******************************************************************/
-
.projectdescription {
+
.projectdescription p{
-
text-align: justify;
+
text-align: justify !important;
         font-weight: 100;
         font-weight: 100;
         font-size: 0.9em;
         font-size: 0.9em;
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 442: Line 499:
display: block;
display: block;
margin:0 auto !important;
margin:0 auto !important;
-
min-width: 900px;
 
 +
}
 +
 +
.projectdescription a:hover {
 +
text-decoration: underline;
}
}
Line 853: Line 913:
   height: 200%;
   height: 200%;
   z-index: -10;
   z-index: -10;
-
min-width: 900px;
+
min-width: 1000px;
}
}
#landingbg img {
#landingbg img {
Line 862: Line 922:
   bottom: 65px;
   bottom: 65px;
   margin: auto;  
   margin: auto;  
-
min-width: 900px;
+
min-width: 1000px;
}
}
Line 872: Line 932:
   height: 200%;
   height: 200%;
   z-index: -10;
   z-index: -10;
-
min-width: 900px;
+
min-width: 1000px;
}
}
#bg img {
#bg img {
Line 881: Line 941:
   bottom: 650px;
   bottom: 650px;
   margin: auto;  
   margin: auto;  
-
min-width: 900px;
+
min-width: 1000px;
 +
}
 +
 
 +
 
 +
/* PAGE CHANGERS FOR PROJECT*/
 +
 
 +
#previouspage a{
 +
position: relative;
 +
float: left;
 +
display: inline-block;
 +
}
 +
 
 +
#previouspage img{
 +
max-height: 20px !important;
 +
max-width: 20px !important;
 +
display: inline-block;
 +
}
 +
 
 +
#nextpage a{
 +
position: relative;
 +
float: right;
 +
display: inline-block;
 +
}
 +
 
 +
#nextpage img{
 +
max-height: 20px !important;
 +
max-width: 20px !important;
 +
display: inline-block;
 +
}
 +
 
 +
.notebook{
 +
display: block;
 +
margin-left:auto;
 +
margin-right:auto;
 +
padding: 0 100px;
 +
}
 +
.notebook p{
 +
text-align: justify;
 +
font-size: 1.1em !important;
 +
line-height: 125%;
 +
}
 +
 
 +
#note {
 +
font-size: 0.9em !important;
 +
line-height: 18px !important;
 +
}
 +
#crumb a{
 +
font-size: smaller;
 +
float: left;
 +
}
 +
 
 +
.notebook_image img{
 +
    max-height: 100% !important;
 +
}
 +
 
 +
.notebook figure{
 +
display: block;
 +
 
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
.notebook figcaption{
 +
display: block;
 +
line-height: 110%;
 +
font-size: 0.9em;
 +
margin-bottom: 15px;
 +
}
 +
 
 +
.tg  {border-collapse:collapse;border-spacing:0;margin:0px auto;width:600px;}
 +
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:5px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
 +
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;}
 +
.tg .tg-s6z2{text-align:center}
 +
.tg .tg-pmng{background-color:#d3eadd;text-align:center}
 +
.tg .tg-hgcj{font-weight:bold;text-align:center}
 +
.tg .tg-9hxf{font-style:italic;background-color:#d3eadd;text-align:center}
 +
.tg .tg-8y28{background-color:#d3eadd;color:#000000;text-align:center}
 +
 
 +
ol.nest1{
 +
    list-style-type: lower-alpha;
 +
    text-align: left;
 +
}
 +
 
 +
ol.nest2{
 +
    list-style-type: lower-roman;
 +
    text-align: left;
 +
}
 +
 
 +
ul.nest1{
 +
list-style-type: circle;
 +
}
 +
 
 +
h4.left{
 +
text-align: left;
 +
}
 +
 
 +
h5.left{
 +
text-align: left;
 +
}
 +
 
 +
.notebook h2{
 +
line-height: 110% !important;
 +
}
 +
 
 +
#species{
 +
font-style: italic;
 +
}
 +
 
 +
.figureimage {
 +
max-height: 600px !important;
 +
border: none !important;
}
}

Latest revision as of 02:21, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:Concordia/CSS"