Template:Team:Uppsala/styles

From 2013.igem.org

(Difference between revisions)
Line 34: Line 34:
color: #22409a;
color: #22409a;
}
}
-
*/
+
 
#main_frame {
#main_frame {
Line 64: Line 64:
}
}
-
#igem_logo {
 
-
width: 500px;
 
-
padding: 10px;
 
-
padding-top: 30px;
 
-
float: right;
 
-
}
 
-
 
-
 
-
#logo {
 
-
width: 300px;
 
-
float: left;
 
-
}
 
-
 
-
 
-
 
-
#n_container {
 
-
padding-top: 1px;
 
-
height::100px;
 
-
width:950px;
 
-
clear:both;
 
-
}
 
-
 
-
#button_1 {
 
-
position: relative;left:15px;top:-15px;
 
-
float:left;
 
-
}
 
-
 
-
#navbar {
 
-
background-color: #22409a;
 
-
margin-top: 60px;
 
-
width: 94%;
 
-
margin-left: 6%;
 
-
height: 55px;
 
-
vertical-align: middle;
 
-
text-align: center
 
-
}
 
-
 
-
 
-
.sublogo {
 
-
 
-
width: 150px;
 
-
margin-left: 475px;
 
-
 
-
}
 
-
 
-
.logo {
 
-
padding-top: 40px;
 
-
width: 200px;
 
-
float: left;
 
-
}
 
-
 
-
 
-
.navbar-text {
 
-
 
-
 
-
}
 
-
 
-
/* NAVBAR code begins */
 
-
 
-
.nav {
 
-
margin-right:auto;
 
-
margin-left:80px;
 
-
padding:10px;
 
-
/*
 
-
border-top-right-radius: 50px;
 
-
border-top-left-radius: 50px;
 
-
border-bottom-right-radius: 50px;
 
-
border-bottom-left-radius: 50px;
 
-
*/
 
-
border:solid 3px;
 
-
height:29px;
 
-
width:900px;
 
-
/*position:absolute;top:100px;left:100px;*/
 
-
border:hidden;
 
-
 
-
}
 
-
 
-
#h {
 
-
border:solid 3px;
 
-
height:30px;
 
-
width:100px;
 
-
}
 
-
 
-
.nav ul {
 
-
list-style:none; margin:0px; padding:0px;
 
-
 
-
}
 
-
.nav li {
 
-
float:left;width:100px;background-color:#22409a;text-align:center;position:relative;height:30px;
 
-
 
-
}
 
-
.nav li ul li {
 
-
float:none;width:100px;text-align:left;padding-left:5px; border:solid 1px;border-color:black; background-color:#6EC4FF;height:30px;
 
-
}
 
-
.nav a {
 
-
text-decoration:none;color:black;
 
-
 
-
}
 
-
.nav li ul {
 
-
position:absolute;top:30px;left:0px;visibility:hidden;
 
-
}
 
-
.nav li:hover {
 
-
background-color:#1883FF;
 
-
/*text-decoration:underline;color:#333;*/
 
-
font-size:18px;
 
-
}
 
-
.nav li:hover ul {
 
-
visibility:visible;
 
-
}
 
-
.content {
 
-
clear:both;
 
-
}
 
-
 
-
 
-
.igem_logo  {
 
-
width: 400px;
 
-
 
-
float: right;
 
-
}
 
-
 
-
#a { width: 90px; height:35px;
 
-
 
-
}
 
-
 
-
#b {
 
-
width: 100px; height:35px;
 
-
}
 
-
 
-
#part {
 
-
width: 90px; height:35px;
 
-
}
 
-
 
-
.team {
 
-
width: 90px; height:35px; background-color:#6EC4FF
 
-
 
-
}
 
-
 
-
#hp { height:35px;
 
-
 
-
}
 
-
 
-
#att {
 
-
width: 140px; height:35px;
 
-
}
 
-
 
-
#note {
 
-
width: 130px; height:35px;
 
-
}
 
#bottom-pic {
#bottom-pic {
Line 221: Line 73:
#project-description {
#project-description {
-
padding-top: 30px;
 
width: 100%;
width: 100%;
margin-left:auto;
margin-left:auto;
Line 227: Line 78:
border-bottom: 1px solid #22409a;
border-bottom: 1px solid #22409a;
padding-bottom: 10px;
padding-bottom: 10px;
 +
clear: both;
 +
position: relative;
 +
top: -50px;
}
}
Line 384: Line 238:
/* Grid pictures styling ends */
/* Grid pictures styling ends */
-
</style>
+
/*
-
</html>
+
baby blue #b6e6fd; RGB(182,230,253)
 +
blue #0089d1; RGB(0,137,209)
 +
dark blue #22409a; RGB(34,64,154)
 +
 +
<style type="text/css">
 +
@-moz-document url-prefix() {
 +
h1 {
 +
color: red;
 +
}
 +
}
 +
</style>
 +
*/
 +
 +
*{
 +
margin: 0px;
 +
padding: 0px;
 +
border: none;
 +
}
 +
