Difference between revisions of "Team:Stockholm/hugicss"

 
(217 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
.contentbox {
+
/* Fix top panel Bootstrap issues */
−
  height: auto;
+
 
−
  width: 1100px;
+
#top_menu_14, #top_menu_under, #top_menu_inside{
−
  position: relative;
+
box-sizing: initial;
−
  padding-top: 40px;
+
−
  left: 12px;
+
−
  top: -20px;
+
 
}
 
}
  
−
headline1 {
+
#top_menu_inside {
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
margin-left: 20px;
−
font-size: 1.875em; /* 30px/16=1.875em */;
+
−
text-align: left;
+
 
}
 
}
  
−
p {
+
#bars_box, #menu_BarsBox, h5{
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
-webkit-box-sizing: initial;
−
    font-size: 0.875em; /* 14px/16=0.875em */
+
box-sizing: initial;
 +
line-height: normal;
 
}
 
}
  
−
#top
+
#menu_BarsBox > h5 {
−
{
+
color: rgb(0, 0, 0);
−
padding: .5em;
+
font-family: arial, sans-serif;
−
border-bottom: 1px solid gray;
+
font-size: 12px;
 +
line-height: normal;
 +
margin-bottom: 0px;
 +
margin-top: 0px;
 +
font-weight: bold;
 
}
 
}
  
−
#top h1
+
.accordion-content li {
−
{
+
line-height: 18px;
−
padding: 0;
+
-webkit-box-sizing: initial;
−
margin: 0;
+
box-sizing: initial;
−
border: none;
+
 
}
 
}
  
−
#leftpic
+
.accordion-header, .active-header, .accordion-header_noaction {
−
{
+
-webkit-box-sizing: initial;
−
float: left;
+
box-sizing: initial;
−
width: 160px;
+
color: rgb(101, 100, 89);
 +
font-family: Arial, Gadget, sans-serif;
 +
font-size: 13.92px;
 +
font-weight: bold;
 +
line-height: normal;
 
margin: 0;
 
margin: 0;
−
padding: 1em;
 
 
}
 
}
−
#rightpic
+
 
−
{
+
/* Body */
−
float: right;
+
 
−
width: 160px;
+
body {
−
margin: 0;
+
background-color: #639B9A;
−
padding: 1em;
+
 
}
 
}
  
−
#leftcontent
+
/* Containers */
−
{
+
 
−
margin-left: 200px;
+
.content-container {
−
border-left: 1px solid gray;
+
min-width: 700px;
−
padding: 1em;
+
position: relative;
−
max-width: 36em;
+
padding-left: 2em;
 +
padding-right: 2em;
 +
margin-top: 13em;
 +
counter-reset: references;
 
}
 
}
−
#rightcontent
+
 
−
{
+
/* Tables */
−
margin-right: 200px;
+
 
−
border-right: 1px solid gray;
+
.hypotheses-table {
−
padding: 1em;
+
width: auto;
−
max-width: 36em;
+
margin-top: 1em;
 +
margin-bottom: 1em;
 +
font-family: sans-serif;  
 +
font-size: 0.875em;
 
}
 
}
  
−
#individualfooter
+
.hypotheses-table > tr > td > button{
−
{
+
font-family: sans-serif;  
−
clear: both;
+
font-size: 0.875em;
−
margin: 0;
+
−
padding: .5em;
+
−
border-top: 1px solid gray;
+
 
}
 
}
−
#teamfooter
+
 
−
{
+
.table-head {
−
clear: both;
+
font-family: 'Roboto', sans-serif;  
−
margin: 0;
+
font-weight: bold;
−
padding: .5em;
+
font-size: 1em;
−
color: #333;
+
margin: 0px;
−
background-color: #ddd;
+
−
border-top: 1px solid gray;
+
 
}
 
}
  
−
#leftpic p { margin: 0 0 1em 0; }
+
th.human-table-number {  
−
#leftcontent h2 { margin: 0 0 .5em 0;
+
font-weight:normal;  
−
border: none; }
+
font-size:16px;
−
#rightpic p { margin: 0 0 1em 0; }
+
}
−
#rightcontent h2 { margin: 0 0 .5em 0;
+
th.human-table-answer {
−
border: none; }
+
font-size:16px;
 +
}
  
−
li {
+
/* 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 {
 +
margin-top: 0px;
 +
width: 100%;
 +
font-size:0;
 +
}
 +
 
 +
#profile-picture {
 +
width: 25%;
 +
display: inline-block;
 +
vertical-align: top;
 +
}
 +
 
 +
#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;
 
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;}