Team:Groningen/Template/CSS/default

From 2014.igem.org

(Difference between revisions)
 
(54 intermediate revisions not shown)
Line 9: Line 9:
font-size: 14pt;
font-size: 14pt;
text-align: left;
text-align: left;
 +
line-height: 1.2;
}
}
Line 38: Line 39:
font-size: 21pt;
font-size: 21pt;
padding: 0pt 39pt 27pt 38pt;
padding: 0pt 39pt 27pt 38pt;
 +
display: block;
 +
}
 +
 +
.default .module .caption a{
 +
padding: 0px;
}
}
Line 43: Line 49:
.default .module .text {
.default .module .text {
text-align: justify;
text-align: justify;
 +
}
 +
 +
.default .module .text .span {
 +
white-space: nowrap;
}
}
.default .module .text {
.default .module .text {
padding: 0pt 39pt 27pt 38pt;
padding: 0pt 39pt 27pt 38pt;
 +
}
 +
 +
.default .module .text a {
 +
padding: 0;
}
}
Line 52: Line 66:
padding: 0pt 39pt 4pt 38pt;
padding: 0pt 39pt 4pt 38pt;
}
}
 +
 +
/*Movie Module*/
 +
.default .module.moviemodule .wrapper {
 +
padding: 0;
 +
padding-bottom: 28pt;
 +
}
 +
 +
.default .module.moviemodule .movie{
 +
width: 100%;
 +
height: auto;
 +
}
 +
 +
/*Reference Module*/
 +
.default .module.referencemodule .reference {
 +
padding: 0pt 39pt 16pt 38pt;
 +
}
 +
 +
/*Table Module*/
 +
.default .module.tablemodule .caption,
 +
.default .module.tablemodule .caption {
 +
font-size: 11pt;
 +
padding: 11pt 39pt 16pt 38pt;
 +
line-height: 1;
 +
}
 +
 +
.default .module.tablemodule th:first-child,
 +
.default .module.tablemodule td:first-child {
 +
padding-left:39pt;
 +
padding-right:0;
 +
}
 +
 +
.default .module.tablemodule th:last-child,
 +
.default .module.tablemodule td:last-child {
 +
padding-left: 0;
 +
padding-right: 38pt;
 +
}
 +
 +
.default .module.tablemodule tr:last-child .dt {
 +
padding-bottom: 8pt;
 +
}
 +
 +
.default .module.tablemodule th {
 +
font-weight: normal;
 +
text-align: left;
 +
vertical-align: middle;
 +
padding: 8pt 0pt 8pt 0pt;
 +
}
 +
 +
.default .module.tablemodule td {
 +
font-weight: normal;
 +
text-align: left;
 +
vertical-align: top;
 +
padding-bottom: 8pt;
 +
}
 +
 +
.default .module.tablemodule table,
 +
.default .module.tablemodule .table{
 +
width: 100%;
 +
margin-bottom: 28pt;
 +
font-size: 12pt;
 +
}
 +
/*Content Module*/
/*Content Module*/
 +
.default .module.contentmodule .figurevideo .movie{
 +
width: 50%;
 +
height: auto;
 +
float: left;
 +
}
 +
 +
.default .module.contentmodule .figurevideo{
 +
width: 100%;
 +
height: auto;
 +
padding: 0;
 +
margin: 0;
 +
line-height: 0;
 +
}
 +
 +
.default .module.contentmodule .figurevideo .figure{
 +
width: 50%;
 +
height: 100%;
 +
float: left;
 +
}
 +
 +
.default .module.tablemodule tr:last-child dt {
 +
padding-bottom: 8pt;
 +
}
 +
.default .module.contentmodule th:first-child,
.default .module.contentmodule th:first-child,
.default .module.contentmodule td:first-child {
.default .module.contentmodule td:first-child {
Line 65: Line 165:
padding-right: 38pt;
padding-right: 38pt;
}
}
 +
.default .module.contentmodule th {
.default .module.contentmodule th {
font-weight: normal;
font-weight: normal;
 +
text-align: left;
 +
vertical-align: middle;
 +
padding: 8pt 0pt 8pt 0pt;
}
}
 +
 +
