Template:Team:HokkaidoU Japan/stylesheets/wikireset.css

From 2012.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
<!-- vim: set ft=html: -->
<!-- vim: set ft=html: -->
<html><style>
<html><style>
-
/*
+
  /* wiki reset */
-
* Reset iGEM Wiki CSS. Use this with Template:Team:HokkaidoU_Japan/css/reset.css
+
  #top-section {
-
*/
+
-
#top-section{
+
     position: relative;
     position: relative;
     width: 100%;
     width: 100%;
     height: 0;
     height: 0;
     border: none;
     border: none;
-
}
+
     color: transparent;
-
#top-section #menubar.left-menu{
+
     font-size: 11px;
-
     position: fixed;
+
     background-color: transparent;
-
     top: 0; left: 8px;
+
  }
-
     padding-top: 3px;
+
-
    width: 200px;
+
-
}
+
-
.left-menu, .right-menu{
+
  #top-section a:hover {
-
     background-color: transparent !important;
+
    color: #333333;
 +
  }
 +
 
 +
  #top-section .left-menu {
 +
     position: absolute;
 +
    top: 0; left: 0;
 +
    margin: 0;
 +
    width: 180px;
 +
    overflow-x: hidden;
 +
    padding: 0;
     color: transparent !important;
     color: transparent !important;
-
}
+
    background-color: transparent;
-
.left-menu, .right-menu li,
+
  }
-
.left-menu, .right-menu li a{
+
 
-
    background-color: transparent !important;
+
  #top-section .left-menu li:hover { text-decoration: none; }
-
    color: transparent !important;
+
 
-
}
+
  #top-section .left-menu:hover { color: transparent !important; }
-
.left-menu, .right-menu ul:hover{
+
  #top-section .left-menu:hover li { color: transparent !important; }
-
    color: #999 !important;
+
  #top-section .left-menu:hover li a { color: transparent !important; }
-
}
+
  #top-section .left-menu:hover li a:hover { color: #333333 !important; }
-
.left-menu, .right-menu ul li a:hover{
+
 
-
    color: #fff !important;
+
  #top-section .right-menu {
-
}
+
    position: absolute;
-
#top-section #menubar ul{
+
    top: 0; right: 0;
     margin: 0;
     margin: 0;
-
     padding: 0;
+
     padding: 0;
-
     height; 10px;
+
     color: transparent;
-
}
+
    background-color: transparent;
-
#top-section #menubar ul li:last-child{
+
  }
-
    display: none;
+
-
}
+
-
#top-section #menubar.right-menu{
+
  #top-section .right-menu li a { background-color: transparent; }
-
    position: fixed;
+
  #top-section .right-menu li a:hover {
-
    top: 0; right: 3px;
+
     color: #333333;
-
    padding-top 3px;
+
    text-decoration: none;
-
}
+
  }
-
#top-section #menubar.right-menu{
+
-
     width: 200px;
+
-
}
+
-
.editsection,
+
  #content {
-
#top-section #p-logo,
+
     background-color: transparent;
-
#top-section #search-controls,
+
    border: none;
-
#content h1.firstHeading,
+
     width: 100%;
-
#content #bodyContent #contentSub,
+
-
#content #bodyContent p,    /* holly crap, they have p element for script tag and no id and no class... */
+
-
#catlinks{
+
-
     display: none;
+
-
}
+
-
#globalWrapper,
+
-
#globalWrapper #content{
+
-
     background: none;
+
     margin: 0;
     margin: 0;
     padding: 0;
     padding: 0;
 +
    color: #333333 !important;
 +
  }
 +
 +
  #footer-box {
 +
    background-color: transparent;
     border: none;
     border: none;
-
    width: auto;
+
  }
-
}
+
-
#footer-box {
+
  #top-section #p-logo,
-
border-top: 1px solid #E4E4E4;
+
  #top-section .left-menu li:last-child,
-
border-right: 0px;
+
  #top-section #search-controls,
-
border-bottom: 0px;
+
  #content h1.firstHeading,
-
border-left: 0px;
+
  #content #bodyContent #contentSub,
-
font-size: 14px;
+
  #content #bodyContent > p,
-
color: #eee;
+
  #catlinks { display: none; }
-
}
+
-
/* because I hide p element in #bodyContent */
+
  .editsection {
-
#content #bodyContent div p{
+
    font-size: 0;
-
     display: block;
+
    font-weight: normal;
-
}
+
    color: transparent;
 +
  }
 +
 
 +
  .editsection a {
 +
    font-size: 11px;
 +
    color: #ffffff;
 +
  }
 +
 
 +
  #toc {
 +
     display: none;
 +
  }
 +
 
 +
  .thumb {
 +
    border: none !important;
 +
    margin: 0 !important;
 +
    padding:  !important;
 +
    background-color: transparent !important;
 +
  }
 +
 
 +
  .tright {
 +
    border: none !important;
 +
    margin: 0 !important;
 +
    padding: 5px 0 0 15px !important;
 +
    background-color: transparent !important;
 +
  }
 +
 
 +
  .tleft {
 +
    border: none !important;
 +
    margin: 0 !important;
 +
    padding: 5px 15px 0 0 !important;
 +
    background-color: transparent !important;
 +
  }   
 +
 
 +
  .thumbinner {
 +
    border: none !important;
 +
    padding: 0 !important;
 +
    background-color: transparent !important;
 +
    color: #555555;
 +
  }
</style></html>
</style></html>

Latest revision as of 01:08, 27 September 2012