Template:Team:Aberdeen Scotland/CSS

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
body {
body {
-
    background-color: #000000;
+
/*all body properties*/
 +
background: #8B2942; /*E6E6E6*/
 +
color: #8B2942;
 +
font-family:Arial, Helvetica, sans-serif;
}
}
-
h1 {
+
.pg_break {
-
    color: orange;
+
clear: both;
-
    text-align: center;
+
border: 1px dotted #8B2942;
 +
}
 +
 
 +
* {
 +
margin: 0px;
 +
padding: 0px;
}
}
p {
p {
-
    font-family: "Times New Roman";
+
margin: 0px;
-
    font-size: 20px;
+
padding: 0px;
 +
}
 +
 
 +
a {
 +
margin: 0px;
 +
padding: 0px;
 +
text-decoration: none;
 +
}
 +
 
 +
ul {
 +
margin: 0px;
 +
padding: 0px;
 +
list-style: none;
 +
}
 +
 
 +
#wrapper{
 +
/*global wrapper*/
 +
background: #8B2942;
 +
width: 975px;
 +
margin: auto;
 +
}
 +
 
 +
#header {
 +
/*header props*/
 +
width: auto;
 +
margin: auto;
 +
}
 +
 
 +
.logo a {
 +
/*background:url(../images/head.png) no-repeat top center;*/
 +
background-image: url(../images/head.png);
 +
background-repeat: no-repeat;
 +
display: block;
 +
width: 975px;
 +
height: 327px;
 +
z-index: -1;
 +
}
 +
 
 +
#navbar {
 +
/*navigation bar props*/
 +
margin-top: -33px;
 +
z-index: 1;
 +
}
 +
 
 +
ul.navbar {
 +
float: center;
 +
margin: 0px;
 +
margin-left: 10px;
 +
padding: 0px;
 +
text-align: center;
 +
display: block;
 +
}
 +
 
 +
ul.navbar li {
 +
padding: 0px;
 +
margin: 0px;
 +
display: inline-block;
 +
float: left;
 +
}
 +
 
 +
.navbar li a {
 +
float: left;
 +
margin-top: 3px;
 +
margin-bottom: 1px;
 +
padding-left: 12px;
 +
padding-right: 12px;
 +
font-family: "Calibri", tahoma, arial, sans-serif;
 +
font-size: 18px;
 +
color: #FFF;
 +
background: #8B2942;
 +
line-height: 30px;
 +
text-decoration: none;
 +
border-right: 1px dotted #FFF;
 +
}
 +
 
 +
.navbar li a.Act {
 +
background: #FFF;
 +
color: #8B2942;
 +
margin-top: 0px;
 +
border-bottom: 3px solid #FFF;
 +
}
 +
 
 +
.navbar li a:hover {
 +
background: #FFF;
 +
color: #8B2942;
 +
position: relative;
 +
margin-top: 0px;
 +
/*bottom: -3px;*/
 +
/*line-height: 30px;*/
 +
border-bottom: 3px solid #FFF;
 +
}
 +
 
 +
.navbar li a.Act:hover {
 +
background: #FFF;
 +
color: #8B2942;
 +
margin-top: 0px;
 +
border-bottom: 3px solid #FFF;
 +
}
 +
 
 +
#social {
 +
float: right;
 +
background: url(../images/blur.png);
 +
background-repeat: no-repeat;
 +
width: 114px;
 +
height: 29px;
 +
padding-top: 5px;
 +
display: block;
 +
}
 +
 
 +
ul.social {
 +
display: block;
 +
}
 +
 
 +
ul.social li {
 +
float: right;
 +
margin-right: 12px;
 +
width: 22px;
 +
height: 22px;
 +
display: inline-block;
 +
}
 +
 
 +
#pcontent {
 +
background: #FFF;
 +
color: #8B2942;
 +
margin-top: -1px;
 +
z-index: 1;
 +
display: inline-block;
 +
}
 +
 
 +
#sidebar {
 +
float: left;
 +
margin: 0;
 +
padding-left: 20px;
 +
width: 130px;
 +
display: inline-block;
 +
}
 +
 
 +
#container {
 +
clear: right;
 +
float: right;
 +
width: 825px;
 +
display: inline-block;
 +
 +
}
 +
 
 +
#t_overview {
 +
float: left;
 +
}
 +
 
 +
#t_overview h1 {
 +
float: left;
 +
padding-top: 1px;
 +
}
 +
 
 +
#t_overview p {
 +
margin: 2px;
 +
}
 +
 
 +
#footer {
 +
 
 +
}
 +
 
 +
#member {
 +
 +
}
 +
 
 +
div#member {
 +
width: 50%;
 +