.default .module.contentmodule td {
 +
font-weight: normal;
 +
text-align: left;
 +
vertical-align: top;
 +
padding-bottom: 6pt;
 +
}
 +
.default .module.contentmodule table,
.default .module.contentmodule table,
.default .module.contentmodule .table{
.default .module.contentmodule .table{
width: 100%;
width: 100%;
-
padding-bottom: 28pt;
+
margin-bottom: 28pt;
font-size: 12pt;
font-size: 12pt;
}
}
 +
.default .module.contentmodule .figurevideo,
.default .module.contentmodule .figure {
.default .module.contentmodule .figure {
width: 100%;
width: 100%;
Line 88: Line 201:
}
}
-
.default .module.contentmodule table .caption,
+
.default .module.contentmodule .figurevideo .caption,
.default .module.contentmodule .table .caption,
.default .module.contentmodule .table .caption,
.default .module.contentmodule .figure .caption {
.default .module.contentmodule .figure .caption {
Line 96: Line 209:
}
}
-
.default .module.contentmodule table .title,
+
.default .module.contentmodule .figurevideo .title,
.default .module.contentmodule .table .title,
.default .module.contentmodule .table .title,
.default .module.contentmodule .figure .title {
.default .module.contentmodule .figure .title {
Line 103: Line 216:
}
}
 +
.default .module.contentmodule ul,
 +
.default .module.contentmodule ol,
.default .module.contentmodule .listing {
.default .module.contentmodule .listing {
-
padding: 0pt 39pt 17pt 73pt;
+
padding: 0pt 30pt 17pt 73pt;
}
}
 +
.default .module.contentmodule ol li,
 +
.default .module.contentmodule ul li,
.default .module.contentmodule .listing .item {
.default .module.contentmodule .listing .item {
-
padding: 0pt 0pt 10pt 0pt;
+
padding: 0pt 0pt 8pt 0pt;
}
}
Line 186: Line 303:
}
}
-
/*Menue Model*/
+
.default .module.imageonlymodule .image a,
 +
.default .module.imagemodule .image a{
 +
      display:block;
 +
}
 +
 
 +
.default .module.imagemodule .image {
 +
line-height: 0;
 +
}
 +
 
 +
/*Image Only Module*/
 +
.default .module.imageonlymodule .wrapper {
 +
padding: 0;
 +
}
 +
 
 +
.default .module.imageonlymodule .rawimage {
 +
width: 100%;
 +
height: auto;
 +
}
 +
 
 +
.default .module.imageonlymodule .image {
 +
line-height: 0;
 +
}
 +
 
 +
/*Menu Model*/
.default .module.menu {
.default .module.menu {
position: absolute;
position: absolute;
Line 226: Line 366:
}
}
 +
.default .module.menu.isfloating .item.active .button ,
.default .module.menu .item .button {
.default .module.menu .item .button {
height: 53pt;
height: 53pt;
font-size: 18pt;
font-size: 18pt;
padding: 16pt 0pt 0pt 11pt
padding: 16pt 0pt 0pt 11pt
 +
}
 +
 +
.default .module.menu .item .button .activesign {
 +
  display:none;
 +
}
 +
 +
.default .module.menu.isfloating .item.active .button .activesign {
 +
  display:inline;
}
}
Line 251: Line 400:
max-width: 280pt;
max-width: 280pt;
min-width: 196pt;
min-width: 196pt;
 +
z-index: 999;
}
}
.default .module.menu .submenu .item {
.default .module.menu .submenu .item {
Line 326: Line 476:
padding: 24pt 20pt 39pt 39pt;
padding: 24pt 20pt 39pt 39pt;
}
}
 +
 +
/*Video Module*/
 +
.default .module.videomodule .wrapper {
 +
padding: 0;
 +
padding-bottom: 28pt;
 +
}
 +
.default .module.videomodule .title {
 +
padding-top: 38pt;
 +
}
 +
</html>
</html>

Latest revision as of 03:33, 18 October 2014

