Difference between revisions of "Team:TECHNION-ISRAEL/CSS"

Revision as of 02:30, 2 November 2017

/*! iGEM Technion 2017

• /

/*! =====================================wiki reset===================================== */

.reset-this { animation : none; animation-delay : 0; animation-direction : normal; animation-duration : 0; animation-fill-mode : none; animation-iteration-count : 1; animation-name : none; animation-play-state : running; animation-timing-function : ease; backface-visibility : visible; background : 0; background-attachment : scroll; background-clip : border-box; background-color : transparent; background-image : none; background-origin : padding-box; background-position : 0 0; background-position-x : 0; background-position-y : 0; background-repeat : repeat; background-size : auto auto; border : 0; border-style : none; border-width : medium; border-color : inherit; border-bottom : 0; border-bottom-color : inherit; border-bottom-left-radius : 0; border-bottom-right-radius : 0; border-bottom-style : none; border-bottom-width : medium; border-collapse : separate; border-image : none; border-left : 0; border-left-color : inherit; border-left-style : none; border-left-width : medium; border-radius : 0; border-right : 0; border-right-color : inherit; border-right-style : none; border-right-width : medium; border-spacing : 0; border-top : 0; border-top-color : inherit; border-top-left-radius : 0; border-top-right-radius : 0; border-top-style : none; border-top-width : medium; bottom : auto; box-shadow : none; box-sizing : content-box; caption-side : top; clear : none; clip : auto; color : inherit; columns : auto; column-count : auto; column-fill : balance; column-gap : normal; column-rule : medium none currentColor; column-rule-color : currentColor; column-rule-style : none; column-rule-width : none; column-span : 1; column-width : auto; content : normal; counter-increment : none; counter-reset : none; cursor : auto; direction : ltr; display : inline; empty-cells : show; float : none; font : normal; font-family : inherit; font-size : medium; font-style : normal; font-variant : normal; font-weight : normal; height : auto; hyphens : none; left : auto; letter-spacing : normal; line-height : normal; list-style : none; list-style-image : none; list-style-position : outside; list-style-type : disc; margin : 0; margin-bottom : 0; margin-left : 0; margin-right : 0; margin-top : 0; max-height : none; max-width : none; min-height : 0; min-width : 0; opacity : 1; orphans : 0; outline : 0; outline-color : invert; outline-style : none; outline-width : medium; overflow : visible; overflow-x : visible; overflow-y : visible; padding : 0; padding-bottom : 0; padding-left : 0; padding-right : 0; padding-top : 0; page-break-after : auto; page-break-before : auto; page-break-inside : auto; perspective : none; perspective-origin : 50% 50%; position : static; /* May need to alter quotes for different locales (e.g fr) */ quotes : '\201C' '\201D' '\2018' '\2019'; right : auto; tab-size : 8; table-layout : auto; text-align : inherit; text-align-last : auto; text-decoration : none; text-decoration-color : inherit; text-decoration-line : none; text-decoration-style : solid; text-indent : 0; text-shadow : none; text-transform : none; top : auto; transform : none; transform-style : flat; transition : none; transition-delay : 0s; transition-duration : 0s; transition-property : none; transition-timing-function : ease; unicode-bidi : normal; vertical-align : baseline; visibility : visible; white-space : normal; widows : 0; width : auto; word-spacing : normal; z-index : auto; }

/*! ===================================END: wiki reset================================== */

/*! =====================================canceling wiki specific design===================================== */

/* Closing wiki side menu */ #sideMenu, #top_title { display: none; }

#content { width: 100%; margin: 0px; padding: 0px; background: none; }

/*! Wiki defult settings are 127% */ #globalWrapper { width: 100%; float: none; }

/*corecting wiki css */ #HQ_page h1, h2, h3, h4, h5, h6 { font-family:"Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; font-weight : normal; }

#HQ_page p { font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; font-weight : normal; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 35px; }

#content h1, h2, h3, h4, h5, h6 { font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; font-weight : normal; }

#content p { font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; font-weight : normal; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 35px; }

#bodyContent h1, h2, h3, h4, h5, h6{ margin-bottom: 0; }

#globalWrapper{ font-size: 100%; }

#bodyContent a[href ^="https://"], .link-https {

   padding-right: 0px;

color:#dc3522;} /*! ==================================End of canceling wiki specific design================================== */

/*! ================================== Our CSS ================================== */

ul { list-style-type: none; }

