Team:Groningen/Template/CSS/default

From 2014.igem.org

(Difference between revisions)
 
(29 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 39: Line 40:
padding: 0pt 39pt 27pt 38pt;
padding: 0pt 39pt 27pt 38pt;
display: block;
display: block;
 +
}
 +
 +
.default .module .caption a{
 +
padding: 0px;
}
}
Line 52: Line 57:
.default .module .text {
.default .module .text {
padding: 0pt 39pt 27pt 38pt;
padding: 0pt 39pt 27pt 38pt;
 +
}
 +
 +
.default .module .text a {
 +
padding: 0;
}
}
Line 69: Line 78:
}
}
-
/*Image Movie Module*/
+
/*Reference Module*/
-
.default .module.imagemoviemodule .wrapper {
+
.default .module.referencemodule .reference {
-
padding: 0;
+
padding: 0pt 39pt 16pt 38pt;
-
padding-bottom: 28pt;
+
-
}
+
-
 
+
-
.default .module.imagemoviemodule .movie{
+
-
width: 50%;
+
-
height: auto;
+
-
float: left;
+
-
}
+
-
 
+
-
.default .module.imagemoviemodule .pairbox{
+
-
width: 100%;
+
-
height: auto;
+
-
padding: 0;
+
-
margin: 0;
+
-
line-height: 0;
+
-
}
+
-
 
+
-
.default .module.imagemoviemodule .image{
+
-
width: 50%;
+
-
height: 100%;
+
-
float: left;
+
-
vertical-align: middle;
+
}
}
Line 114: Line 101:
padding-left: 0;
padding-left: 0;
padding-right: 38pt;
padding-right: 38pt;
 +
}
 +
 +
.default .module.tablemodule tr:last-child .dt {
 +
padding-bottom: 8pt;
}
}
Line 119: Line 110:
font-weight: normal;
font-weight: normal;
text-align: left;
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;
}
}
Line 127: Line 127:
font-size: 12pt;
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 139: 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;
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,
Line 152: Line 189:
}
}
 +
.default .module.contentmodule .figurevideo,
.default .module.contentmodule .figure {
.default .module.contentmodule .figure {
width: 100%;
width: 100%;
Line 163: Line 201:
}
}
 +
.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 170: Line 209:
}
}
 +
.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 176: 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 256: Line 300:
.default .module.imagemodule .image {
.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;
line-height: 0;
}
}
Line 306: Line 373:
}
}
 +
.default .module.menu .item .button .activesign {
 +
  display:none;
 +
}
-
.default .module.menu.isfloating .item.active .button{
+
.default .module.menu.isfloating .item.active .button .activesign {
-
   color:#000;
+
   display:inline;
}
}
Line 414: Line 484:
.default .module.videomodule .title {
.default .module.videomodule .title {
padding-top: 38pt;
padding-top: 38pt;
-
}
 
-
.default .module.imagemodule .rawimage {
 
-
width: 100%;
 
-
height: auto;
 
-
}
 
-
 
-
.default .module.imagemodule .image {
 
-
line-height: 0;
 
}
}
</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; }

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