Team:Groningen/Template/CSS/category5

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
@charset "UTF-8";
-
/*
+
-
cat2    B31A19
+
a {
-
cat1art E2D0D6
+
text-decoration: none;
-
cat1fig F0D3C7
+
}
-
cat5    756F21
+
.default {
-
cat1art E5E2D0
+
position: relative;
-
cat1fig E0DDCC
+
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
 +
font-size: 14pt;
 +
text-align: left;
 +
}
-
*/
+
body {
-
.category5 a:visited,
+
text-align: center;
-
.category5 a {
+
-
color: #FFFFFF;
+
}
}
-
.category5 .module.menu .submenu .item:hover a,
+
html, body,
-
.category5 a:hover {
+
.default.container {
-
color: #000000;
+
width: 100%;
 +
height: 100%;
}
}
-
.category5 {
+
.default .module {
-
background: #000000;
+
padding-bottom: 12pt;
}
}
-
.category5 .className {
+
.default .module .content,
 +
.default .module {
 +
min-height: 90pt;
 +
width: 100%;
 +
}
 +
.default .module .wrapper {
 +
padding: 36pt 0pt 20pt 0pt;
}
}
-
.category5 .module .content {
+
.default .module .title {
-
background-color: #756F21;
+
font-size: 21pt;
-
color: #FFFFFF;
+
padding: 0pt 39pt 27pt 38pt;
}
}
-
.category5 .module .title {
+
.default .module .description,
-
color: #FFFFFF;
+
.default .module .text {
 +
text-align: justify;
}
}
-
.category5 .module .content {
+
.default .module .text {
 +
padding: 0pt 39pt 27pt 38pt;
 +
}
 +
.default .module .subtitle{
 +
padding: 0pt 39pt 4pt 38pt;
}
}
/*Content Module*/
/*Content Module*/
-
.category5 .module.contentmodule table,
+
.default .module.contentmodule th:first-child,
-
.category5 .module.contentmodule .table {
+
.default .module.contentmodule td:first-child {
-
background-color: #E5E2D0;
+
padding-left:39pt;
 +
padding-right:0;
}
}
 +
.default .module.contentmodule th:last-child,
 +
