Team:SYSU-Software/header.css

From 2013.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 1: Line 1:
-
//clear original style
+
/*clear original style*/
#p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
#p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
Line 19: Line 19:
}
}
-
#menubar{
+
#contentSub {
 +
    position:absolute;
 +
}
 +
 
 +
#menubar {
 +
font-size:15px;
width:510px;
width:510px;
-
top:-1px;
+
}
-
z-index:0;
+
 
 +
.right-menu {
 +
width:410px;
 +
right:95px;
 +
background-color: transparent;
 +
}
 +
 
 +
.right-menu:hover {
 +
background-color: #555;
}
}
.right-menu li a{
.right-menu li a{
-
background-color:white;
+
background-color: transparent;
-
color:black;
+
color:white;
text-decoration:none;
text-decoration:none;
}
}
Line 33: Line 46:
.right-menu li a:hover{
.right-menu li a:hover{
text-decoration:none;
text-decoration:none;
 +
}
 +
 +
.left-menu {
 +
width:510px;
 +
top:-1px;
 +
font-size:15px;
 +
z-index:10001;
}
}
Line 42: Line 62:
}
}
-
ul,li{ list-style:none; }
+
ul,li{ list-style:none; margin-bottom:0 !important;}
-
// header.css
+
/* header.css */
*{
*{
Line 56: Line 76:
background-color: #CCC;
background-color: #CCC;
font-family: 'Arial';
font-family: 'Arial';
 +
        min-width:980px;
}
}
Line 72: Line 93:
}
}
#team-header-logo img{
#team-header-logo img{
-
height: 50px;
+
height: 80px;
}
}
#igem-logo img{
#igem-logo img{
-
height: 40px;
+
height: 50px;
/* float: right; */
/* float: right; */
position: absolute;
position: absolute;
-
right: 0px;
+
right: 5px;
-
top: 0px;
+
top: 15px;
}
}
#team-header-text{
#team-header-text{
Line 97: Line 118:
#navigation{
#navigation{
/* float: right; */
/* float: right; */
-
height: 50px;
+
height: 80px;
z-index: 100;
z-index: 100;
-
position: relative;
+
position: absolute;
-
/* top: -37px; */
+
top: 0px;
 +
        width:100%;
}
}
Line 116: Line 138:
/* background-color:#A8DBD2;      */
/* background-color:#A8DBD2;      */
background-color: #ffffff;
background-color: #ffffff;
-
color:  
+
color:
 +
 
}
}
Line 142: Line 165:
/* background-color: #FFE14B;  */
/* background-color: #FFE14B;  */
background-color: #34495e;
background-color: #34495e;
 +
        border-radius: 5px;
}
}
Line 164: Line 188:
.navbar .nav {
.navbar .nav {
-
width: 95%;
+
width: 90%;
vertical-align: middle;
vertical-align: middle;
float: none;
float: none;
margin: auto;
margin: auto;
 +
        text-align: center;
}
}
Line 176: Line 201:
display: inline-block;
display: inline-block;
float: none;  
float: none;  
 +
       
}
}
.navbar .nav > .nav-li {
.navbar .nav > .nav-li {
/* width: 10%; */
/* width: 10%; */
 +
}
 +
 +
.navbar .nav > li:first-child > a {
 +
      border-radius: 5px;
}
}
Line 204: Line 234:
a:focus{
a:focus{
outline-color:#544444;  
outline-color:#544444;  
 +
}
 +
 +
 +
.wrapper {
 +
width: 100%;
 +
/*padding: 50px 0;*/
 +
        font-size: 17px;
 +
        margin-top: 79px;
 +
}
 +
 +
.wrapper.colored-wrapper {
 +
background-color: #dff5f2;
 +
}
 +
.wrapper.colored-wrapper-dff5f2 {
 +
background-color: #dff5f2;
 +
}
 +
.wrapper.colored-wrapper-f5f5f5 {
 +
background-color: #f5f5f5;
 +
}
 +
.wrapper.colored-wrapper-6d6060 {
 +
background-color: #6d6060;
 +
}
 +
.wrapper.colored-wrapper-544444 {
 +
background-color: #544444;
 +
}
 +
.wrapper.colored-wrapper-ddf4ef {
 +
background-color: #ddf4ef;
 +
}
 +
 +
#totop {
 +
width: 107px;
 +
height: 109px;
 +
background: url(https://static.igem.org/mediawiki/2013/a/ad/Sysuplane.png);
 +
/* background: url(../img/totop0.png); */
 +
position: fixed;
 +
bottom: 5%;
 +
right: 5%;
 +
z-index: 10;
 +
cursor: pointer;
 +
}
 +
 +
#totop.focustop{
 +
background : url(https://static.igem.org/mediawiki/2013/9/9d/Totopsmall.png);
 +
}
 +
 +
#totop.movingtotop {
 +
background: url(https://static.igem.org/mediawiki/2013/2/29/Totoping.png);
 +
/* background: url(../img/totop1.png); */
 +
}
 +
#totop span {
 +
background: url(https://static.igem.org/mediawiki/2013/2/29/Totoping.png);
 +
display: none;
}
}

