Difference between revisions of "Team:Vilnius-Lithuania/Vilnius15 wiki.css"

Line 11: Line 11:
 
div#p-logo,
 
div#p-logo,
 
div#search-controls {
 
div#search-controls {
     display: none !important;
+
     display: none;
 
}
 
}
  
Line 76: Line 76:
 
     height: 60px;
 
     height: 60px;
 
     padding: 5px 0 17px;
 
     padding: 5px 0 17px;
    border: 0 solid red;
 
 
}
 
}
  
Line 130: Line 129:
 
     top: 60px;
 
     top: 60px;
 
     width: 135px;
 
     width: 135px;
     border-right: solid 1px #411c03;
+
     border-right: solid 1px black;
     border-left: solid 1px #411c03;
+
     border-left: solid 1px black;
    background: #7cac2c;
+
 
}
 
}
  
Line 139: Line 137:
 
div#menu > ul > li > ul > li {
 
div#menu > ul > li > ul > li {
 
     padding: 0 10px;
 
     padding: 0 10px;
     border-bottom: solid 1px #411c03;
+
     border-bottom: solid 1px black;
 
     text-align: left;
 
     text-align: left;
 
     font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;
 
     font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;
Line 169: Line 167:
  
 
/* End menu style ======================================================= */
 
/* End menu style ======================================================= */
 
/* Fix AutoAnnotator */
 
 
div#wikicontent table#AutoAnnotator,
 
div#wikicontent table#AutoAnnotator table {
 
    margin-bottom: 0;
 
    border: 1px solid #000000;
 
    font-size: 12px;
 
    line-height: 18px;
 
    background: #ffffff;
 
}
 
 
div#wikicontent table#AutoAnnotator td,
 
div#wikicontent table#AutoAnnotator th {
 
    padding: 1px;
 
    border: 1px solid #000000;
 
}
 
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder {
 
    border: none;
 
}
 
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder td,
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorNoBorder th {
 
    border: none;
 
}
 
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder {
 
    border: 1px solid #000000;
 
}
 
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder td,
 
div#wikicontent table#AutoAnnotator table.AutoAnnotatorWithBorder th {
 
    border: 1px solid #000000;
 
}
 
 
div#wikicontent table#AutoAnnotator th {
 
    background: rgb(221,221,221);
 
}
 
 
div#wikicontent div#autoannotator-computing {
 
    text-align: center;
 
}
 
 
/* Fix parts table */
 
 
div#groupparts {
 
    width: 920px !important;
 
}
 
 
div#groupparts td {
 
    background: #ded6ca;
 
}
 
 
/* End content style =================================================== */
 
 
/* Start footer style =================================================== */
 
 
/* Makes the footer stick to the bottom */
 
 
html,
 
body {
 
    height: 100%;
 
}
 
 
body > div#globalWrapper {
 
    position: relative;
 
    height: auto;
 
    margin: 0 auto -156px;
 
    min-height: 100%;
 
}
 
 
div#globalWrapper > div.visualClear {
 
    height: 156px;
 
}
 
 
div#footer-box {
 
    position: absolute;
 
    bottom: 0;
 
    width: 100%;
 
    height: 141px;
 
    padding: 5px 0 10px;
 
    font-size: 12px;
 
    font-weight: normal;
 
    line-height: 18px;
 
    color: #d4c6b6;
 
    background: url('https://static.igem.org/mediawiki/2013/c/c3/TUM13_footer-bg.png') repeat-x 50% 0;
 
}
 
 
div#social-footer {
 
    width: 940px;
 
    height: 95px;
 
    margin: 0 auto;
 
    padding: 0 10px 10px;
 
}
 
 
div#social-footer div#annotator,
 
div#social-footer div#address,
 
