Template:Team:Uppsala/styles

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
/*
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;}
 +
 
 +
/*
baby blue #b6e6fd; RGB(182,230,253)
baby blue #b6e6fd; RGB(182,230,253)
blue #0089d1; RGB(0,137,209)
blue #0089d1; RGB(0,137,209)

Revision as of 14:56, 22 July 2013

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  1. content {
   border: none;}	

/* baby blue #b6e6fd; RGB(182,230,253) blue #0089d1; RGB(0,137,209) dark blue #22409a; RGB(34,64,154) */

*{ margin: 0px; padding: 0px; } /* html, body{ width: 100%; height: 100%; }*/

section, footer, nav{ display: block; }

body{ display: -webkit-box; -webkit-box-orient: center; background-image: Background.png; /* bakgrund för hela sidan */ }

#main_frame { min-height: 1600px; width: 925px; margin: 20px auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-flex: 0; /* 1 flexible 0 static */ border: 1px solid ligth gray; border-radius: 15px; box-shadow: 0px 0px 30px rgba(110,110,110, .8); background: white; }

header { display: inline-block; position: relative; width: 100%; }

#logo_img{ position: relative; padding: 10px; -webkit-box-flex: 0;

}

#header img.logo{ float: left; width: 150px; }

#igem_logo{ position: relative; padding: 10px; -webkit-box-flex: 0;

}

#header img.igem_logo{ width: 400px; float: right; }

#navbar { background-image: url(../image/layout/menubar.png); background-repeat: no-repeat; background-position: center right; background-size: 93% 38%; }

#nav ul{ padding-top: 6.5%; text-align: center; } #nav li{ display: inline-block; list-style: none; padding: 0px; }

section{ -webkit-box-flex: 1; min-height: 500px; padding: 20px; }

footer{ padding: 20px; height: 100px; }

.home-knapp { position: relative;left:15px;top:-25px; width: 15%; float: left; }

.nav-text { padding-right: 8px; background: #22409a; -webkit-transition: -webkit-transform 0.1s, background 0.1s; }

.nav-text:hover { background: #0089d1; }