float: left;
 +
display: block;
 +
/*background: rgba(139, 41, 66,0.1);*/
 +
-webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
        box-sizing: border-box;
 +
border: 20px solid #FFF;
 +
-webkit-border-radius: 30px;
 +
        border-radius: 30px;
 +
}
 +
 
 +
#member div {
 +
display: inline-block;
 +
}
 +
 
 +
#members {
 +
 
 +
}
 +
 
 +
img.prof_pic {
 +
float: right;
 +
height: auto;
 +
max-width: 190px;
 +
margin-left: 25px;
 +
margin-right: 25px;
 +
margin-bottom: 5px;
 +
margin-top: 0px;
 +
}
 +
 
 +
#member img {
 +
 +
}
 +
 
 +
.name {
 +
float: left;
 +
margin: auto;
 +
padding: 15px;
 +
}
 +
 
 +
.member_descr {
 +
margin: auto;
 +
padding: 15px;
 +
display: inline-block;
 +
text-align: justify;
 +
}
 +
 
 +
.member_descr h2 {
 +
margin-top: 0px;
 +
font-size: 20px;
 +
}
 +
 
 +
.member_descr p {
 +
 +
}
 +
 
 +
.clear {
 +
clear: both;
}
}

Revision as of 14:18, 16 July 2014

body { /*all body properties*/ background: #8B2942; /*E6E6E6*/ color: #8B2942; font-family:Arial, Helvetica, sans-serif; }

.pg_break { clear: both; border: 1px dotted #8B2942; }

  • {

margin: 0px; padding: 0px; }

p { margin: 0px; padding: 0px; }

a { margin: 0px; padding: 0px; text-decoration: none; }

ul { margin: 0px; padding: 0px; list-style: none; }

  1. wrapper{

/*global wrapper*/ background: #8B2942; width: 975px; margin: auto; }

  1. header {

/*header props*/ width: auto; margin: auto; }

.logo a { /*background:url(../images/head.png) no-repeat top center;*/ background-image: url(../images/head.png); background-repeat: no-repeat; display: block; width: 975px; height: 327px; z-index: -1; }

  1. navbar {

/*navigation bar props*/ margin-top: -33px; z-index: 1; }

ul.navbar { float: center; margin: 0px; margin-left: 10px; padding: 0px; text-align: center; display: block; }

ul.navbar li { padding: 0px; margin: 0px; display: inline-block; float: left; }

.navbar li a { float: left; margin-top: 3px; margin-bottom: 1px; padding-left: 12px; padding-right: 12px; font-family: "Calibri", tahoma, arial, sans-serif; font-size: 18px; color: #FFF; background: #8B2942; line-height: 30px; text-decoration: none; border-right: 1px dotted #FFF; }

.navbar li a.Act { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }

.navbar li a:hover { background: #FFF; color: #8B2942; position: relative; margin-top: 0px; /*bottom: -3px;*/ /*line-height: 30px;*/ border-bottom: 3px solid #FFF; }

.navbar li a.Act:hover { background: #FFF; color: #8B2942; margin-top: 0px; border-bottom: 3px solid #FFF; }

  1. social {

float: right; background: url(../images/blur.png); background-repeat: no-repeat; width: 114px; height: 29px; padding-top: 5px; display: block; }

ul.social { display: block; }

ul.social li { float: right; margin-right: 12px; width: 22px; height: 22px; display: inline-block; }

  1. pcontent {

background: #FFF; color: #8B2942; margin-top: -1px; z-index: 1; display: inline-block; }

  1. sidebar {

float: left; margin: 0; padding-left: 20px; width: 130px; display: inline-block; }

  1. container {

clear: right; float: right; width: 825px; display: inline-block;

}

  1. t_overview {

float: left; }

  1. t_overview h1 {

float: left; padding-top: 1px; }

  1. t_overview p {

margin: 2px; }

  1. footer {

}

  1. member {

}

div#member { width: 50%; float: left; display: block; /*background: rgba(139, 41, 66,0.1);*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 20px solid #FFF; -webkit-border-radius: 30px; border-radius: 30px; }

  1. member div {

display: inline-block; }

  1. members {

}

img.prof_pic { float: right; height: auto; max-width: 190px; margin-left: 25px; margin-right: 25px; margin-bottom: 5px; margin-top: 0px; }

  1. member img {

}

.name { float: left; margin: auto; padding: 15px; }

.member_descr { margin: auto; padding: 15px; display: inline-block; text-align: justify; }

.member_descr h2 { margin-top: 0px; font-size: 20px; }

.member_descr p {

}

.clear { clear: both; }

Retrieved from "http://2014.igem.org/Template:Team:Aberdeen_Scotland/CSS"