Template:UBCiGEM2009 menu home

From 2009.igem.org

(Difference between revisions)
Line 89: Line 89:
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
-
#menu {
 
-
    width: 158px;
 
-
    margin: 20px 13px 0 7px;
 
-
    position: relative;
 
-
    float: left;
 
-
}
 
-
#menu ul {
 
-
    padding: 0;
 
-
    margin: 0 0 10px 0;
 
-
    list-style: none;
 
-
}
 
-
 
-
#menu li {
 
-
    margin:0;
 
-
}
 
-
 
-
#menu a {
 
-
    display: block;
 
-
    width: 150px;
 
-
    height: 19px;
 
-
    margin-top: 1px;
 
-
    background: url(http://www.pkts.ca/cc/4.jpg) no-repeat left top;
 
-
    padding: 2px 4px;
 
-
    text-decoration: none;
 
-
    color: #555;
 
-
}
 
-
 
-
#menu a:hover {
 
-
    display: block;
 
-
    width: 150px;
 
-
    height: 19px;
 
-
    margin-top: 1px;
 
-
    background: url(http://www.pkts.ca/cc/5.jpg) no-repeat left top;
 
-
    padding: 2px 4px;
 
-
    color: #fff;
 
-
}
 
-
 
-
#menu .selflink {
 
-
    display: block;
 
-
    width: 150px;
 
-
    height: 19px;
 
-
    margin-top: 1px;
 
-
    background: url(http://www.pkts.ca/cc/6.jpg) no-repeat left top;
 
-
    padding: 2px 4px;
 
-
    color: #fff;
 
-
}
 
-
 
-
#menu a.external {
 
-
    margin: 0;
 
-
    padding: 0;
 
-
    width: 156px;
 
-
}
 
-
 
-
.menu_header {
 
-
    width: 148px;
 
-
    border: 1px solid #bbb;
 
-
    background: url(http://www.pkts.ca/cc/7.jpg) repeat-x bottom;
 
-
    color: #111;
 
-
    padding: 2px 4px;
 
-
}
 
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* content area                                                              */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#ubc_content_wrapper {
 
-
    width: 593px;
 
-
    position: relative;
 
-
    float: left;
 
-
    margin-top: 20px;
 
-
}
 
-
 
-
#ubc_content_boxtop {
 
-
    width: 593px;
 
-
    height: 10px;
 
-
    background:url(http://www.pkts.ca/cc/8.jpg) no-repeat bottom left;
 
-
    position: relative;
 
-
    float: left;
 
-
}
 
-
 
-
#ubc_content_boxbottom {
 
-
    width: 593px;
 
-
    height: 10px;
 
-
    background:url(http://www.pkts.ca/cc/9.jpg) no-repeat top left;
 
-
    position: relative;
 
-
    float: left;
 
-
}
 
-
 
-
#ubc_content {
 
-
    width: 571px;
 
-
    padding: 10px;
 
-
    border-left: 1px solid #ccc;
 
-
    border-right: 1px solid #ccc;
 
-
    position: relative;
 
-
    float: left;
 
-
    font-size: 9pt;
 
-
    text-align: justify;
 
-
}
 
-
 
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* sidebar right                                                              */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
#sidebar {
 
-
    width: 172px;
 
-
    margin: 20px 7px 0 13px;
 
-
    position: relative;
 
-
    float: left;
 
-
    text-align: right;
 
-
}
 
-
 
-
#sidebar_extra {
 
-
    margin-top: 0px;
 
-
}
 
-
 
-
#sidebar ul {
 
-
    padding: 0;
 
-
    margin: 0;
 
-
    list-style: none;
 
-
}
 
-
 
-
#sidebar a, #sidebar .selflink {
 
-
    display: block;
 
-
    width: 162px;
 
-
    height: 40px;
 
-
    margin-bottom: 4px;
 
-
    padding: 4px !important;
 
-
    border: 1px solid #555;
 
-
    color: #fff;
 
-
    font-size: larger;
 
-
    text-decoration: none;
 
-
}
 
-
 
-
#sidebar a:hover {
 
-
    color: #fff;
 
-
}
 
-
 
-
#sidebar .selflink {
 
-
    border: 1px solid #00a7e7;
 
-
}
 
-
 
-
#sidebar .calendar .selflink, #sidebar .calendar a:hover {
 
-
    background-image: url(http://www.pkts.ca/cc/10.jpg);
 
-
}
 
-
#sidebar .calendar a {
 
-
    background-image: url(http://www.pkts.ca/cc/11.jpg);
 
-
}
 
-
#sidebar .parts .selflink, #sidebar .parts a:hover {
 
-
    background-image: url(http://www.pkts.ca/cc/12.jpg);
 
-
}
 
-
#sidebar .parts a {
 
-
    background-image: url(http://www.pkts.ca/cc/13.jpg);
 
-
}
 
-
#sidebar .notebook .selflink, #sidebar .notebook a:hover {
 
-
    background-image: url(http://www.pkts.ca/cc/14.jpg);
 
-
}
 
-
#sidebar .notebook a {
 
-
    background-image: url(http://www.pkts.ca/cc/15.jpg);
 
-
}
 
-
#sidebar .notebook_modeling .selflink, #sidebar .notebook_modeling a:hover {
 
-
    background-image: url(http://www.pkts.ca/cc/16.jpg);
 
-
}
 
-
#sidebar .notebook_modeling a {
 