ul > li { list-style-type: none; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

body { margin: 20px; padding-top: 0px; font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; background-image: url(""); background-size: 100%; }

.vertical-align { display: flex; align-items: center;

}

/* ====== Go up arrow ====== */ .back-to-top { cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; } /* ==== END: Go up arrow ==== */

/*! ==========navbar ================== */

1. top_menu_under {

   position: relative;
   width: 100%;
   height: 3px;

}

.navbar-inverse { padding-top: 40px; background-image: none; background-color: #ffffff ; padding-left:0; border: none; padding-bottom: 25px; }

.dropdown-menu { background-color: rgba(255, 255, 255, 0); box-shadow:none; border:none; color: #ffffff; list-style: none; text-align: center; padding: 20px 0 20px 0px ; white-space: normal; }

.dropdown{

   display: inline;

padding: 0 20px 0 20px; }

.dropdown-menu> li> a { text-decoration: none; color: #ffffff; background-color: #374140; border-radius: 25px; padding: 12px 20px; text-transform: uppercase; margin-top:10px; font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; font-size: 14px; white-space: normal;

}

.dropdown-menu > li > a:hover {

   background-color: #ffffff;

background-image: none; border: 1px solid #374140; color: #374140;

}

.dropdown-toggle >a { text-decoration: none; color: #ffffff; }

.dropdown-toggle { text-decoration: none; border:none; color: #ffffff; background-color: #374140; border-radius: 25px; padding: 12px 20px; text-transform: uppercase; font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; font-size: 14px; box-shadow: 0 6px 12px rgba(0,0,0,.175); width: 120px; white-space: normal; } /*! ==========sidenav ================== */

.side { position: fixed; top: 0; left: 0; margin-top: 30vh; display:none; background-color: transparent; max-width:200px; }

.side > ul { list-style: none; margin-left: 40px; padding-left: 1em; text-indent: 0; border-left: 2px solid #C0C0C0; padding-top:0px;

}

.side > ul:hover { border-left: 2px solid #dc3522; }

.side > ul li { background-color: transparent ; font-size: 15px; margin-top: 10px; font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;

color: #C0C0C0; }

.side > ul li:hover { color: #dc3522; }

.side > ul li >a { text-decoration:none; color: #C0C0C0; }

.side > ul li >a:hover { text-decoration:none; color: #dc3522; border-bottom: 1px solid #dc3522; }

/*-------------- Results ------------- */

.container-fluid{ margin-top: 80px; margin-left: 20px; margin-right: 20px; }

1. content h1, h1{

   font-family: 'Quicksand', "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;

text-align: center; font-weight: 400; font-size: 50px; margin-bottom: 45px; margin-top:35px;

}

1. bodyContent h2, h2{

font-family: 'Quicksand', "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; text-align: center; font-weight: 400; font-size: 40px; margin-bottom: 45px; margin-top:30px; }

1. bodyContent h3, h3{

font-family: "Assistant", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif; text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 25px; margin-top:20px; }

#bodyContent h4, h4{

font-size: 25px; font-weight: 400; margin-bottom: 25px; margin-top:20px; }

#bodyContent h5, h5{

font-size: 20px; font-weight: 400; margin-bottom: 25px; margin-top:20px; }

#bodyContent h6, h6{ font-size: 14px; font-weight: 600; margin-bottom: 10px; margin-top:10px; }

.cover{

   display: block;

margin:auto; margin-top: 0; width: 60%; border-radius: 8px;

}

.circle { display:block; border-radius: 50%; width: 150px; height: 150px; background-color:#374140; margin:auto;

}

.graphs{ display: inline; width: 470px; padding-right:20px; padding-top: 30px; }

.circle a:hover {

   background-image: none;

border: none; color: #ffffff; text-decoration:none; }

.circle a { color: #ffffff; font-size:20px; text-transform: uppercase; }

p { font-size: 18px; line-height: 35px; text-align: justify; text-justify: inter-word; -moz-text-align-last: right; /* Code for Firefox */

}

/*!-----HP -*/ .HPA { display: block; margin:auto; border-radius: 25px; }

.no-rad { display: block; margin:auto; } /*!-----References -*/

.references { border-top-style: solid; border-width: 1px; border-color: #374140 ; padding-top: 30px; }

.references > ol { padding-top: 30px; }

.references > ol li { font-size: 15px; line-height: 35px; margin-top:10px; text-justify:inherit; }

sup.reference { unicode-bidi: -moz-isolate; unicode-bidi: -webkit-isolate; unicode-bidi: isolate; white-space: nowrap; }

sup, sub { line-height: 1; }

sup { vertical-align: super; font-size: x-small; }