div#social-footer div#follow {
 
    float: left;
 
    width: 293px;
 
    height: 95px;
 
    margin: 0 10px;
 
}
 
 
div#social-footer h2 {
 
    margin: 0;
 
    text-align: center;
 
}
 
 
div#social-footer div#annotator {
 
    text-align: center;
 
}
 
 
div#social-footer div#annotator input {
 
    padding: 2px 5px;
 
    font-size: 12px;
 
}
 
 
div#social-footer div#annotator input[type="text"] {
 
    width: 275px;
 
    margin: 0 0 5px;
 
    border: 1px solid #502204;
 
    background: #d4c6b6;
 
}
 
 
div#social-footer div#address p {
 
    float: left;
 
    width: 50%;
 
    margin: 0;
 
}
 
 
div#social-footer div#follow a {
 
    display: block;
 
    float: left;
 
    width: 32px;
 
    height: 32px;
 
    margin: 9px;
 
}
 
 
div#social-footer div#follow div {
 
    margin: 3px 21px 0;
 
}
 
 
div#social-footer div#follow a#adress {
 
    background: url('https://static.igem.org/mediawiki/2013/4/4b/TUM13_address-icon.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#adress:hover {
 
    background: url('https://static.igem.org/mediawiki/2013/0/05/TUM13_address-highlight.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#mail {
 
    background: url('https://static.igem.org/mediawiki/2013/d/d8/TUM13_contact-icon.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#mail:hover {
 
    background: url('https://static.igem.org/mediawiki/2013/c/c7/TUM13_contact-icon-highlight.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#facebook {
 
    background: url('https://static.igem.org/mediawiki/2013/c/cb/TUM13_facebook-icon.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#facebook:hover {
 
    background: url('https://static.igem.org/mediawiki/2013/9/9f/TUM13_facebook-icon-highlight.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#twitter {
 
    background: url('https://static.igem.org/mediawiki/2013/3/34/TUM13_twitter-icon.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#twitter:hover {
 
    background: url('https://static.igem.org/mediawiki/2013/2/22/TUM13_twitter-icon-highlight.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#youtube {
 
    background: url('https://static.igem.org/mediawiki/2013/4/49/TUM13_youtube-icon.png') no-repeat 50% 50%;
 
}
 
 
div#social-footer div#follow a#youtube:hover {
 
    background: url('https://static.igem.org/mediawiki/2013/a/a1/TUM13_youtube-icon-highlight.png') no-repeat 50% 50%;
 
}
 
 
div#footer {
 
    width: 920px;
 
    margin: 0 auto;
 
    padding: 0 20px;
 
    text-align: center;
 
}
 
 
div#footer ul {
 
    margin: 0;
 
    padding: 0;
 
}
 
 
div#footer li {
 
    display: inline;
 
    padding: 0 5px;
 
}
 
 
div#footer li#t-recentchangeslinked {
 
    display: none;
 
}
 
 
div#footer-box a {
 
    color: inherit;
 
}
 
 
div#footer-box a:hover {
 
    text-decoration: underline;
 
}
 
 
div#footer div#f-poweredbyico {
 
    float: right;
 
    margin-top: 3px;
 
}
 
 
div#footer div#f-copyrightico {
 
    float: left;
 
    margin-top: 3px;
 
}
 
 
/* End footer style ===================================================== */
 

Revision as of 16:34, 11 July 2015

html body {

   font-family: Helvetica,Arial,Verdana,sans-serif;
   color: #000000;
   background: #ded6ca url('https://static.igem.org/mediawiki/2013/a/a3/TUM13_paper-bg.png') repeat;

}

/* Start top-section style ============================================== */

/* Remove logo and search */

div#p-logo, div#search-controls {

   display: none;

}

/* Center wiki-menu; set font & bg (as fallback) color */

div#top-section {

   width: 930px;
   height: 20px;
   margin: 0 auto;
   color: #d4c6b6;
   background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0;

}

/* Set font and positions */

div#menubar {

   font-size: 13px;
   font-weight: bold;
   line-height: 20px;

}

div#menubar.right-menu {

   float: right;

}

div#menubar.left-menu {

   float: left;

}

/* Fix text */

div#menubar.left-menu a, div#menubar.left-menu li {

   text-transform: capitalize;

}

div#menubar li {

   display: inline;
   padding: 0 5px;

}

/* White on hover */

div#menubar a:hover {

   text-decoration: none;
   color: #FFFFFF;

}

/* End top-section style ================================================ */

/* Start header style =================================================== */

/* Hide page title (it would appear before the header) */

h1.firstHeading {

   display: none;

}

/* Start menu style ===================================================== */

/* Menu-bg and spacing*/

div#menu {

   height: 60px;
   padding: 5px 0 17px;

}

div#menu ul {

   margin: 0;
   padding: 0;
   list-style: none;

}

/* Position menu and set font color */

div#menu > ul {

   width: 960px;
   height: 60px;
   margin: 0 auto;
   color: #411c03;

}

/* Position menu elements and set font */

div#menu > ul > li {

   float: left;
   position: relative;
   width: 137px;
   height: 44px;
   padding: 8px 0 8px;
   text-align: center;

}

div#menu > ul > li > a {

   display: block;
   width: 137px;
   height: 44px;
   color: inherit;

}

/* Hover effect */

div#menu > ul > li > a:hover {

   background-color: #F9F9F9;

}

div#menu > ul > li > a:hover {

   text-decoration: none;

}

/* Style and hide submenu */

div#menu > ul > li > ul {

   display: none;
   z-index: 9998;
   position: absolute;
   top: 60px;
   width: 135px;
   border-right: solid 1px black;
   border-left: solid 1px black;

}

/* Style submenu elements */

div#menu > ul > li > ul > li {

   padding: 0 10px;
   border-bottom: solid 1px black;
   text-align: left;
   font: bold 13px/20px Helvetica,Arial,Verdana,sans-serif;
   background-color: #F9F9F9;

}

div#menu > ul > li > ul > li > a {

   display: block;
   width: 115px;
   padding: 5px 0;
   color: inherit;

}

/* Hover effect */

div#menu > ul > li > ul > li:hover {

   background-color: #F9F9F9;

}

div#menu > ul > li > ul > li > a:hover {

   text-decoration: none;

}

/* Show submenu on hover */

div#menu > ul > li:hover > ul {

   display: block;

}

/* End menu style ======================================================= */