Template:Team:Uppsala/styles

From 2013.igem.org

(Difference between revisions)
Line 20: Line 20:
}  
}  
-
section { padding:20px;
+
body {
 +
background-image: url(https://static.igem.org/mediawiki/2013/2/26/Background.png); /* bakgrund för hela sidan */
 +
border: none;
 +
font-family : Tahoma, sans-serif;
}
}
 +
h1 {
 +
color: #0089d1;
 +
}
-
/*
+
p {
-
baby blue #b6e6fd; RGB(182,230,253)
+
color: #22409a;
-
blue #0089d1; RGB(0,137,209)
+
-
dark blue #22409a; RGB(34,64,154)
+
-
*/
+
-
+
-
*{
+
-
      margin:  0px;
+
-
      padding: 0px;
+
}
}
 +
 +
#main_frame {
-
body{
+
min-height: 2000px;
-
      width: 100%;
+
width: 950px;
-
      height: 100%;
+
margin-left: auto;
-
}
+
margin-right: auto;
 +
background-color: #fff;
 +
border: 1px solid light gray;
 +
border-radius: 15px;
 +
box-shadow: 0px 0px 30px rgba(110,110,110, .8);
 +
}
-
section, footer, nav{
+
#header {
-
      display: block;
+
width:100%;
 +
margin-left:auto;
 +
margin-right:auto;
}
}
-
+
 
-
#main_frame {
+
section {
-
min-height:     1900px;
+
min-height: 1300px;
-
width:         950px;
+
padding: 20px;
-
margin:        20px auto;
+
-
border:        1px solid ligth gray;
+
-
border-radius:  15px;
+
-
box-shadow:    0px 0px 30px rgba(110,110,110, .8);
+
-
background:    white;
+
}
}
header {
header {
-
display: inline-block;
+
display: inline-block;
-
position: relative;
+
position: relative;
-
width:         100%;
+
width: 100%;
-
}
+
}
-
/*
+
 
-
#logo_img{
+
#igem_logo {
-
position: relative;
+
width: 500px;
-
padding: 10px;
+
padding: 10px;
 +
padding-top: 30px;
 +
float: right;
}
}
 +
-
#header img.logo{
+
 
-
        float:         right;
+
#logo {
-
width: 150px;
+
width: 300px;
 +
float: left;
}
}
 +
 +
 +
 +
#n_container {
 +
padding-top: 1px;
 +
height::100px;
 +
width:950px;
 +
clear:both;
 +
}
-
#igem_logo{
+
#button_1 {
-
position:       relative;
+
position: relative;left:15px;top:-15px;
-
padding:       10px;
+
float:left;
-
}
+
}  
-
#header img.igem_logo{
+
#navbar {
-
width:         400px;
+
background-color: #22409a;
-
float: left;
+
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 {
 
-
        vertical-align: middle;
 
-
background-image: url("https://static.igem.org/mediawiki/2013/e/e5/Menubar.png");
 
-
background-repeat: no-repeat;
 
-
background-position: bottom right;
 
-
background-size: 93% 50%;
 
}
}
-
#nav ul{
+
/* NAVBAR code begins */
-
        padding-top:   6%;
+
 
-
text-align:     center;
+
.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{
 
-
display: inline-block;
 
-
list-style:    none;
 
-
        padding-bottom: 5px;
 
}
}
-
+
.nav li ul li {
-
section{
+
float:none;width:100px;text-align:left;padding-left:5px; border:solid 1px;border-color:black; background-color:#6EC4FF;height:30px;
-
        min-height: 1300px;
+
-
padding: 20px;
+
-
}
+
-
+
-
footer{
+
-
padding: 20px;
+
-
height: 100px;
+
}
}
 +
.nav a {
 +
text-decoration:none;color:black;
-
.home-knapp {
+
}
-
position: relative;left:15px;top:-25px;
+
.nav li ul {
-
width: 15%;
+
position:absolute;top:30px;left:0px;visibility:hidden;
-
float: left;
+
}
-
}  
+
.nav li:hover {
-
+
background-color:#1883FF;
-
.nav-text {
+
/*text-decoration:underline;color:#333;*/
-
padding-right: 8px;
+
font-size:18px;
-
background: #22409a;
+
}
 +
.nav li:hover ul {
 +
visibility:visible;
 +
}
 +
.content {
 +
clear:both;
}
}
-
.nav-text:hover {
+
 
-
background: #0089d1;
+
.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 {
 +
width: 100%;
 +
height: 200px;
 +
margin-top: 50px;
}
}
-
*/
 
-
/* ----->Index content begins <----- */
 
#project-description {
#project-description {
Line 136: Line 229:
}
}
 +
.project-text {
 +
padding-top: px;
 +
}
#grid-matrix {
#grid-matrix {
Line 193: Line 289:
         background-image: url(https://static.igem.org/mediawiki/2013/6/6f/Safty.png);
         background-image: url(https://static.igem.org/mediawiki/2013/6/6f/Safty.png);
}
}
 +
/* Hover effect on grid pictures begin */
/* Hover effect on grid pictures begin */
Line 261: Line 358:
   opacity:0;
   opacity:0;
}
}
 +
/* Hover effect in grid pictures end  
/* Hover effect in grid pictures end  
Grid pictures styling begin */
Grid pictures styling begin */
Line 277: Line 375:
/* Grid pictures styling ends */
/* Grid pictures styling ends */
-
 
-
#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;
 
-
}
 
-
/*.nav{
 
-
position:absolute;top:267px;left:260px;
 
-
}*/
 
-
 
-
/*Problem med footer se till att fixa, den vägrar visa sig*/
 
-
 
-
/*
 
-
#main_content {
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
border:solid 1px;
 
-
height:1200px;
 
-
width:1100px;    /* -----> ändrade bredden på main content från 900px till 1100px
 
-
så den passar in med main frame. vet ej vad som ser
 
-
bäst ut */
 
-
/* background-color: #efefef;
 
-
margin-top: 10px;
 
-
}
 
-
 
-
----->NAVBAR code ends<-----
 
-
*/
 
-
 
-
 
-
.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_picture {
 
-
        height:100px;
 
-
        width:950px;
 
-
        border: solid 3px;
 
-
        margin-left:auto;
 
-
        margin-right:auto;
 
-
}
 
</style>
</style>
</html>
</html>

Revision as of 00:38, 9 August 2013

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