Template:Team:Concordia/CSS

From 2014.igem.org

(Difference between revisions)
 
(223 intermediate revisions not shown)
Line 4: Line 4:
/*Fix Wiki Default CSS*/
/*Fix Wiki Default CSS*/
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;};
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;};
Line 66: Line 67:
/*Main Page and Generic Header + Body *****************************************/
/*Main Page and Generic Header + Body *****************************************/
-
 
-
#landing {
 
-
        background: url("https://static.igem.org/mediawiki/2014/0/0d/Igemconcordia2014BG2.png") no-repeat center center fixed !important;
 
-
        -webkit-background-size: cover !important;
 
-
        -moz-background-size: cover !important;
 
-
        -o-background-size: cover !important;
 
-
        background-size: cover !important;
 
-
}
 
body {
body {
-
background: #3b8b5a;
+
background: #FFF;
font-family: 'Ubuntu', sans-serif;
font-family: 'Ubuntu', sans-serif;
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;
 +
min-width: 1000px;
 +
text-align: center;
 +
}
 +
 
 +
body h2 {
 +
text-align: center;
}
}
Line 88: Line 87:
p {
p {
-
line-height: 180%;
+
line-height: 160%;
         color: #414141 !important;
         color: #414141 !important;
 +
}
}
Line 113: Line 113:
         z-index: 1;
         z-index: 1;
         bottom: 25px;
         bottom: 25px;
 +
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;
-
         bottom: 6px;
+
         bottom: 3px;
         display: inline;
         display: inline;
          
          
Line 131: 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: 1000px;
}
}
 +
 +
 +
#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 152: 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 175: Line 203:
   color: white;  
   color: white;  
}
}
 +
*/
 +
#header {
#header {
-
overflow: hidden;
 
-
        background: #3b8b5a;
 
-
background: -moz-radial-gradient(#3b8b5a,#002212);
 
-
background: -webkit-gradient(#3b8b5a,#002212);
 
-
background: radial-gradient(#3b8b5a,#002212);
 
text-align: center;
text-align: center;
margin: 0px auto;
margin: 0px auto;
width: 100%;
width: 100%;
display: block;
display: block;
-
min-width: 60em;
 
         margin-top: -50px;
         margin-top: -50px;
 +
min-width: 1000px;
 +
z-index; 1000;
 +
}
 +
#landinglogo {
 +
padding-top: 2em;
 +
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 +
min-width: 1000px;
}
}
 +
 +
#landinglogo h1 {
 +
padding-top: 0em;
 +
font-size: 4.3em;
 +
        border-bottom: 0px;
 +
}
 +
 +
#landinglogo a {
 +
text-decoration: none;
 +
color: #FFF;
 +
}
 +
 +
#landinglogo p {
 +
color: #FFF;
 +
font-size: 1.5em;
 +
}
 +
#logo {
#logo {
-
padding-top: 3em;
+
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: 1000px;
}
}
#logo h1 {
#logo h1 {
-
padding-top: 1em;
+
padding-top: 0.90em;
-
font-size: 5em;
+
font-size: 4.3em;
         border-bottom: 0px;
         border-bottom: 0px;
}
}
Line 209: Line 258:
#logo p {
#logo p {
color: #FFF;
color: #FFF;
-
font-size: 3em;
+
font-size: 1.5em;
}
}
#menu {
#menu {
-
height: 75px;
+
    height: 75px;
-
min-width: 60em;
+
min-width: 1000px;
 +
    position: relative;
 +
    bottom: 14px;
 +
}
 +
 
 +
#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;
}
}
-
#menu ul {
+
#menu .outerul {
-
display: inline-block;
+
display: inline-table;
 +
        list-style: none;
text-align: center;
text-align: center;
position: relative;
position: relative;
-
right: 1.3em;
 
}
}
-
#menu li {
+
#menu .outerli:hover > .innerul{
-
display: inline-block;
+
        display: block;
-
padding: 0em 0.5em;
+
      } 
 +
 
 +
