Difference between revisions of "Template:Elanvitalkorea"

(Created page with "<span style="color:red"> It is red </span>")
 
Line 1: Line 1:
−
<span style="color:red"> It is red </span>
+
<html>
 +
 
 +
<!-- Start of CSS-->
 +
<style type="text/css">
 +
 
 +
/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
#mainContainer { 
 +
width: 100%
 +
overflow: hidden;
 +
float:left;
 +
margin-left: 20px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
/*Change the styling of tables */
 +
        #contentContainer table {
 +
    border: 1px solid #0e232f;
 +
    border-collapse: collapse;
 +
    width: 90%
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
 +
 
 +
/*Change the styling of table cells*/
 +
    #contentContainer  td {
 +
    padding: 10px;
 +
    border: 1px solid #0e232f;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    background-color: #EEEDEA;
 +
    }
 +
 
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    padding: 10px;
 +
    border: 1px solid #0e232f;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    background-color: #e8d5b7;
 +
    }
 +
 
 +
 
 +
 
 +
#cssmenu {
 +
  padding: 0;
 +
  margin: 0;
 +
  border: 0;
 +
  width: auto;
 +
}
 +
#cssmenu ul,
 +
#cssmenu li {
 +
  list-style: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#cssmenu ul {
 +
  position: relative;
 +
  z-index: 597;
 +
}
 +
#cssmenu ul li {
 +
  float: left;
 +
  min-height: 1px;
 +
  vertical-align: middle;
 +
}
 +
#cssmenu ul li.hover,
 +
#cssmenu ul li:hover {
 +
  position: relative;
 +
  z-index: 599;
 +
  cursor: default;
 +
}
 +
#cssmenu ul ul {
 +
  visibility: hidden;
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 598;
 +
  width: 100%;
 +
}
 +
#cssmenu ul ul li {
 +
  float: none;
 +
}
 +
#cssmenu ul ul ul {
 +
  top: 0;
 +
  left: 190px;
 +
  width: 190px;
 +
}
 +
#cssmenu ul li:hover > ul {
 +
  visibility: visible;
 +
}
 +
#cssmenu ul ul {
 +
  bottom: 0;
 +
  left: 0;
 +
}
 +
#cssmenu ul ul {
 +
  margin-top: 0;
 +
}
 +
#cssmenu ul ul li {
 +
  font-weight: normal;
 +
}
 +
#cssmenu a {
 +
  display: block;
 +
  line-height: 1em;
 +
  text-decoration: none;
 +
}
 +
/* Custom CSS Styles */
 +
#cssmenu {
 +
  background: #333333;
 +
  border-bottom: 4px solid #1b9bff;
 +
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
 +
  font-size: 12px;
 +
}
 +
#cssmenu > ul {
 +
  *display: inline-block;
 +
}
 +
#cssmenu:after,
 +
#cssmenu ul:after {
 +
  content: '';
 +
  display: block;
 +
  clear: both;
 +
}
 +
#cssmenu ul {
 +
  text-transform: uppercase;
 +
}
 +
#cssmenu ul ul {
 +
  border-top: 4px solid #1b9bff;
 +
  text-transform: none;
 +
  min-width: 190px;
 +
}
 +
#cssmenu ul ul a {
 +
  background: #1b9bff;
 +
  color: #ffffff;
 +
  border: 1px solid #0082e7;
 +
  border-top: 0 none;
 +
  line-height: 150%;
 +
  padding: 16px 20px;
 +
  font-size: 12px;
 +
}
 +
#cssmenu ul ul ul {
 +
  border-top: 0 none;
 +
}
 +
#cssmenu ul ul li {
 +
  position: relative;
 +
}
 +
#cssmenu ul ul li:first-child > a {
 +
  border-top: 1px solid #0082e7;
 +
}
 +
#cssmenu ul ul li:hover > a {
 +
  background: #4eb1ff;
 +
  color: #ffffff;
 +
}
 +
#cssmenu ul ul li:last-child > a {
 +
  -moz-border-radius: 0 0 3px 3px;
 +
  -webkit-border-radius: 0 0 3px 3px;
 +
  border-radius: 0 0 3px 3px;
 +
  -moz-background-clip: padding;
 +
  -webkit-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
  -moz-box-shadow: 0 1px 0 #1b9bff;
 +
  -webkit-box-shadow: 0 1px 0 #1b9bff;
 +
  box-shadow: 0 1px 0 #1b9bff;
 +
}
 +
#cssmenu ul ul li:last-child:hover > a {
 +
  -moz-border-radius: 0 0 0 3px;
 +
  -webkit-border-radius: 0 0 0 3px;
 +
  border-radius: 0 0 0 3px;
 +
  -moz-background-clip: padding;
 +
  -webkit-background-clip: padding-box;
 +
  background-clip: padding-box;
 +
}
 +
#cssmenu ul ul li.has-sub > a:after {
 +
  content: '+';
 +
  position: absolute;
 +
  top: 50%;
 +
  right: 15px;
 +
  margin-top: -8px;
 +
}
 +
#cssmenu ul li:hover > a,
 +
#cssmenu ul li.active > a {
 +
  background: #1b9bff;
 +
  color: #ffffff;
 +
}
 +
#cssmenu ul li.has-sub > a:after {
 +
  content: '+';
 +
  margin-left: 5px;
 +
}
 +
#cssmenu ul li.last ul {
 +
  left: auto;
 +
  right: 0;
 +
}
 +
#cssmenu ul li.last ul ul {
 +
  left: auto;
 +
  right: 99.5%;
 +
}
 +
#cssmenu a {
 +
  background: #333333;
 +
  color: #CBCBCB;
 +
  padding: 0 20px;
 +
}
 +
#cssmenu > ul > li > a {
 +
  line-height: 48px;
 +
  font-size: 12px;
 +
}
 +
body {
 +
    background-image: url('https://static.igem.org/mediawiki/2015/2/24/ElanVital_Bg.png');
 +
    background-position: 9% 0%;
 +
background-repeat: no-repeat;
 +
}
 +
 
 +
IMG.displayed {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto }
 +
 
 +
</style>
 +
<html>

Revision as of 15:09, 26 August 2015