Difference between revisions of "Team:Stockholm/hugicss"

 
(19 intermediate revisions by 2 users not shown)
Line 56: Line 56:
 
padding-right: 2em;
 
padding-right: 2em;
 
margin-top: 13em;
 
margin-top: 13em;
−
counter-reset: sections;
+
counter-reset: references;
 
}
 
}
  
Line 79: Line 79:
 
font-size: 1em;
 
font-size: 1em;
 
margin: 0px;
 
margin: 0px;
 +
}
 +
 +
th.human-table-number {
 +
font-weight:normal;
 +
font-size:16px;
 +
}
 +
th.human-table-answer {
 +
font-size:16px;
 
}
 
}
  
Line 98: Line 106:
  
 
.ref {
 
.ref {
−
counter-increment: figures;
+
counter-increment: references;
 
}
 
}
  
 
.ref:before {
 
.ref:before {
−
content: "[" counter(figures) "]";
+
content: "[" counter(references) "]";
 
}
 
}
  
Line 124: Line 132:
 
.anchor {  
 
.anchor {  
 
display: block;
 
display: block;
−
height: 40px; /*same height as header*/
+
height: 80px; /*same height as header*/
−
margin-top: -40px; /*same height as header*/
+
margin-top: -80px; /*same height as header*/
 
visibility: hidden;
 
visibility: hidden;
 +
}
 +
 +
.anchor-ref {
 +
display: block;
 +
height: 60px; /*same height as header*/
 +
margin-top: -60px; /*same height as header*/
 +
visibility: hidden;
 +
}
 +
 +
.mw-content-ltr ul {
 +
margin-left:0px;
 
}
 
}
  
Line 134: Line 153:
 
margin-top: 2em;
 
margin-top: 2em;
 
margin-bottom: 2em;
 
margin-bottom: 2em;
 +
}
 +
 +
div.no-padding {
 +
padding-left:0px;
 +
padding-right:0px;
 
}
 
}
  
Line 159: Line 183:
  
 
/* Typography */
 
/* Typography */
 +
 +
ul {
 +
padding-bottom: 1em
 +
}
  
 
a {
 
a {
Line 166: Line 194:
 
a:visited {
 
a:visited {
 
     color: #B3772C;
 
     color: #B3772C;
 +
}
 +
 +
.question {
 +
padding-top: 1em;
 +
font-family: 'Roboto', sans-serif;
 +
font-weight: bold;
 +
font-size: 0.875em;
 +
text-align: left;
 
}
 
}
  
Line 206: Line 242:
 
font-family: sans-serif;  
 
font-family: sans-serif;  
 
font-size: 0.875em;
 
font-size: 0.875em;
−
text-align: left;
+
text-align: justify;
 
}
 
}
  
Line 214: Line 250:
 
font-size: 0.875em;
 
font-size: 0.875em;
 
text-align: left;
 
text-align: left;
 +
}
 +
 +
.figure-text p {
 +
font-size:13.5px;
 +
font-weight: 600;
 +
margin-left:12px;
 +
margin-right:12px;
 
}
 
}
  
Line 229: Line 272:
  
 
/* Medals */
 
