Difference between revisions of "Team:Stockholm/hugicss"

 
(176 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
/* Fix top panel Bootstrap issues */
 +
 +
#top_menu_14, #top_menu_under, #top_menu_inside{
 +
box-sizing: initial;
 +
}
 +
 +
#top_menu_inside {
 +
margin-left: 20px;
 +
}
 +
 +
#bars_box, #menu_BarsBox, h5{
 +
-webkit-box-sizing: initial;
 +
box-sizing: initial;
 +
line-height: normal;
 +
}
 +
 +
#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 */
 
/* Containers */
  
 
.content-container {
 
.content-container {
−
height: auto;
 
−
max-width: 1100px;
 
 
min-width: 700px;
 
min-width: 700px;
 
position: relative;
 
position: relative;
−
top: 100px;
+
padding-left: 2em;
 +
padding-right: 2em;
 +
margin-top: 13em;
 +
counter-reset: references;
 
}
 
}
  
−
/* Meet the team */
+
/* Tables */
  
−
* {margin: 0; padding: 0;}
+
.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 */
  
 
#team-panel {
 
#team-panel {
−
height: 120px;
+
margin-top: 0px;
 
width: 100%;
 
width: 100%;
−
display: inline-block;
+
font-size:0;
−
*display: inline;
+
−
zoom: 1;
+
−
vertical-align: top;
+
 
}
 
}
  
 
#profile-picture {
 
#profile-picture {
 
width: 25%;
 
width: 25%;
 +
display: inline-block;
 +
vertical-align: top;
 
}
 
}
  
Line 29: Line 177:
 
width: 75%;
 
width: 75%;
 
background-color: FF11DD;
 
background-color: FF11DD;
 +
font-size:14;
 +
display: inline-block;
 +
vertical-align: top;
 
}
 
}
  
 
/* Typography */
 
/* Typography */
  
−
h1 {
+
ul {
−
font-family: 'Nunito', sans-serif;  
+
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-weight: bold;
 
font-size: 1.875em;
 
font-size: 1.875em;
 
text-align: left;
 
text-align: left;
 
border-bottom: none;
 
border-bottom: none;
 +
margin-top: 10px;
 
}
 
}
  
−
p {
+
.content-container h2 {
−
font-family: 'Nunito', sans-serif;  
+
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;
 
font-size: 0.875em;
 
text-align: left;
 
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 */
 +
#sticky {
 +
}
 +
#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;}

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;}