"

From 2014.igem.org

---

Revision as of 13:44, 3 October 2014

/* General */

body {

 font-family: "Calibri", sans-serif;

}

a:hover, a:visited, a:link, a:active {

 color: red;
 text-decoration: underline;

}

/* Navigation Link Bar */

div.navLR {

 position: relative;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 12px;
 margin-top: 12px;

}

div.navLR::after {

 content: " ";
 display: table;
 clear: both;

}

a.navLinkLeft {

 float: left;
 text-decoration: none;
 font-family: "Khmer UI", sans-serif;
 color: rgb(192,0,0);
 text-shadow: 1px 1px 5px #000000;
 font-size: 24px;  
 margin: 12px;
 background: url("") left center no-repeat;
 background-size: auto 100%;
 padding-left: 40px;

}

a.navLinkRight {

 float: right;
 text-decoration: none;
 font-family: "Khmer UI", sans-serif;
 color: rgb(192,0,0);
 text-shadow: 1px 1px 5px #000000;
 font-size: 24px;  
 margin: 12px;
 background: url("") right center no-repeat;
 background-size: auto 100%;
 padding-right: 40px;

}

/* Headings */

h1, h2, h3, h4, h5, h6 {

 font-family: "Khmer UI", sans-serif !important;

}

h1 {

 color: rgb(192,0,0) !important;
 border-bottom: solid rgb(192,0,0) 4px !important;
 text-shadow: 1px 1px 5px #000000 !important;
 font-size: 36px !important;
 padding-bottom: 12px !important;
 margin-top: 12px !important; 
 margin: 18px !important;

}

h2 {

 color: rgb(192,0,0) !important;
 text-shadow: 1px 1px 5px #000000 !important;
 font-size: 24px !important;  
 margin: 12px !important;

}

h3 {

 color: rgb(192,0,0) !important;
 font-size: 18px !important;  
 margin: 9px !important;

}

h4 {

 color: rgb(192,0,0);
 font-size: 14px;  

}

h5 {

 color: rgb(192,0,0);
 font-size: 14px;  

}

h6 {

 color: rgb(192,0,0);
 font-size: 14px;  

}

/* Main content of pages */

div.asoContent {

 position: relative;
 margin-right: auto;
 margin-left: auto;
 margin-top: 12px;
 margin-bottom: 12px;
 width: 80%;

}

/* Red bordered*/

div.highlight {

 border: solid rgb(192,80,80) 3px;
 border-radius: 20px;
 padding: 20px;

}

div.withImage {

 width: 428px;
 float: right;
 border: solid rgb(192,80,80) 6px;
 border-radius: 10px;
 padding: 8px;
 margin: 14px;

}

div.withImage img {

 width: 400px;
 height: auto;
 margin-bottom: 4px;
 margin-right: auto;
 margin-left: auto;

}

/* Three columns */

.col-header {

 color: rgb(192,0,0);
 font-size: 24px;

} .three-col {

 position: relative;
 width: 100%;
 padding: 40px;

} .three-col .col1 {

 float: left;
 width: 33%;
 padding: 24px;
 background: #fff;

}

.three-col .col2 {

 width: 34%;
 margin-right: 33%;
 margin-left: 33%;
 padding: 24px;
 background: #fff;
 border-style: solid;
 border-width: 4px;
 -moz-border-image: url() 7 8 8 repeat stretch;
 -webkit-border-image: url() 7 8 8 repeat stretch;
 -o-border-image: url() 7 8 8 repeat stretch;
 border-image: url() 7 8 8 fill repeat stretch;
 border-top: 0;
 border-bottom: 0;

}

.three-col .col3 {

 float: right;
 width: 33%;
 padding: 24px;
 background: #fff;

}

/*BX Slider*/

.bxslider span {

    cursor: pointer;

}

.bx-wrapper {

    margin-bottom: 10px;
    margin-top: 50px;

}

.bx-wrapper .bx-viewport {

 left: 0;

}

/*Right menu*/

1. rightmenu

{

 list-style: none;
 float: right;
 width: 20%;
 margin-right: 12%;
 display: inline-block;
 min-width: 200px;
 margin-top: 50px;

}

1. rightmenu li {

 list-style: none;
 margin: 0;
 padding: 0;
 background: rgb(211,0,0);
 line-height: 50px;

 border-style: solid;

border-width: 0px 0px 3px; -moz-border-image: url() 3 26 3 27 stretch repeat; -webkit-border-image: url() 3 26 3 27 stretch repeat; -o-border-image: url() 3 26 3 27 stretch repeat; border-image: url() 3 26 3 27 stretch repeat; }

1. rightmenu li:last-child {

 border-bottom: 0;

}

1. rightmenu a {

 font-family: "Khmer UI", sans-serif;
 color: #ffffff;
 display: block;
 text-align: center;
 text-decoration: none;
 margin: 0;
 padding-top: 0px;
 height: 50px;
 background: rgb(211,0,0);

}

1. rightmenu a:hover {

 background: rgb(160,40,40);

}