/*
 +
html, body{
 +
width: 100%;
 +
height: 100%;
 +
}*/
 +
 +
section, footer, nav{
 +
display: block;
 +
}
 +
 +
body{
 +
 +
width: 100%;
 +
height: 100%;
 +
 +
background-image: url(../image/bakgrund3.png); /* bakgrund för hela sidan */
 +
}
 +
 +
#main_frame {
 +
min-height: 1600px;
 +
width: 950px;
 +
margin: 20px auto;
 +
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;
 +
}
 +
 +
#header img.logo{
 +
float: left;
 +
width: 150px;
 +
}
 +
 +
#igem_logo{
 +
position: relative;
 +
padding: 10px;
 +
}
 +
 +
#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% 55px;
 +
height: 55px;
 +
}
 +
 +
 +
section
 +
{
 +
min-height: 1300px;
 +
padding: 20px;
 +
}
 +
 +
footer
 +
{
 +
padding: 20px;
 +
height: 100px;
 +
}
 +
 +
.home-knapp
 +
{
 +
position: relative;left:15px;top:-84px;
 +
width: 15%;
 +
float: left;
 +
z-index: 2;
 +
}
 +
 +
.nav-text
 +
{
 +
padding-right: 10px;
 +
z-index: 1;
 +
/*-webkit-transition: -webkit-transform 0.1s, background 0.1s;*/
 +
}
 +
 +
#list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;}
 +
 +
nav ul ul {
 +
display: none;
 +
z-index: 1;
 +
}
 +
 
 +
nav ul li:hover > ul {
 +
display: block;
 +
}
 +
 +
nav ul {
 +
list-style: none;
 +
position: relative;
 +
display: inline-table;
 +
}
 +
 
 +
nav ul:after {
 +
content: ""; clear: both; display: block;
 +
}
 +
 +
nav ul li
 +
{
 +
padding-top: 1.4%;
 +
float: left;
 +
height: 44px;
 +
 
 +
}
 +
 +
nav ul li a {
 +
text-align: center;
 +
display: block;
 +
text-decoration: none;
 +
}
 +
.nav-text2{
 +
width: 90px;
 +
position: relative;
 +
top: -30px;
 +
z-index: 1;
 +
}
 +
 +
nav ul li:hover
 +
{
 +
background: #0089d1;
 +
}
 +
nav ul li:hover img.nav-text2{
 +
background: none;
 +
z-index: 3;
 +
}
 +
nav ul li:hover li .nav-text
 +
{
 +
background: #0089d1;
 +
 +
}
 +
 
 +
nav ul ul
 +
{
 +
background: #22409a;
 +
border-radius: 0px;
 +
padding: 0px;
 +
position: absolute;
 +
top: 100%;
 +
}
 +
nav ul ul li {
 +
padding-top: 10px;
 +
width: 150px;
 +
float: none;
 +
position: relative;
 +
}
 +
nav ul ul li a {
 +
color: #fff;
 +
font-weight: bold;
 +
}
 +
nav ul ul li a:hover {
 +
background: #0089d1;
 +
}

Revision as of 16:01, 15 August 2013

*/ *{ margin: 0px; padding: 0px; border: none; } /* html, body{ width: 100%; height: 100%; }*/ section, footer, nav{ display: block; } body{ width: 100%; height: 100%; background-image: url(../image/bakgrund3.png); /* bakgrund för hela sidan */ } #main_frame { min-height: 1600px; width: 950px; margin: 20px auto; 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; } #header img.logo{ float: left; width: 150px; } #igem_logo{ position: relative; padding: 10px; } #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% 55px; height: 55px; } section { min-height: 1300px; padding: 20px; } footer { padding: 20px; height: 100px; } .home-knapp { position: relative;left:15px;top:-84px; width: 15%; float: left; z-index: 2; } .nav-text { padding-right: 10px; z-index: 1; /*-webkit-transition: -webkit-transform 0.1s, background 0.1s;*/ } #list_type1{width: 110px;}#list_type2{width: 80px;}#list_type3{width: 120px;}#list_type4{width: 150px;} nav ul ul { display: none; z-index: 1; } nav ul li:hover > ul { display: block; } nav ul { list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { padding-top: 1.4%; float: left; height: 44px; } nav ul li a { text-align: center; display: block; text-decoration: none; } .nav-text2{ width: 90px; position: relative; top: -30px; z-index: 1; } nav ul li:hover { background: #0089d1; } nav ul li:hover img.nav-text2{ background: none; z-index: 3; } nav ul li:hover li .nav-text { background: #0089d1; } nav ul ul { background: #22409a; border-radius: 0px; padding: 0px; position: absolute; top: 100%; } nav ul ul li { padding-top: 10px; width: 150px; float: none; position: relative; } nav ul ul li a { color: #fff; font-weight: bold; } nav ul ul li a:hover { background: #0089d1; }

Retrieved from "http://2013.igem.org/Template:Team:Uppsala/styles"