.default .module.contentmodule td:last-child {
 +
padding-left: 0;
 +
padding-right: 38pt;
 +
}
-
.category5 .module.contentmodule .content {
+
.default .module.contentmodule table,
-
background-color: #FFFFFF;
+
.default .module.contentmodule .table{
-
color: #000000;
+
width: 100%;
 +
padding-bottom: 28pt;
 +
font-size: 12pt;
 +
font-style: normal;
}
}
-
.category5 .module.contentmodule th {
+
.default .module.contentmodule .figure {
-
color: #756F21;
+
width: 100%;
 +
padding-bottom: 28pt;
 +
line-height: 0;
}
}
-
.category5 .module.contentmodule subtitle,
+
.default .module.contentmodule .figure .rawfigure {
-
.category5 .module.contentmodule .title {
+
width: 100%;
-
background-color: #FFFFFF;
+
height: auto;
-
color: #756F21;
+
}
}
-
.category5 .module.contentmodule .figure .caption {
+
.default .module.contentmodule table .caption,
-
background-color: #E0DDCC;
+
.default .module.contentmodule .table .caption,
 +
.default .module.contentmodule .figure .caption {
 +
font-size: 11pt;
 +
padding: 11pt 39pt 16pt 38pt;
line-height: 1;
line-height: 1;
}
}
-
.category5 .module.contentmodule .figure {
+
.default .module.contentmodule table .title,
-
line-height: 0;
+
.default .module.contentmodule .table .title,
 +
.default .module.contentmodule .figure .title {
 +
font-size: 11pt;
 +
padding: 0;
}
}
-
.category5 .module.contentmodule .figure .title {
+
.default .module.contentmodule .listing {
-
background-color: transparent;
+
padding: 0pt 39pt 17pt 73pt;
 +
}
 +
 
 +
.default .module.contentmodule .listing .item {
 +
padding: 0pt 0pt 10pt 0pt;
}
}
/*Breadcrumb Module*/
/*Breadcrumb Module*/
-
.category5 .module.breadcrummodule .content {
+
.default .module.breadcrummodule .content {
-
background-image: url('https://static.igem.org/mediawiki/2014/d/d4/Outreach.slice.icon.png');
+
background-size: auto 142pt;
 +
background-position: right bottom;
 +
background-repeat: no-repeat;
}
}
-
.category5 .module.breadcrummodule .tail {
+
.default .module.breadcrummodule {
-
color: #FFFFFF;
+
font-size: 28pt;
}
}
-
.category5 .module.breadcrummodule .seperator {
+
.default .module.breadcrummodule .wrapper {
-
color: #FFFFFF;
+
padding: 20pt 39pt 16pt 38pt;
}
}
-
.category5 .module.breadcrummodule .head {
+
/*Visitorscard Module*/
-
color: #000000;
+
.default .module.vcardmodule,
 +
.default .module.vcardmodule .content{
 +
height: 242pt;
 +
}
 +
 
 +
.default .module.vcardmodule .rawphoto {
 +
width: auto;
 +
height: 242pt;
 +
float: right;
 +
}
 +
 
 +
.default .module.vcardmodule .photo {
 +
line-height: 0;
 +
float: right;
 +
}
 +
 
 +
.default .module.vcardmodule .details {
 +
padding: 0pt 39pt 0pt 38pt;
 +
}
 +
 
 +
.default .module.vcardmodule .details .title {
 +
padding-left: 0;
 +
}
 +
 
 +
.default .module.vcardmodule .details .attribute{
 +
padding: 0pt 0pt 4pt 0pt;
 +
}
 +
 
 +
.default .module.vcardmodule .details .description{
 +
padding-bottom: 14pt;
 +
}
 +
 
 +
 
 +
.default .module.vcardmodule .details .attribute .title{
 +
padding: 0;
 +
font-size: 14pt;
 +
display: inline-block;
 +
width: 92pt;
}
}
/*Image Module*/
/*Image Module*/
-
.category5 .module.imagemodule .image {
+
.default .module.imagemodule .wrapper {
-
background-color: #E5E2D0;
+
padding: 0;
 +
padding-bottom: 28pt;
 +
}
 +
.default .module.imagemodule .title {
 +
padding-top: 38pt;
}
}
-
/*Visitorscard Module*/
+
.default .module.imagemodule .rawimage {
-
.category5 .module.vcardmodule .details .attribute .title{
+
width: 100%;
-
color: #000000;
+
height: auto;
 +
}
 +
 
 +
.default .module.imagemodule .image {
 +
line-height: 0;
 +
}
 +
 
 +
/*Menue Model*/
 +
.default .module.menu {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: 99;
 +
}
 +
 
 +
.default .module.menu .item {
 +
position:relative;
 +
        width: 14.2857142857%;
 +
float: left;
 +
}
 +
 
 +
.default .module.menu,
 +
.default .module.menu .content{
 +
min-height: 0pt;
 +
padding: 0;
 +
}
 +
 
 +
.default .module.menu .wrapper {
 +
padding: 0;
 +
 
 +
}
 +
 
 +
.default .module.menu .content {
 +
background-color: transparent;
 +
}
 +
 
 +
.default .module.menu .item {
 +
vertical-align:top;
 +
}
 +
 
 +
.default .module.menu .item .icon {
 +
background-size: auto 100%;
 +
background-repeat: no-repeat;
 +
background-position: center;
 +
height: 100pt;
 +
}
 +
 
 +
.default .module.menu .item .button {
 +
height: 53pt;
 +
font-size: 18pt;
 +
padding: 16pt 0pt 0pt 11pt
 +
}
 +
 
 +
.default .module.menu,
 +
.default .module.menu .content{
 +
min-height: 0pt;
 +
padding: 0;
 +
padding-bottom: 0;
 +
}
 +
 
 +
.default .module.menu .wrapper {
 +
padding: 0;
 +
}
 +
 
 +
.default .module.menu .item.active .button {
 +
height: 74pt;
 +
}
 +
 
 +
.default .module.menu .submenu {
 +
padding: 16pt 11pt 0pt 11pt;
 +
max-width: 280pt;
 +
min-width: 196pt;
 +
}
 +
.default .module.menu .submenu .item {
 +
padding-bottom: 16pt;
 +
position: relative;
 +
clear: both;
 +
width: 100%;
 +
}
 +
 
 +
.default .module.menu .submenu {
 +
position: absolute;
 +
left: 0;
 +
visibility: hidden;
 +
}
 +
 
 +
.default .module.menu .item:hover .submenu {
 +
visibility: visible;
 +
}
 +
 
 +
.default .module.menu .item {
 +
 
 +
}
 +
 
 +
/*Header Module*/
 +
.default .module.header .wrapper,
 +
.default .module.header .content {
 +
padding: 0;
 +
}
 +
 
 +
.default .module.header img {
 +
width: 100%;
 +
height: auto;
 +
}
 +
 
 +
.default .module.header .content {
 +
padding-bottom: 24pt
 +
}
 +
 
 +
.default .module.header .overlay {
 +
position: absolute;
 +
z-index: 20;
 +
top: 0;
 +
left: 0;
 +
}
 +
 
 +
.default .module.header {
 +
margin-top: 169pt;
 +
}
 +
 
 +
/*Footer Module*/
 +
.default .module.footer .content,
 +
.default .module.footer .wrapper,
 +
.default .module.footer {
 +
padding: 0;
 +
 
 +
}
 +
 
 +
.default .module.footer .content {
 +
background-position: left bottom;
 +
background-size: auto 135pt;
 +
background-repeat: no-repeat;
 +
min-height: 135pt;
 +
 +
}
 +
 
 +
.default .module.footer .copyright {
 +
font-size: 10pt;
 +
padding: 11pt;
 +
position: absolute;
 +
right: 0;
 +
bottom: 0;
 +
}
 +
 
 +
.module.footer .sponsors {
 +
padding: 24pt 20pt 39pt 39pt;
}
}
-
</html>
 

