Team:Heidelberg/Templates/basic-css

From 2013.igem.org

(Difference between revisions)
m
m
 
(74 intermediate revisions not shown)
Line 3: Line 3:
   <style type="text/css">
   <style type="text/css">
#contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo {
#contentSub, #search-controls, .firstHeading, /*#footer-box,*/ #catlinks, #p-logo {
-
     display:none;}
+
     display:none;
 +
}
#top-section {
#top-section {
     border: none;
     border: none;
-
     height: 0px;}
+
     height: 0px;
 +
}
#content {
#content {
-
 
+
    z-index: auto;
-
     border: none;}
+
     border: none;
 +
    width:98%;
 +
}
.firstHeading {
.firstHeading {
Line 17: Line 21:
#footer-box{
#footer-box{
-
     min-width:800px;
+
     border:none;
-
     width:100%;
+
    margin: 0 auto;
-
max-width:3000px;
+
    padding: 5px;
-
padding:0px;
+
     width: 965px;
-
margin:0px;
+
 
-
display:inline-block;
+
    /*width:100%;
-
text-align:left;
+
    padding:0px;
-
border-style:none;
+
    margin:0 auto;
 +
    display:inline-block;
 +
    text-align:left;
 +
    border-style:none;*/
}
}
#footer-box *{
#footer-box *{
   position:relative;
   position:relative;
-
   top:1000px;
+
   margin-top:10px;
 +
}
 +
 
 +
#globalWrapper {
 +
  font-size:100%;
}
}
Line 35: Line 46:
     border-bottom: none;
     border-bottom: none;
}
}
-
/* Removes "teams" from the menubar */
+
 
-
#menubar > ul > li:last-child {
+
h2 {
-
     display: none;}
+
    font-size:18px;
 +
    font-family:Arial, sans-serif;
 +
}
 +
h3 {
 +
    font-size:16px;
 +
    font-weight: 600;
 +
    font-family:Arial, sans-serif;
 +
}
 +
h4  {
 +
    font-size: 14px;
 +
    font-weight: 600;
 +
    font-family:Arial, sans-serif;
 +
}
 +
 
 +
div.thumb div {
 +
    font-size:10px;
 +
}
 +
 
 +
.editsection {
 +
    display: none;
 +
}
 +
 
 +
li {
 +
    font-size:10px;
 +
}
 +
 
 +
div.thumb {
 +
    border-color:#eeeeee;
 +
}
 +
 
 +
dd {
 +
    font-size:10px;
 +
}
 +
 
 +
a:visited {
 +
    color: #000080;
 +
}
 +
a {
 +
    color: #000080;
 +
}
 +
p > a, b > a {
 +
    color: #000080;
 +
}
 +
p > a:visited, b > a:visited {
 +
    color: #000080;
 +
}
 +
p {
 +
  text-align:justify;
 +
}
 +
table {
 +
     font-size:1em;
 +
}
 +
b {
 +
font-size:14px;
 +
}
 +
figcaption {
 +
text-align: justify;
 +
}
/* Resizes the menubar to fik the links (default is 400px) */
/* Resizes the menubar to fik the links (default is 400px) */
Line 45: Line 113:
     margin: 10px 0 0 0;
     margin: 10px 0 0 0;
     padding: 0;}
     padding: 0;}
 +
#top-section {
#top-section {
     width: 965px;
     width: 965px;
Line 60: Line 129:
     background-color: transparent;}
     background-color: transparent;}
#menubar:hover {
#menubar:hover {
-
     color: white;}
+
     color: gray;}
#menubar li a {
#menubar li a {
-
     color: transparent;}
+
     color: gray;}
#menubar:hover li a {
#menubar:hover li a {
     color: #CCC;}
     color: #CCC;}
Line 85: Line 154:
                 bottom:0;
                 bottom:0;
                 right: 0;
                 right: 0;
-
                position: absolute;
 
                 z-index: -1;   
                 z-index: -1;   
             }
             }
Line 98: Line 166:
                 margin:0 auto;
                 margin:0 auto;
             }
             }
