Difference between revisions of "Team:Technion Israel/CSS"

 
(13 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
*/
 
*/
  
 +
 +
/*! =====================================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 design===================================== */
+
/*! =====================================canceling wiki specific design===================================== */
  
 
/* Closing wiki side menu */
 
/* Closing wiki side menu */
Line 21: Line 177:
  
  
−
/*! Wiki defult settings are 127% */
+
/*! Wiki defult settings are 127% */
−
#globalWrapper {
+
#globalWrapper {
−
width: 100%;
+
width: 100%;
−
float: none;
+
float: none;
−
}
+
}
  
−
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+
/*corecting wiki css */
−
line-height: 1;
+
#HQ_page h1, h2, h3, h4, h5, h6 {
−
margin-bottom: .25em;
+
font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
−
padding-top: .17em;
+
font-weight : normal;
−
}
+
}
 +
 
 +
#HQ_page p {
 +
font-family: "Candara", "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: 27px;
 +
}
 +
 +
#content h1, h2, h3, h4, h5, h6 {
 +
font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
 +
font-weight : normal;
 +
}
 +
 
 +
#content p {
 +
font-family: "Candara", "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: 27px;
 +
}
 +
 
 +
#bodyContent h1, h2, h3, h4, h5, h6{
 +
    margin-bottom: 0;
 +
}
 +
 
 +
#globalWrapper{
 +
font-size: 100%;
 +
}
 +
 
 +
 
 +
/*! ==================================End of canceling wiki specific design================================== */
 +
 
 +
 
 +
 
 +
 
 +
/*! ============================================Our CSS============================================= */
 +
 
 +
 
 +
 
 +
/*! ===============All pages:=============== */
 +
 
 +
/* ======= fonts: ======= */
 +
h1, h2, h3, h4, h5, h6{
 +
font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif;
 +
color: black;
 +
line-height: 1;
 +
margin-bottom: .25em;
 +
padding-top: .17em;
 +
}
 +
 
 +
p {
 +
font-family: "Candara", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;
 +
 
 +
font-size: 18px;
 +
font-style: normal;
 +
font-variant: normal;
 +
font-weight: 400;
 +
line-height: 27px;
 +
}
 +
/* ===== END: fonts ======*/
 +
 
 +
/* ====== Go up arrow  ====== */
 +
.back-to-top {
 +
cursor: pointer;
 +
position: fixed;
 +
bottom: 20px;
 +
right: 20px;
 +
display:none;
 +
}
 +
/* ==== END: Go up arrow  ==== */
 +
 
 +
/*! =============END: All pages============= */
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*! =============Content pages:============= */
 +
 
 +
/* =========== Img tabs  =========== */
 +
/* Those the upper imgs which acts as tabs in each page */
 +
 
 +
/*img tabs basic design*/
 +
.cont_tabs{
 +
/*-webkit-filter: grayscale(0.75);*/
 +
cursor: pointer;
 +
transition: all .5s ease;
 +
margin: 0 auto;
 +
/* border: 2px solid #bbb;
 +
box-shadow: 5px 5px 3px grey;
 +
padding: 15px; */
 +
}
 +
 
 +
/*img tabs basic hover design*/
 +
.cont_tabs:hover{
 +
-webkit-filter: grayscale(0);
 +
transform: scale(1.2,1.2);
 +
margin: 0 auto;
 +
/*border: 2px solid #000;
 +
box-shadow: 5px 5px 3px grey;
 +
*/
 +
}
 +
 
 +
/*Hover over the tabs underline effect*/
 +
