Template:Template

From 2014.igem.org

(Difference between revisions)
 
(160 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
 +
<style type="text/css">
<style type="text/css">
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
+
      /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */
 +
 
 +
      #menu {
 +
width: 800px;
 +
        margin: -200px auto 0 auto;
 +
        background-position: center;
 +
        font-size: 17px;
 +
        font-family: PTSans;
 +
        text-align: center !important;
 +
        position: relative;
 +
        z-index: 9999;
 +
      }
 +
 
 +
      /* wygląd głównego elementu - ol */
 +
      #menu ol {
 +
        margin: 0;
 +
        padding: 0;
 +
        font-size: 17px;
 +
        font-family: PTSans;
 +
        text-align:center;
 +
      }
 +
 
 +
      /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
 +
      #menu ol a {
 +
        display: block;
 +
        color: #FFFFFF !important;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
        padding: 0 5px;
 +
      }
 +
 
 +
      /* wygląd elementów - li - wszystkich dzieci elementu - ol */
 +
      #menu ol > li {
 +
        float:left;
 +
padding: 10px 30px;
 +
        width: 100px;
 +
margin-top: 100px;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
        border-top: 2px solid #F0A30A;
 +
      }
 +
      /* wygląd elementu - li - pierwszego dziecka elementu - ol */
 +
      #menu ol > li:first-child {
 +
        margin-left:0;
 +
      }
 +
 
 +
      /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
 +
      #menu ol > li:hover {
 +
        color: #F0A30A;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
      }
 +
 
 +
      /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
 +
      #menu ol > li:hover > a {
 +
        color: #F0A30A !important;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
      }
 +
 
 +
      /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
 +
      #menu ol > li:hover > ul {
 +
        display:block;
 +
      }
 +
 
 +
      /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */
 +
 
 +
      /* wygląd głównych rozwijanych elementów - ul */
 +
      #menu ol > li > ul {
 +
        display:none;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
        padding:0;
 +
        margin:0;
 +
      }
 +
 
 +
      /* wygląd elementu - li - w części rozwijanej */
 +
      #menu ol > li > ul > li {
 +
        position: relative;
 +
        text-decoration: none !important;
 +
        list-style-type: none !important;
 +
        list-style-image: none !important;
 +
      }
 +
 
 +
      /* wygląd elementu - a - w części rozwijanej */
 +
      #menu ol > li > ul > li > a {
 +
        text-decoration: none !important;
 +
        list-style-type: none !important;
 +
      }
 +
 
 +
      /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
 +
      #menu ol > li > ul > li:hover {
 +
      }
 +
 
 +
      /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
 +
      #menu ol > li > ul > li:hover > a {
 +
        color: #F0A30A !important;
 +
        list-style-type: none !important;
 +
        text-decoration: none !important;
 +
      }
 +
 
 +
 
 +
 
 +
.descCont {
 +
        margin: 250px auto !important;
 +
        font-family: PTSans;
 +
        color: #FFFFFF;
 +
        font-size: 20px;
 +
        text-align: center;
 +
}
 +
 
 +
.downloadButton {
 +
  width: 150px;
 +
  border-radius: 20px 20px 20px 20px;
 +
  border: 0px !important;
 +
  font-family: PTSans;
 +
  color: #ffffff !important;
 +
  font-size: 30px;
 +
  background: #f1a41e;
 +
  padding: 10px 10px 10px 15px;
 +
  text-decoration: none;
 +
}
 +
 
 +