a { text-decoration: none; } .default { position: relative; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 14pt; text-align: left; line-height: 1.2; } 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; display: block; } .default .module .caption a{ padding: 0px; } .default .module .description, .default .module .text { text-align: justify; } .default .module .text .span { white-space: nowrap; } .default .module .text { padding: 0pt 39pt 27pt 38pt; } .default .module .text a { padding: 0; } .default .module .subtitle{ padding: 0pt 39pt 4pt 38pt; } /*Movie Module*/ .default .module.moviemodule .wrapper { padding: 0; padding-bottom: 28pt; } .default .module.moviemodule .movie{ width: 100%; height: auto; } /*Reference Module*/ .default .module.referencemodule .reference { padding: 0pt 39pt 16pt 38pt; } /*Table Module*/ .default .module.tablemodule .caption, .default .module.tablemodule .caption { font-size: 11pt; padding: 11pt 39pt 16pt 38pt; line-height: 1; } .default .module.tablemodule th:first-child, .default .module.tablemodule td:first-child { padding-left:39pt; padding-right:0; } .default .module.tablemodule th:last-child, .default .module.tablemodule td:last-child { padding-left: 0; padding-right: 38pt; } .default .module.tablemodule tr:last-child .dt { padding-bottom: 8pt; } .default .module.tablemodule th { font-weight: normal; text-align: left; vertical-align: middle; padding: 8pt 0pt 8pt 0pt; } .default .module.tablemodule td { font-weight: normal; text-align: left; vertical-align: top; padding-bottom: 8pt; } .default .module.tablemodule table, .default .module.tablemodule .table{ width: 100%; margin-bottom: 28pt; font-size: 12pt; } /*Content Module*/ .default .module.contentmodule .figurevideo .movie{ width: 50%; height: auto; float: left; } .default .module.contentmodule .figurevideo{ width: 100%; height: auto; padding: 0; margin: 0; line-height: 0; } .default .module.contentmodule .figurevideo .figure{ width: 50%; height: 100%; float: left; } .default .module.tablemodule tr:last-child dt { padding-bottom: 8pt; } .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 th { font-weight: normal; text-align: left; vertical-align: middle; padding: 8pt 0pt 8pt 0pt; } .default .module.contentmodule td { font-weight: normal; text-align: left; vertical-align: top; padding-bottom: 6pt; } .default .module.contentmodule table, .default .module.contentmodule .table{ width: 100%; margin-bottom: 28pt; font-size: 12pt; } .default .module.contentmodule .figurevideo, .default .module.contentmodule .figure { width: 100%; padding-bottom: 28pt; line-height: 0; } .default .module.contentmodule .figure .rawfigure { width: 100%; height: auto; } .default .module.contentmodule .figurevideo .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 .figurevideo .title, .default .module.contentmodule .table .title, .default .module.contentmodule .figure .title { font-size: 11pt; padding: 0; } .default .module.contentmodule ul, .default .module.contentmodule ol, .default .module.contentmodule .listing { padding: 0pt 30pt 17pt 73pt; } .default .module.contentmodule ol li, .default .module.contentmodule ul li, .default .module.contentmodule .listing .item { padding: 0pt 0pt 8pt 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; } .default .module.imageonlymodule .image a, .default .module.imagemodule .image a{ display:block; } .default .module.imagemodule .image { line-height: 0; } /*Image Only Module*/ .default .module.imageonlymodule .wrapper { padding: 0; } .default .module.imageonlymodule .rawimage { width: 100%; height: auto; } .default .module.imageonlymodule .image { line-height: 0; } /*Menu 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.isfloating .item.active .button , .default .module.menu .item .button { height: 53pt; font-size: 18pt; padding: 16pt 0pt 0pt 11pt } .default .module.menu .item .button .activesign { display:none; } .default .module.menu.isfloating .item.active .button .activesign { display:inline; } .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; z-index: 999; } .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; } /*Video Module*/ .default .module.videomodule .wrapper { padding: 0; padding-bottom: 28pt; } .default .module.videomodule .title { padding-top: 38pt; }