-
            .months{
+
  /*          .months{
                 position:absolute;
                 position:absolute;
                 left:0.5%;
                 left:0.5%;
-
                 top:260px;
+
                 top:275px;
                 z-index:8;
                 z-index:8;
             }
             }
Line 107: Line 175:
                 position:absolute;
                 position:absolute;
                 left:0.5%;
                 left:0.5%;
-
                 top:410px;
+
                 top:425px;
                 width:37%;
                 width:37%;
             }
             }
             .weekly-tabs{
             .weekly-tabs{
                 position:absolute;
                 position:absolute;
-
                 top:320px;
+
                 top:335px;
                 left:39%;
                 left:39%;
                 width:61%;
                 width:61%;
Line 118: Line 186:
             #weekly{
             #weekly{
                 position:absolute;
                 position:absolute;
-
                 top:350px;
+
                 top:365px;
                 left:39%;
                 left:39%;
                 width:61%;
                 width:61%;
-
             }
+
             }*/
-
             #scrollContent{
+
             .scrollContent{
-
                height:850px;
+
                 overflow:hidden;
-
                 overflow:auto;
+
                 position:relative;
                 position:relative;
 +
                height:700px;
             }
             }
-
             #scrollContent2{
+
             .scrollContent2{
-
                 height:280px;
+
                 height:300px;
-
                 overflow:auto;
+
                 overflow:hidden;
                 position:relative;
                 position:relative;
                 top:15px;
                 top:15px;
-
                 width:63%;
+
                 width:90%;
 +
                left:20px;
 +
                right:20px;
             }
             }
             #methods{
             #methods{
Line 138: Line 208:
                 position:absolute;
                 position:absolute;
                 left:0.5%;
                 left:0.5%;
-
                 top:650px;
+
                 top:680px;
                 width:37%;
                 width:37%;
                 height:615px;
                 height:615px;
Line 145: Line 215:
             }
             }
-
  </style>
+
            .carousel .item{
 +
              background-color:#EEEEEE;
 +
            }
 +
            .carousel-caption{
 +
        color:#5A5A5A;
 +
        text-shadow:none;/*0 2px 2px rgba(0, 0, 0, 0.4);*/
 +
            }
 +
            .carousel-caption p {
 +
        font-size:10pt;
 +
        text-align:justify;
 +
        position:relative;
 +
        margin-right:1%;
 +
        }
 +
            .carousel-control{
 +
          color:#5A5A5A;
 +
                width:7%;
 +
            }
 +
            .carousel-control.left {
 +
background-image: none;
 +
    }
 +
    .carousel-control.right {
 +
background-image: none;
 +
    }
 +
            .carousel-control .icon-prev,
 +
            .carousel-control .icon-next,
 +
            .carousel-control .glyphicon-chevron-left,
 +
            .carousel-control .glyphicon-chevron-right{
 +
                left:10%;
 +
            }
 +
            .carousel-indicators li {
 +
        border: 1px solid #5A5A5A;
 +
            }
 +
      .carousel-indicators .active {
 +
        background-color: #5A5A5A;
 +
            }
 +
            .nav-tabs {
 +
                  border-bottom:#eeeeee ;
 +
            }
 +
            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 +
                        border-color:#eeeeee;
 +
            }
 +
            .sidebar-nav {
 +
    padding: 9px 0;
 +
}
 +
 
 +
.dropdown-menu .sub-menu {
 +
    left: 100%;
 +
    position: absolute;
 +
    top: 0;
 +
    visibility: hidden;
 +
    margin-top: -1px;
 +
}
 +
 
 +
.dropdown-menu li:hover .sub-menu {
 +
    visibility: visible;
 +
}
 +
 
 +
.dropdown:hover .dropdown-menu {
 +
    display: block;
 +
}
 +
 
 +
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
 +
    margin-top: 0;
 +
}
 +
 
 +
.navbar .sub-menu:before {
 +
    border-bottom: 7px solid transparent;
 +
    border-left: none;
 +
    border-right: 7px solid rgba(0, 0, 0, 0.2);
 +
    border-top: 7px solid transparent;
 +
    left: -7px;
 +
    top: 10px;
 +
}
 +
.navbar .sub-menu:after {
 +
    border-top: 6px solid transparent;
 +
    border-left: none;
 +
    border-right: 6px solid #fff;
 +
    border-bottom: 6px solid transparent;
 +
    left: 10px;
 +
    top: 11px;
 +
    left: -6px;
 +
}
 +
.labjournal-weekly {
 +
    margin-top:2.6%;
 +
    float:left;
 +
    width:100%;
 +
}
 +
table.wikitable {
 +
    font-size:0.7em;
 +
}
 +
#bodyContent a[href^="https://"], .link-https {
 +
    background: none;}
 +
</style>
 +
 
 +
  <!--customized scrollbar-->
 +
  <!--<link href="custom-scrollbar-plugin/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />-->
</html>
</html>

Latest revision as of 21:11, 28 October 2013

Retrieved from "http://2013.igem.org/Team:Heidelberg/Templates/basic-css"