#menu .outerli {
 +
        padding: 0em 0.3em;
 +
        float: left;
 +
        -webkit-transition: all .2s ease-in-out;
 +
        -moz-transition: all .2s ease-in-out;
 +
        transition: all .2s ease-in-out;
 +
 
}
}
-
#menu li a {
+
#menu .outera {
-
display: inline-block;
+
display: block;
text-transform: uppercase;
text-transform: uppercase;
line-height: 70px;
line-height: 70px;
color: #FFF;
color: #FFF;
-
padding: 0em 4.5em;
+
padding: 0em 0.3em;
text-decoration: none;
text-decoration: none;
-
font-size: 1em;
+
font-size: 0.68em;
font-weight: 700;
font-weight: 700;
 +
        background: rgba(0,0,0,0.4);
 +
        border-radius: 7px;
 +
        border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
}
}
-
#menu li:hover a, #menu li#maintab a {
+
#menu .innerul{
 +
        display: none;
 +
        list-style: none;
 +
        position: relative;
 +
        padding: 0 0.3em;
 +
        margin: 0;
 +
      }
 +
 
 +
#menu .innerli{
 +
float: none;
 +
position: relative;
 +
padding: 0.15em 0;
 +
 
 +
}
 +
 
 +
#menu .innera {
 +
display: block;
 +
text-transform: uppercase;
 +
line-height: 70px;
 +
color: #FFF;
 +
text-decoration: none;
 +
font-size: 0.68em;
 +
font-weight: 700;
 +
  border-radius: 7px;
 +
  background: rgba(0,0,0,0.4);
 +
        border-style: solid;
 +
border-width: 1px;
 +
border-color: black;
 +
}
 +
 
 +
#menu .outera:hover {
background: #FFF;
background: #FFF;
-
border-radius: 7px 7px 0px 0px;
+
border-radius: 7px;
color: #3b8b5a;
color: #3b8b5a;
 +
  border-style: solid;
 +
  border-color: #3b8b5a;
 +
  border-width: 1px;
 +
 
}
}
 +
 +
#menu .innera:hover {
 +
background: #FFF;
 +
border-radius: 7px 7px 7px 7px;
 +
color: #3b8b5a;
 +
  border-style: solid;
 +
  border-color: #3b8b5a;
 +
  border-width: 1px;
 +
}
 +
 +
*, *:before, *:after{
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  padding: 0;
 +
  margin: 0;
 +
  font-family: 'Ubuntu', sans-serif;
 +
}
 +
 +
 +
#mywrapper
#mywrapper
{
{
-
overflow: hidden;
 
background: #FFF;
background: #FFF;
padding: 3em 150px 2em 150px;
padding: 3em 150px 2em 150px;
-
min-width: 42em;
+
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: 1000px;
}
}
Line 275: Line 410:
#mainbody img {
#mainbody img {
max-height: 350px;
max-height: 350px;
 +
}
 +
 +
#mainbody ul {
 +
text-align: left !important;
}
}
Line 280: Line 419:
position: relative;
position: relative;
top: -2em;
top: -2em;
 +
min-width: 1000px;
}
}
Line 297: Line 437:
         line-height: 110% !important;
         line-height: 110% !important;
         padding: 10px 0 !important;
         padding: 10px 0 !important;
 +
min-width: 1000px;
}
}
Line 323: Line 464:
         line-height: 110% !important;
         line-height: 110% !important;
         padding: 10px 0 !important;
         padding: 10px 0 !important;
 +
min-width: 1000px;
}
}
Line 345: 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: 1000px;
}
}
Line 357: Line 500:
margin:0 auto !important;
margin:0 auto !important;
 +
}
 +
 +
.projectdescription a:hover {
 +
text-decoration: underline;
}
}
Line 756: Line 903:
/*
/*
-
bg
+
iGEM CONCORDIA BACKGROUNDS
*/
*/
 +
 +
#landingbg {
 +
  position: fixed;
 +
  top: -50%;
 +
  left: -50%;
 +
  width: 200%;
 +
  height: 200%;
 +
  z-index: -10;
 +
min-width: 1000px;
 +
}
 +
#landingbg img {
 +
  position: absolute;
 +
  top: 0px;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 65px;
 +
  margin: auto;
 +
min-width: 1000px;
 +
}
 +
#bg {
#bg {
   position: fixed;  
   position: fixed;  
Line 764: Line 931:
   width: 200%;  
   width: 200%;  
   height: 200%;
   height: 200%;
-
   z-index: -1;
+
   z-index: -10;
 +
min-width: 1000px;
}
}
#bg img {
#bg img {
Line 771: Line 939:
   left: 0;  
   left: 0;  
   right: 0;  
   right: 0;  
-
   bottom: 65px;
+
   bottom: 650px;
   margin: auto;  
   margin: auto;  
-
  min-width: 50%;
+
min-width: 1000px;
-
  min-height: 50%;
+
}
}
 +
 +
/* 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;
 +
}
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 02:21, 18 October 2014

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