Revision as of 20:28, 16 October 2014

@charset "UTF-8";

a { text-decoration: none; }

.default { position: relative; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 14pt; text-align: left; }

body { text-align: center; }

html, body, .default.container { width: 100%; height: 100%; }

.default .module { padding-bottom: 12pt; }

.default .module .content, .default .module { min-height: 90pt; width: 100%; }

.default .module .wrapper { padding: 36pt 0pt 20pt 0pt; }

.default .module .title { font-size: 21pt; padding: 0pt 39pt 27pt 38pt; }

.default .module .description, .default .module .text { text-align: justify; }

.default .module .text { padding: 0pt 39pt 27pt 38pt; }

.default .module .subtitle{ padding: 0pt 39pt 4pt 38pt; }

/*Content Module*/ .default .module.contentmodule th:first-child, .default .module.contentmodule td:first-child { padding-left:39pt; padding-right:0; }

.default .module.contentmodule th:last-child, .default .module.contentmodule td:last-child { padding-left: 0; padding-right: 38pt; }

.default .module.contentmodule table, .default .module.contentmodule .table{ width: 100%; padding-bottom: 28pt; font-size: 12pt; font-style: normal; }

.default .module.contentmodule .figure { width: 100%; padding-bottom: 28pt; line-height: 0; }

.default .module.contentmodule .figure .rawfigure { width: 100%; height: auto; }

.default .module.contentmodule table .caption, .default .module.contentmodule .table .caption, .default .module.contentmodule .figure .caption { font-size: 11pt; padding: 11pt 39pt 16pt 38pt; line-height: 1; }