.nav-tabs { border-bottom: 2px solid #DDD; }
 +
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
 +
.nav-tabs > li > a { border: none; color: #666; }
 +
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
 +
.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
 +
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
 +
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
 +
.tab-pane { padding: 15px 0; }
 +
 
 +
/* ========= END: Img tabs  ========= */
 +
 
 +
 
 +
/* =========== Content  =========== */
 +
 
 +
/* The containers (box) which hold the texts and imgs in the page */
 +
.cont_box{
 +
padding-top: 30px;
 +
padding-right: 30px;
 +
padding-bottom: 30px;
 +
padding-left: 30px;
 +
border-radius:10px;
 +
/* border-radius:5px;
 +
background-color: #fff;
 +
border: 1px solid #000;
 +
box-shadow: 10px 10px 5px #f4f4f4; */
 +
}
 +
 
 +
/* In-content-pages imgs design: */
 +
.img-cont {
 +
margin: auto;
 +
box-shadow: 5px 5px 5px #a0a0a0;
 +
border-radius:25px;
 +
/*
 +
padding: 15px;
 +
*/
 +
}
 +
 +
.no-title-col {
 +
padding-top: 70px;
 +
vertical-align: middle;
 +
}
 +
/* ========= END: Content  ======== */
 +
 
 +
 
 +
/* ============= Modal ============ */
 +
/*canceling wiki bug (inlarge imgs stuck the page)*/
 +
.modal-backdrop {
 +
position: relative;
 +
}
  
 +
.modal{
 +
background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
 +
width: 100%; /* Full width */
 +
    height: 100%; /* Full height */
 +
}
  
−
/*! ==================================End of canceling wiki design================================== */
+
/* 100% Image Width on Smaller Screens */
 +
@media only screen and (max-width: 700px){
 +
.modal-content {
 +
width: 100%;
 +
}
 +
}
  
 +
/*End: Modal*/
 +
/* ========= END: Modal ======== */
  
  
 +
/*! =========================================END: Our CSS========================================== */
  
  

Latest revision as of 23:15, 17 October 2016

/*! iGEM Technion 2016

  • /


/*! =====================================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: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif; font-weight : normal; }

#HQ_page p { font-family: "Candara", "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: 27px; }

#content h1, h2, h3, h4, h5, h6 { font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif; font-weight : normal; }

#content p { font-family: "Candara", "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: 27px; }

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

#globalWrapper{ font-size: 100%; }


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



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


/*! ===============All pages:=============== */

/* ======= fonts: ======= */ h1, h2, h3, h4, h5, h6{ font-family: "Century Gothic", "CenturyGothic", "AppleGothic", sans-serif; color: black; line-height: 1; margin-bottom: .25em; padding-top: .17em; }

p { font-family: "Candara", "Calibri", "Segoe", "Segoe UI", "Optima", Arial, sans-serif;

font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 27px; } /* ===== END: fonts ======*/

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

/*! =============END: All pages============= */



/*! =============Content pages:============= */

/* =========== Img tabs =========== */ /* Those the upper imgs which acts as tabs in each page */

/*img tabs basic design*/ .cont_tabs{ /*-webkit-filter: grayscale(0.75);*/ cursor: pointer; transition: all .5s ease; margin: 0 auto; /* border: 2px solid #bbb; box-shadow: 5px 5px 3px grey; padding: 15px; */ }

/*img tabs basic hover design*/ .cont_tabs:hover{ -webkit-filter: grayscale(0); transform: scale(1.2,1.2); margin: 0 auto; /*border: 2px solid #000; box-shadow: 5px 5px 3px grey; */ }

/*Hover over the tabs underline effect*/ .nav-tabs { border-bottom: 2px solid #DDD; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; } .nav-tabs > li > a { border: none; color: #666; } .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; } .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; } .tab-pane { padding: 15px 0; }

/* ========= END: Img tabs ========= */


/* =========== Content =========== */

/* The containers (box) which hold the texts and imgs in the page */ .cont_box{ padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-radius:10px; /* border-radius:5px; background-color: #fff; border: 1px solid #000; box-shadow: 10px 10px 5px #f4f4f4; */ }

/* In-content-pages imgs design: */ .img-cont { margin: auto; box-shadow: 5px 5px 5px #a0a0a0; border-radius:25px; /* padding: 15px; */ }

.no-title-col { padding-top: 70px; vertical-align: middle; } /* ========= END: Content ======== */


/* ============= Modal ============ */ /*canceling wiki bug (inlarge imgs stuck the page)*/ .modal-backdrop { position: relative; }

.modal{ background-color: rgba(0,0,0,0.8); /* Black w/ opacity */ width: 100%; /* Full width */ 

   			height: 100%; /* Full height */

}

/* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px){ .modal-content { width: 100%; } }

/*End: Modal*/ /* ========= END: Modal ======== */


/*! =========================================END: Our CSS========================================== */



/*! from igem 2015 */ /*! .abstract { 

   font-size: 130%;

}

  1. top_menu_14 {

width: 100%; }

  1. top_menu_inside {

width: 100%; }

  1. top_menu_under {

width: 100%; }

  1. globalWrapper {

width: 100%; float: none; }

  1. content {

width: 100%; }

h1 { border-bottom: none; }

  • /