.downloadButton:hover {
 +
  background: #f1a41e;
 +
  background-image: -webkit-linear-gradient(top, #f1a41e, #000000);
 +
  background-image: -moz-linear-gradient(top, #f1a41e, #000000);
 +
  background-image: -ms-linear-gradient(top, #f1a41e, #000000);
 +
  background-image: -o-linear-gradient(top, #f1a41e, #000000);
 +
  background-image: linear-gradient(to bottom, #f1a41e, #000000);
 +
  text-decoration: none;
 +
}
.firstHeading {
.firstHeading {
-
width: 975px;  
+
width: 100%;  
margin: 0px auto;
margin: 0px auto;
padding-top: 100px;
padding-top: 100px;
Line 16: Line 148:
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
        margin: 0px auto;
background-color: #383838;
background-color: #383838;
border: 0 none;
border: 0 none;
Line 22: Line 155:
top: 0;
top: 0;
position: fixed;
position: fixed;
-
width: 975px;
+
width: 100%;  
-
left: 50%;
+
-
margin-left: -487px;
+
}
}
Line 62: Line 193:
}
}
-
#contentcontainer { /*-- creates container for all content on page --*/
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-weight: normal;
 
-
font-size: 14px;
 
-
color: #414141;
 
-
width: 960px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
background-color: #transparent;
 
-
margin-top: 0px;
 
-
}
 
-
 
-
.sidemenu, .sidemenu li {
 
-
list-style-type: none;
 
-
list-style-image: none;
 
-
font-family: verdana;
 
-
text-decoration: none;
 
-
color:#000;
 
-
font-size: 14px;
 
-
}
 
-
 
-
.sidemenu li {display: block;}
 
-
 
-
.sidemenu a {
 
-
text-decoration:none;
 
-
color: #000;
 
-
display: block;
 
-
width: 180px;
 
-
height: 100%;
 
-
padding: 3px 5px;
 
-
transition: .25s ease-in-out;
 
-
-moz-transition: .25s ease-in-out;
 
-
-webkit-transition: .25s ease-in-out;
 
-
}
 
-
 
-
.sidemenu a.greyout { color: #909090; }
 
-
 
-
.sidemenu a:hover {
 
-
color:#666;
 
-
background-color: #d9f5aa;
 
-
}
 
-
 
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 
-
.sub-sidemenu a {color: #666;}
 
-
 
-
div.underconst
 
-
{
 
-
padding:10px;
 
-
border-radius:5px;
 
-
background-color:pink;
 
-
text-align:center;
 
-
}
 
-
 
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 
-
 
-
.contentpara {margin-bottom: 30px;}
 
-
 
-
span.email{font-family: monospace; font-weight: normal;}
 
-
 
-
fieldset {border: 1px solid #337f53;}
 
-
 
-
.greyout {color: #A0A0A0;}
 
-
.highlightme {background-color: #FFFF00;}
 
-
 
-
#alertContainer { margin-bottom: 10px; width: 936px;}
 
-
#annContainer {margin-left: 8px;}
 
-
#newsContainer {border: 1px solid #ccc;}
 
-
 
-
.newsTitle {
 
-
display: block;
 
-
color: #414141;
 
-
font-size: 25px; 
 
-
        font-family: Georgia, Times, "Times New Roman", serif;
 
-
padding: 10px 15px 5px 10px;
 
-
border-bottom: 1px solid #ccc;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem {
 
-
border-bottom: 1px solid #ccc;
 
-
display: block;
 
-
padding: 5px 15px 0px 10px;
 
-
margin-bottom: 0px;
 
-
}
 
-
 
-
.newsItem h3 {
 
-
width: auto;
 
-
display: inline;
 
-
font-size: 14px;
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
padding: 0px;
 
-
margin: 0px;
 
-
}
 
-
 
-
.newsItem img {
 
-
float: right;
 
-
clear: right;
 
-
width: 80px;
 
-
padding-left: 15px;
 
-
display: inline-block;
 
-
}
 
-
 
-
.newsItem .newsDate {
 
-
font-style: italic;
 
-
font-size: 14px;
 
-
display: inline-block;
 
-
color: #999;
 
-
float: right;
 
-
padding: 0px 0px 10px 15px;
 
-
}
 
-
 
-
.newsItem p, .newsItem ul, .newsItem li {
 
-
padding: 0px;
 
-
margin-left: 20px;
 
-
font-size: 12px;
 
-
line-height: 1.2;
 
-
}
 
-
 
-
.newsItem p {margin-top: 10px;}
 
-
 
-
.annItem {
 
-
border: 2px solid #414141;
 
-
display: block;
 
-
padding: 0px 15px 10px 10px;
 
-
margin-bottom: 18px;
 
-
position: relative;
 
-
height: 160px;
 
-
vertical-align: middle;
 
-
}
 
-
 
-
.annItem .annCentered {
 
-
display: table-cell;
 
-
vertical-align: middle;
 
-
height: 160px;
 
-
}
 
-
 
-
.annCentered h3 {
 
-
padding: 0px;
 
-
display: block;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
text-align: center;
 
-
}
 
-
 
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 
-
.annItem li {list-style: none; margin: 5px}
 
-
 
-
 
-
 
-
</style>
 
</style>
</style>
</html>
</html>

Latest revision as of 01:55, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Template"