Latest revision as of 07:51, 28 October 2013

/*clear original style*/

  1. p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks

{ display:none; }

  1. globalWrapper { 
padding-bottom:0; top:0px;}
  1. top-section{

height:0px; border:none; width:100%; }

  1. content{

width:100%!important; border-left:none; border-right: none; padding:1px 0px 0px 0px!important;

}

  1. contentSub { 
   position:absolute;

}

  1. menubar {

font-size:15px; width:510px; }

.right-menu { width:410px; right:95px; background-color: transparent; }

.right-menu:hover { background-color: #555; }

.right-menu li a{ background-color: transparent; color:white; text-decoration:none; }

.right-menu li a:hover{ text-decoration:none; }

.left-menu { width:510px; top:-1px; font-size:15px; z-index:10001; }

.left-menu li a{ text-decoration:none; } .left-menu li a:hover{ text-decoration:none; }

ul,li{ list-style:none; margin-bottom:0 !important;}


/* header.css */

  • {

padding:0px; margin: 0px; } body { height: 100%; width: 100%; background-color: #CCC; font-family: 'Arial'; 

       min-width:980px;

}


/*header images */

  1. team-header{

margin: 0 auto; z-index: 100;

height: 40px; width: 100%; background-color: white;

font-family: 'Arial'; }

  1. team-header-logo img{

height: 80px; }

  1. igem-logo img{

height: 50px; /* float: right; */ position: absolute; right: 5px; top: 15px; }

  1. team-header-text{

position: relative; left: 130px; top: -67px; }

  1. boss-header-image{

position: relative; left: 285px; top: -85px; }

/*navigation*/

  1. navigation{

/* float: right; */ height: 80px;

z-index: 100;

position: absolute; top: 0px; 

       width:100%;

}

.navbar { margin-bottom: 0px; overflow: visible; }

.nav{ display: inline;

/* height: 40px; */ /* background-color:#A8DBD2; */ background-color: #ffffff; color:

}

.navbar-inverse .nav > li > a{ font-size: 14px; border: none; height: 40px; padding:0px 20px;

line-height: 40px; color: #34495e; } /* #nav-li{ */ /* height: 40px; */ /* } */


.navbar-inverse .nav > li.active > a{ /* background-color: #FFE14B; */ background-color: #34495e; height: 40px; } .navbar-inverse .nav > li.active > a{ /* background-color: #FFE14B; */ background-color: #34495e; 

       border-radius: 5px;

}

.navbar-inverse .navbar-inner { background: #ffffff; }

/*sub navs*/ .navbar .nav > li > ul { width: 100%; }

  1. sub-link1{

/* width:90px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e; } .navbar .nav > li > ul:before { border-width: 0px; }

.navbar .nav { width: 90%; vertical-align: middle; float: none; margin: auto; 

       text-align: center;

}

.navbar .nav > li { margin: auto; width: 13.5%; text-align: center; display: inline-block; float: none;

} .navbar .nav > .nav-li { /* width: 10%; */ }

.navbar .nav > li:first-child > a { 

      border-radius: 5px;

}

  1. sub-link2{

/* width:100px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e; }

  1. sub-link3{

/* width:135px; */ width:100%; /* background-color:#A8DBD2; */ background-color:#34495e;

}

  1. sub-link4{

/* background-color:#A8DBD2; */ background-color:#34495e; /* width:70px; */ width:100%; }


a:focus{ outline-color:#544444; }


.wrapper { width: 100%; /*padding: 50px 0;*/ 

       font-size: 17px;
       margin-top: 79px;

}

.wrapper.colored-wrapper { background-color: #dff5f2; } .wrapper.colored-wrapper-dff5f2 { background-color: #dff5f2; } .wrapper.colored-wrapper-f5f5f5 { background-color: #f5f5f5; } .wrapper.colored-wrapper-6d6060 { background-color: #6d6060; } .wrapper.colored-wrapper-544444 { background-color: #544444; } .wrapper.colored-wrapper-ddf4ef { background-color: #ddf4ef; }

  1. totop {

width: 107px; height: 109px; background: url(Sysuplane.png); /* background: url(../img/totop0.png); */ position: fixed; bottom: 5%; right: 5%; z-index: 10; cursor: pointer; }

  1. totop.focustop{

background : url(Totopsmall.png); }

  1. totop.movingtotop {

background: url(Totoping.png); /* background: url(../img/totop1.png); */ }

  1. totop span {

background: url(Totoping.png); display: none; }

Retrieved from "http://2013.igem.org/Team:SYSU-Software/header.css"