Difference between revisions of "Team:Stockholm/hugicss"

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