/* Medals */
−
.panel-default>.bronze { background-color:#CD7F32;}
+
.panel-default>.bronze { background-color:#F5A75A;}
 +
.panel-default>.silver { background-color:#DEDEDE;}
 +
.panel-default>.gold { background-color:#FFE10A;}

Latest revision as of 20:48, 18 September 2015

/* Fix top panel Bootstrap issues */

  1. top_menu_14, #top_menu_under, #top_menu_inside{

box-sizing: initial; }

  1. top_menu_inside {

margin-left: 20px; }

  1. bars_box, #menu_BarsBox, h5{

-webkit-box-sizing: initial; box-sizing: initial; line-height: normal; }

  1. menu_BarsBox > h5 {

color: rgb(0, 0, 0); font-family: arial, sans-serif; font-size: 12px; line-height: normal; margin-bottom: 0px; margin-top: 0px; font-weight: bold; }

.accordion-content li { line-height: 18px; -webkit-box-sizing: initial; box-sizing: initial; }

.accordion-header, .active-header, .accordion-header_noaction { -webkit-box-sizing: initial; box-sizing: initial; color: rgb(101, 100, 89); font-family: Arial, Gadget, sans-serif; font-size: 13.92px; font-weight: bold; line-height: normal; margin: 0; }

/* Body */

body { background-color: #639B9A; }

/* Containers */

.content-container { min-width: 700px; position: relative; padding-left: 2em; padding-right: 2em; margin-top: 13em; counter-reset: references; }

/* Tables */

.hypotheses-table { width: auto; margin-top: 1em; margin-bottom: 1em; font-family: sans-serif; font-size: 0.875em; }

.hypotheses-table > tr > td > button{ font-family: sans-serif; font-size: 0.875em; }

.table-head { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1em; margin: 0px; }

th.human-table-number { font-weight:normal; font-size:16px; } th.human-table-answer { font-size:16px; }

/* References */


.reference-table { width: auto; margin-top: 1em; margin-bottom: 1em; font-family: sans-serif; font-size: 0.875em; }

.reference-table > tr > td > button{ font-family: sans-serif; font-size: 0.875em; }

.ref { counter-increment: references; }

.ref:before { content: "[" counter(references) "]"; }


/* Navigation */

.pillnav { margin-top: 2em; margin-bottom: 2em; margin-left: 0px; }

.anchor_link { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1em; margin: 0px; color: #639B9A; }

.anchor { display: block; height: 80px; /*same height as header*/ margin-top: -80px; /*same height as header*/ visibility: hidden; }

.anchor-ref { display: block; height: 60px; /*same height as header*/ margin-top: -60px; /*same height as header*/ visibility: hidden; }

.mw-content-ltr ul { margin-left:0px; }

/* Images */

.padded-image { margin-top: 2em; margin-bottom: 2em; }

div.no-padding { padding-left:0px; padding-right:0px; }

/* Meet the team */

  1. team-panel {

margin-top: 0px; width: 100%; font-size:0; }

  1. profile-picture {

width: 25%; display: inline-block; vertical-align: top; }

  1. profile-headline {

width: 75%; background-color: FF11DD; font-size:14; display: inline-block; vertical-align: top; }

/* Typography */

ul { padding-bottom: 1em }

a { 

   color: #DD9F3B;

}

a:visited { 

   color: #B3772C;

}

.question { padding-top: 1em; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 0.875em; text-align: left; }

.hypotheses { margin-top: 1em; font-family: sans-serif; font-size: 0.875em; }

.content-container h1 { font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1.875em; text-align: left; border-bottom: none; margin-top: 10px; }

.content-container h2 { margin: 0px; font-family: 'Roboto', sans-serif; font-weight: bold; font-size: 1.5em; text-align: left; border-bottom: none; margin-top: 10px; }

.content-container h4 { font-family: 'Roboto', sans-serif; margin-top: 0px; font-weight: bold; font-size: 0.875em; text-align: left; border-bottom: none; margin-top: 10px; }

.content-container p { font-family: sans-serif; font-size: 0.875em; text-align: justify; }


.content-container li { font-family: sans-serif; font-size: 0.875em; text-align: left; }

.figure-text p { font-size:13.5px; font-weight: 600; margin-left:12px; margin-right:12px; }

/* Sticky menu */

  1. sticky {

}

  1. sticky.stick {
   background-color: #fafafb;
   width: 700px;
   position: fixed;
   top: 0;
   z-index: 10000;
   padding-top: 5px;

}

/* Medals */ .panel-default>.bronze { background-color:#F5A75A;} .panel-default>.silver { background-color:#DEDEDE;} .panel-default>.gold { background-color:#FFE10A;}