.default .module.contentmodule table .title, .default .module.contentmodule .table .title, .default .module.contentmodule .figure .title { font-size: 11pt; padding: 0; }

.default .module.contentmodule .listing { padding: 0pt 39pt 17pt 73pt; }

.default .module.contentmodule .listing .item { padding: 0pt 0pt 10pt 0pt; }


/*Breadcrumb Module*/ .default .module.breadcrummodule .content { background-size: auto 142pt; background-position: right bottom; background-repeat: no-repeat; }

.default .module.breadcrummodule { font-size: 28pt; }

.default .module.breadcrummodule .wrapper { padding: 20pt 39pt 16pt 38pt; }

/*Visitorscard Module*/ .default .module.vcardmodule, .default .module.vcardmodule .content{ height: 242pt; }

.default .module.vcardmodule .rawphoto { width: auto; height: 242pt; float: right; }

.default .module.vcardmodule .photo { line-height: 0; float: right; }

.default .module.vcardmodule .details { padding: 0pt 39pt 0pt 38pt; }

.default .module.vcardmodule .details .title { padding-left: 0; }

.default .module.vcardmodule .details .attribute{ padding: 0pt 0pt 4pt 0pt; }

.default .module.vcardmodule .details .description{ padding-bottom: 14pt; }


.default .module.vcardmodule .details .attribute .title{ padding: 0; font-size: 14pt; display: inline-block; width: 92pt; }

/*Image Module*/ .default .module.imagemodule .wrapper { padding: 0; padding-bottom: 28pt; } .default .module.imagemodule .title { padding-top: 38pt; }

.default .module.imagemodule .rawimage { width: 100%; height: auto; }

.default .module.imagemodule .image { line-height: 0; }

/*Menue Model*/ .default .module.menu { position: absolute; top: 0; left: 0; z-index: 99; }

.default .module.menu .item { position:relative; 

       width: 14.2857142857%;

float: left; }

.default .module.menu, .default .module.menu .content{ min-height: 0pt; padding: 0; }

.default .module.menu .wrapper { padding: 0;

}

.default .module.menu .content { background-color: transparent; }

.default .module.menu .item { vertical-align:top; }

.default .module.menu .item .icon { background-size: auto 100%; background-repeat: no-repeat; background-position: center; height: 100pt; }

.default .module.menu .item .button { height: 53pt; font-size: 18pt; padding: 16pt 0pt 0pt 11pt }

.default .module.menu, .default .module.menu .content{ min-height: 0pt; padding: 0; padding-bottom: 0; }

.default .module.menu .wrapper { padding: 0; }

.default .module.menu .item.active .button { height: 74pt; }

.default .module.menu .submenu { padding: 16pt 11pt 0pt 11pt; max-width: 280pt; min-width: 196pt; } .default .module.menu .submenu .item { padding-bottom: 16pt; position: relative; clear: both; width: 100%; }

.default .module.menu .submenu { position: absolute; left: 0; visibility: hidden; }

.default .module.menu .item:hover .submenu { visibility: visible; }

.default .module.menu .item {

}

/*Header Module*/ .default .module.header .wrapper, .default .module.header .content { padding: 0; }

.default .module.header img { width: 100%; height: auto; }

.default .module.header .content { padding-bottom: 24pt }

.default .module.header .overlay { position: absolute; z-index: 20; top: 0; left: 0; }

.default .module.header { margin-top: 169pt; }

/*Footer Module*/ .default .module.footer .content, .default .module.footer .wrapper, .default .module.footer { padding: 0;

}

.default .module.footer .content { background-position: left bottom; background-size: auto 135pt; background-repeat: no-repeat; min-height: 135pt;

}

.default .module.footer .copyright { font-size: 10pt; padding: 11pt; position: absolute; right: 0; bottom: 0; }

.module.footer .sponsors { padding: 24pt 20pt 39pt 39pt; }

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