Team:Linkoping Sweden/layout

@font-face { 

   font-family: 'Korolev';
   src: url('/wiki/images/f/f8/Linkoping_Sweden_KorolevLiU-Medium-iefix.eot');
   src: url('/wiki/images/f/f8/Linkoping_Sweden_KorolevLiU-Medium-iefix.eot') format('embedded-opentype'), url('/wiki/images/c/c0/Linkoping_Sweden_KorolevLiU-Medium.woff') format('woff');
   font-weight: normal;
   text-rendering: optimizeLegibility;

}

@font-face { 

   font-family: 'Glyphicons Halflings';

   src: url('/wiki/images/d/d8/Linkoping_Sweden_glyphicons-halflings-regular.eot');
   src: url('/wiki/images/d/d8/Linkoping_Sweden_glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/wiki/images/a/ad/Linkoping_Sweden_glyphicons-halflings-regular.woff') format('woff'), url('/wiki/images/3/3b/Linkoping_Sweden_glyphicons-halflings-regular.ttf') format('truetype'), url('/wiki/images/c/cf/Linkoping_Sweden_glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

}

/* Fix for Bootstrap modifying the iGEM menu. */

  1. bodyContent *, #wikiContent * {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

/* End of fix. */

html { 

   min-width: 1200px;
   -webkit-text-size-adjust: 100%;
   max-height: 999999px;

}

body { 

   background: #F7F7F7;
   width: 100%;
   font-family: Georgia,Times,Times New Roman,serif;
   font-size: 14px;
   color: #333;
   -ms-word-wrap: break-word;
   word-wrap: break-word;

}

html, body { 

   height: 100%;

}

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

   border-bottom: none;
   padding-top: inherit;
   padding-bottom: inherit;

}

.container { 

   width: 900px;

}

  1. content {
   width: 100%;
   position: static;

}

  1. menu {
   position: fixed;
   z-index: 42;
   width: 100%;
   height: 100%;
   pointer-events: none;
   #top: 16px;

}

  1. menu svg {
   display: block;
   max-height: 100%;
   width: 100%;

}


  1. menu .plasmid-part {
   pointer-events: auto;

   -webkit-transition: stroke-width 0.3s;
   -moz-transition: stroke-width 0.3s;
   -ms-transition: stroke-width 0.3s;
   -o-transition: stroke-width 0.3s;
   transition: stroke-width 0.3s;

}

  1. menu .plasmid-part:hover {
   stroke-width: 3px;
   cursor: pointer;

}

  1. menu .menu-item {
   pointer-events: auto;

   -webkit-transition: fill 0.1s;
   -moz-transition: fill 0.1s;
   -ms-transition: fill 0.1s;
   -o-transition: fill 0.1s;
   transition: fill 0.1s;

}

  1. menu .menu-item:hover {
   fill: #019966;
   cursor: pointer;

}

  1. wikiContent {
   position: relative;
   min-height: 100%;
   width: 100%;
   padding-top: 10px;
   min-width: 1200px;
   min-height: 100%;

}

  1. content-container {
   padding-bottom: 140px;

}

  1. top_menu_inside {
   margin-left: auto;

}

h1, h2, h3, h4, h5 { 

   font-family: Korolev, Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   color: #000;

}

.ingress { 

   font-style: italic;
   color: #000;
   padding-bottom: 20px;

}

  1. footer {
   position: absolute;
   bottom: 0;
   left: 0;
   margin-top: 50px;
   background: #EEE;
   height: 120px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: left;
   width: 100%;

}

  1. footer b {
   font-family: Korolev, Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   font-weight: normal;
   font-size: inherit;

}

  1. footer a, #footer li {
   color: #555;

}

  1. footer ul {
   margin: 0;

}

  1. footer li {
   display: inherit;
   margin: 0;

}

  1. footer .col-xs-3, .col-xs-2 {
   padding-top: 10px;

}

  1. footer #liu-logo {
   height: 100px;

}

  1. globalWrapper {
   font-size: inherit;
   min-height: 100%;

}

.full-width { 

   width: 100%;

}

.well { 

   padding-top: 5px;

}

.caption { 

   color: #666;

}

.text-image { 

   width: 100%;
   margin-bottom: 20px;

}

h2 { 

   margin-bottom: 30px;

}

  1. html-menu-container {
   width: 900px;
   margin: 0 auto;

}

  1. html-menu-container img {
   width: 140px;
   vertical-align: top;
   margin-top: 4px;
   margin-right: 10px;

}

  1. html-menu-right {
   display: inline-block;
   margin-top: 5px;

}

  1. html-menu {
   font-family: Korolev, Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   font-size: 14px;

}

  1. html-menu a {
   color: #000;
   display: inline-block;
   vertical-align: bottom;

   padding: 25px 14px;
   padding-bottom: 0;
   border-bottom: 3px solid transparent;
   -webkit-transition: border-bottom 0.4s;
   -moz-transition: border-bottom 0.4s;
   -ms-transition: border-bottom 0.4s;
   -o-transition: border-bottom 0.4s;
   transition: border-bottom 0.4s;

}

  1. html-menu a:hover {
   text-decoration: none;
   color: #555;
   border-bottom: 3px solid #00CFB6;

}

  1. html-sub-menu {
   padding-left: 15px;
   padding-top: 3px;
   font-family: Korolev, Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
   margin-left: 20px;

}

  1. html-sub-menu a {
   color: #777;
   font-size: 12px;
   padding: 0 6px;

}

  1. html-menu a.menu-selected {
   border-bottom: 3px solid #019966;

}

  1. html-sub-menu a span {
   margin-right: 5px;

}

.col-xs-12 ul b { 

   display: inline-block;
   min-width: 35px;
   float: left;
   margin-left: -35px;

}

.col-xs-12 li { 

   display: inline-block;
   padding-left: 35px;
   width: 100%;

}

.carousel-control.left { 

   background: none;

}

.carousel-control.right { 

   background: none;

}