-
    background-image: url(http://www.pkts.ca/cc/17.jpg);
 
-
}
 
-
#sidebar .team .selflink, #sidebar .team a:hover {
 
-
    background-image: url(http://www.pkts.ca/cc/18.jpg);
 
-
}
 
-
#sidebar .team a {
 
-
    background-image: url(http://www.pkts.ca/cc/19.jpg);
 
-
}
 
-
#sidebar .photos .selflink, #sidebar .photos a:hover {
 
-
    background-image: url(http://www.pkts.ca/cc/20.jpg);
 
-
}
 
-
#sidebar .photos a {
 
-
    background-image: url(http://www.pkts.ca/cc/21.jpg);
 
-
}
 
-
 
-
#sidebar_extra ul {
 
-
    padding: 0;
 
-
    margin: 0;
 
-
    list-style: none;
 
-
    border: 1px solid #bbb;
 
-
    border-top: 0;
 
-
   
 
-
}
 
-
 
-
#sidebar_extra a {
 
-
    display: block;
 
-
    width: 162px;
 
-
    padding: 0 4px !important;
 
-
    text-decoration: none;
 
-
    margin: 0;
 
-
    border: 0;
 
-
}
 
-
 
-
#sidebar_extra li {
 
-
    margin: 0;
 
-
}
 
-
 
-
#sidebar_extra li#counter {
 
-
    border-bottom: 0;
 
-
}
 
-
 
-
#sidebar_extra .header  {
 
-
    width: 162px;
 
-
    border: 1px solid #bbb;
 
-
    background: url(http://www.pkts.ca/cc/22.jpg) repeat-x bottom;
 
-
    color: #111;
 
-
    padding: 2px 4px;
 
-
    margin-top: 10px;
 
-
    text-align: left;
 
-
}
 
-
 
-
#sidebar_extra #kluyver a {
 
-
    background: url(http://www.pkts.ca/cc/23.jpg) no-repeat center !important;
 
-
    height: 55px;
 
-
}
 
-
 
-
#sidebar_extra #dsm a {
 
-
    background: url(http://www.pkts.ca/cc/24.jpg) no-repeat center !important;
 
-
    height: 55px;
 
-
}
 
-
 
-
#sidebar_extra #bionano a {
 
-
    background: url(http://www.pkts.ca/cc/25.jpg) no-repeat center !important;
 
-
    height: 55px;
 
-
}
 
-
 
-
#sidebar_extra #biotech a {
 
-
    background: url(http://www.pkts.ca/cc/26.jpg) no-repeat center !important;
 
-
    height: 55px;
 
-
}
 
-
 
-
#sidebar_extra #counter a {
 
-
    background: url(http://www.pkts.ca/cc/27.jpg) no-repeat center bottom;
 
-
    height: 27px;
 
-
}
 
-
 
-
#sidebar_extra #visitors a {
 
-
    background: url(http://www.pkts.ca/cc/28.jpg) no-repeat center !important;
 
-
    height: 120px;
 
-
}
 
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* references                                                            */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
ol.references {
 
-
    text-align: left;
 
-
    font-size: smaller;
 
-
}
 
-
 
-
ul.references {
 
-
    text-align: left;
 
-
    font-size: smaller;
 
-
}
 
-
 
-
/* highlight the reference to which is navigated internal */
 
-
ol.references > li:target  {
 
-
    background-color: #def;
 
-
}
 
-
 
-
/*----------------------------------------------------------------------------*/
 
-
/* core stuff                                                                */
 
-
/*----------------------------------------------------------------------------*/
 
-
 
-
/*reset*/
 
-
p {
 
-
    margin:0;
 
-
}
 
-
 
-
.editsection {
 
-
    font-size: 75%;
 
-
    font-weight: normal;
 
-
}
 
-
 
-
body {
 
-
    font-family: Tahoma,Helvetica,Arial,Verdana,sans-serif;
 
-
    line-height: 1.5;
 
-
    color: #222;
 
-
}
 
-
 
-
/* hide table of contents */
 
-
#toc {
 
-
    display: none;
 
-
}
 
-
 
-
h1 {
 
-
    font-size: 160%;
 
-
}
 
-
 
-
/* put more month on one row in lab notebook */
 
-
.month {
 
-
    position: relative;
 
-
    float: left;
 
-
    margin: 7px 7px 27px 7px;
 
-
}
 
-
 
-
/* add margin beneath a paragraph */
 
-
p {
 
-
    margin-bottom: 10px;
 
-
}
 
-
 
-
/* colors lab notebook */
 
-
.day-empty {
 
-
    color: red;
 
-
}
 
-
.day-active {
 
-
    color: green;
 
-
}
 
-
.today {
 
-
    background-color: #ccc;
 
-
}
 
-
/* link color */
 
-
a, a:visited {
 
-
    color: #27809f;
 
-
}
 
-
a:hover {
 
-
    color: #00a7e7;
 
-
    text-decoration: none;
 
-
}
 
-
ul {
 
-
    margin-bottom: 5px;
 
-
}
 
-
 
-
#element {
 
-
    overflow: hidden;
 
-
}
 
-
.gallery {
 
-
    margin: 10px 2px !important;
 
-
}
 
-
.gallerytext {
 
-
    text-align: left;
 
-
}
 
-
.footnote {
 
-
    text-align: left;
 
-
    font-size: smaller;
 
-
}
 
</style>
</style>
</html>
</html>

Revision as of 23:32, 17 October 2009