Difference between revisions of "Template:LZU-CHINA/CSS"

 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
https://2018.igem.org/Template:LZU-CHINA/CSS/main
+
html {
−
https://2018.igem.org/Template:LZU-CHINA/CSS/demo
+
    overflow-y: hidden !important;
−
https://2018.igem.org/Template:LZU-CHINA/CSS/bookstrap
+
    height: 100%;
−
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
+
    width: 100%;
−
 
+
−
/* Clear the default wiki settings */
+
−
 
+
−
/********************************** DEFAULT WIKI SETTINGS *********************************/
+
−
 
+
−
.igem_2018_team_menu.displaying_menu{
+
−
display: none;
+
−
width:0px;
+
 
}
 
}
−
 
+
#top_menu_14 .h1{
−
 
+
color:white !important;
−
 
+
−
top_menu_inside #bars_item {
+
−
  position: absolute;
+
−
  top: -30px !important;
+
−
  left: -100px !important;
+
−
  z-index: -1 !important;
+
−
  cursor: pointer;
+
 
}
 
}
−
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
−
sideMenu,
+
    height: 0px;
−
top_title {
+
−
  display: none;
+
 
}
 
}
−
 
+
#content {
−
content {
+
width:100%;
−
  padding: 0px;
+
    padding: 0px;
−
  width: 100%;
+
    border: none;
 +
    margin-left: 0px;
 +
    margin-right: 0px;
 
}
 
}
−
 
+
#top_title {
−
body {
+
    margin-bottom: 0px;
−
 
+
    display: none;
−
  background-color: white;
+
−
  margin: 0px;
+
 
}
 
}
−
 
+
html {
−
bodyContent h1 {
+
    overflow-y: hidden !important;
−
  font-weight: 300 !important;
+
    height: 100%;
 +
    width: 100%;
 
}
 
}
−
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
−
bodyContent h1,
+
    height: 0px;
−
bodyContent h2,
+
−
bodyContent h3,
+
−
bodyContent h4,
+
−
bodyContent h5 {
+
−
  margin-bottom: 0px;
+
−
  border-bottom: none;
+
 
}
 
}
 +
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0; }*/
 +
body { background:#000; color:#555;  font-family: Verdana, Arial, Helvetica, sans-serif; }
 +
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
 +
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
 +
a { color:#555; text-decoration:none; }
 +
a:hover { text-decoration:underline; }
 +
img { border:none; }
 +
ol,ul,li { list-style:none; }
 +
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
 +
table { border-collapse:collapse; }
  
−
bodyContent {
+
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
−
  padding-right: 0px;
+
.clearfix { *zoom:1; }
−
}
+
  
−
globalWrapper {
+
.igem_2018_team_menu.displaying_menu{display:none !important;}
−
  font-size: 100%;
+
body {
−
  padding: 0px;
+
            height: 100%;
−
  margin: -10px -20px -20px -20px;
+
            width: 100%;
−
}
+
         
 +
        }
 +
        #globalWrapper {
 +
            margin: 0;
 +
            padding: 0;
 +
          font-size:100% !important;
 +
        }
 +
        #content {
 +
            width: 100%;
 +
            padding: 0;
 +
            margin: -12px 0 0;
 +
            background-color: transparent !important;
 +
        }
  
−
.navbar-collapse {
+
        #top_title {
−
 
+
            display: none;
−
  padding-left: 0px;
+
        }
 +
.igem_2018_team_content{
 +
  /*background-color: transparent !important;*/
 
}
 
}
−
 
+
#content{
−
banner {
+
/*color:white !important;*/
−
  margin-top: 50px;
+
 
}
 
}
  
−
sideMenu {
+
.igem_2018_team_content
−
  margin-top: 10px;
+
.igem_2018_team_column_wrapper
 +
{
 +
 +
/*font-weight:nomal !important;
 +
text-decoration:none !important;*/
 +
height: 0px !important;
 +
clear: none!important;
 
}
 
}
−
 
+
.igem_2018_team_content
−
.navbar-nav .dropdown-menu, .navbar .dropdown-menu {
+
.igem_2018_team_column_wrapper p{
−
 
+
/*font-size: 100%  !important;
−
  margin-top: 0;
+
color: white !important;*/
 +
font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif !important;
 +
padding: 0px !important;
 
}
 
}
 +
.igem_2018_team_column_wrapper h2
 +
.igem_2018_team_content
 +
.igem_2018_team_column_wrapper h3
 +
.igem_2018_team_content
 +
.igem_2018_team_column_wrapper h4
 +
.igem_2018_team_content
 +
.igem_2018_team_column_wrapper h5 {
  
−
/**************************************************************** MENU ***************************************************************/ /* Wrapper for the menu */
+
/*color: white !important;*/
−
.igem_2018_menu_wrapper {
+
padding: 0px !important;
−
 
+
−
  width: 15%;
+
−
  height: 100vh;
+
−
  position: fixed;
+
−
  right: 0%;
+
−
  padding: 0px;
+
−
  float: right;
+
−
  border-left: 1px solid #d3d3d3;
+
−
  background-color: #dddddd;
+
−
  text-align: left;
+
−
  font-family: Tahoma, Geneva, sans-serif;
+
−
  overflow-y: auto;
+
−
  overflow-x: hidden;
+
 
}
 
}
−
 
+
.clear
−
/* this hides the scrollbar to keep view consistency */ .igem_2018_menu_wrappe::-webkit-scrollbar {
+
.extra_space{
−
 
+
display: float!important;
−
  display: none;
+
 
}
 
}
  
−
/* styling for links in the menu, removes the line under text */ .igem_2018_menu_wrapper a {
+
ul{
−
 
+
list-style-type:none !important;
−
  text-decoration: none;
+
list-style-image:none !important;
 
}
 
}
  
−
/* styling for the images in the menu */ .igem_2018_menu_wrapper img {
+
.igem_2018_team_mobile_bar{
−
 
+
display: none !important;
−
  width: 100%;
+
 
}
 
}
  
−
/* styling for the menu buttons */ .igem_2018_menu_wrapper .menu_button {
+
.clear .extra_space{
−
 
+
display: none !important;
−
  width: 100%;
+
−
  padding: 10px 0px 10px 15px;
+
−
  float: left;
+
−
  border-bottom: 1px solid #d3d3d3;
+
−
  font-size: 12px;
+
−
  font-weight: bold;
+
−
  color: #5e5f5f;
+
−
  cursor: pointer;
+
 
}
 
}
−
 
+
#globalWrapper{
−
.igem_2018_menu_wrapper .menu_bottom_padding {
+
width: auto !important;
−
 
+
−
  width: 100%;
+
−
  height: 30px;
+
−
  float: left;
+
 
}
 
}
  
−
.menu_button.direct_to_page {
+
.igem_2018_team_content .igem_2018_team_column_wrapper a{
−
 
+
text-decoration: none!important;
−
  padding-left: 36px;
+
text-decoration-color: none !important;
 
}
 
}
−
 
+
.igem_2018_team_content .igem_2018_team_column_wrapper ul{
−
.igem_2018_menu_wrapper .menu_button .expand_collapse_icon {
+
font-size: 120% !important;
−
 
+
padding: 0 0 0 0 !important;
−
  width: 10%;
+
−
  float: left;
+
 
}
 
}
−
 
+
.intro .main-nav ul.main-menu li ul.dropdown-menu{
−
.igem_2018_menu_wrapper .menu_button .expand_collapse_icon::before {
+
background:rgba(243,243,243,0.4)  none repeat scroll 0 0 !important;
−
 
+
−
  content: "+";
+
 
}
 
}
  
−
 
+
#bodyContent a{
−
/* styling for the menu buttons on hover */ .igem_2018_menu_wrapper .menu_button:hover, .igem_2018_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover {
+
background: normal!important;
−
 
+
−
  background-color: #3399ff;
+
−
  text-decoration: none;
+
−
  color: #ffffff;
+
 
}
 
}
−
 
+
h3{
−
/* styling for the menu button when it is the current page */ .current_page {
+
overflow: visible !important;
−
 
+
−
  background-color: #7fc1f7 !important;
+
−
  color: #5e5f5f !important;
+
 
}
 
}
−
 
+
.igem_2018_team_column_wrapper{
−
/* styling for the submenu buttons */ .igem_2018_menu_wrapper .submenu_button {
+
width: 100% !important;
−
 
+
−
  width: 100%;
+
−
  padding: 10px 0px 10px 34px;
+
−
  float: left;
+
−
  background-color: #f2f2f2;
+
−
  border-bottom: 1px solid #d3d3d3;
+
−
  font-size: 12px;
+
−
  color: #5e5f5f;
+
−
  cursor: pointer;
+
 
}
 
}
−
 
+
.igem_2018_team_content{
−
/* wrapper for the submenu items, they are hidden by default*/ .igem_2018_menu_wrapper .submenu_wrapper {
+
width: 100% !important;
−
 
+
−
  display: none;
+
 
}
 
}
  
−
/* when the page size is bigger than 800px, this show/hide control is hidden by default */ .igem_2018_menu_wrapper #display_menu_control {
+
.mw-content-ltr {
−
 
+
margin: 0 auto !important;
−
  display: none;
+
−
  text-align: center;
+
 
}
 
}
  
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
+
#navbar-collapse{
−
 
+
padding-right:auto;
−
/* Wrapper for the content */ .igem_2018_content_wrapper {
+
−
 
+
−
  width: 81%;
+
−
  margin: 2%;
+
−
  display: block;
+
−
  float: left;
+
−
  background-color: white;
+
−
  font-family: Tahoma, Geneva, sans-serif;
+
 
}
 
}
−
 
+
.mw-content-ltr ol{
−
/********************************* HTML STYLING *********************************/
+
margin: auto !important;
−
 
+
−
/* styling for the titles h1 h2 */ .igem_2018_content_wrapper h1, .igem_2018_content_wrapper h2 {
+
−
 
+
−
  padding: 5px 15px;
+
−
  border-bottom: 0px;
+
−
  color: #3399ff;
+
 
}
 
}
−
 
+
.carousel-indicators{
−
/* styling for the titles h3 h4 h5 h6*/ .igem_2018_content_wrapper h3, .igem_2018_content_wrapper h4, .igem_2018_content_wrapper h5, .igem_2018_content_wrapper h6 {
+
width: auto !important;
−
 
+
−
  padding: 5px 15px;
+
−
  border-bottom: 0px;
+
−
  color: #000000;
+
 
}
 
}
  
−
/* font and text */ .igem_2018_content_wrapper p {
 
  
−
  padding: 0px 15px;
+
.container{
−
  font-size: 13px;
+
width: auto !important;
 
}
 
}
  
−
/* Links */ .igem_2018_content_wrapper a {
 
  
−
  font-weight: bold;
 
−
  text-decoration: underline;
 
−
  text-decoration-color: #3399ff;
 
−
  color: #3399ff;
 
−
  -webkit-transition: all 0.4s ease;
 
−
  -moz-transition: all 0.4s ease;
 
−
  -ms-transition: all 0.4s ease;
 
−
  -o-transition: all 0.4s ease;
 
−
  transition: all 0.4s ease;
 
−
}
 
  
−
/* hover for the links */ .igem_2018_content_wrapper a:hover {
+
a {
−
 
+
text-decoration:none
−
  text-decoration: none;
+
−
  color: #000000;
+
 
}
 
}
−
 
+
a:hover {
−
/* non numbered lists */ .igem_2018_content_wrapper ul {
+
text-decoration:underline
−
 
+
−
  padding: 0px 20px;
+
−
  font-size: 13px;
+
−
  font-family: Tahoma, Geneva, sans-serif;
+
 
}
 
}
  
−
/* numbered lists */ .igem_2018_content_wrapper ol {
+
#moquu_top{
−
 
+
z-index:2;
−
  padding: 0px;
+
width:30px;
−
  font-size: 13px;
+
height:30px;
−
  font-family: Tahoma, Geneva, sans-serif;
+
position:fixed;
 +
cursor:pointer;
 +
_position:absolute;
 +
_bottom:auto;
 +
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
 
}
 
}
  
−
/* Table */ .igem_2018_content_wrapper table {
 
−
 
−
  width: 97%;
 
−
  margin: 15px 10px;
 
−
  border: 1px solid #d3d3d3;
 
−
  border-collapse: collapse;
 
−
}
 
−
 
−
/* table cells */ .igem_2018_content_wrapper td {
 
−
 
−
  padding: 10px;
 
−
  vertical-align: text-top;
 
−
  border: 1px solid #d3d3d3;
 
−
  border-collapse: collapse;
 
−
}
 
−
 
−
/* table headers */ .igem_2018_content_wrapper th {
 
−
 
−
  padding: 10px;
 
−
  vertical-align: text-top;
 
−
  border: 1px solid #d3d3d3;
 
−
  border-collapse: collapse;
 
−
  background-color: #f2f2f2;
 
−
}
 
−
 
−
/**********************************LAYOUT CLASSES **********************************/
 
−
 
−
/* general class for column divs */ .igem_2018_content_wrapper .column {
 
−
 
−
  padding: 10px 0px;
 
−
  float: left;
 
−
}
 
−
 
−
/* class for a full width column */ .column .full_size {
 
−
 
−
  width: 100%;
 
−
}
 
−
 
−
/* styling for images in a full width column*/ .column.full_size img {
 
−
 
−
  width: 97%;
 
−
  padding: 10px 15px;
 
−
}
 
−
 
−
/* class for a half width column */ .column.half_size {
 
−
 
−
  width: 50%;
 
−
}
 
−
 
−
/* styling for images in a half width column*/ .column.half_size img {
 
−
 
−
  width: 94.5%;
 
−
  padding: 10px 15px;
 
−
}
 
−
 
−
/********************************* SUPPORT CLASSES ********************************/
 
−
 
−
/* class that clears content below*/ .igem_2018_content_wrapper .clear {
 
−
 
−
  clear: both;
 
−
}
 
−
 
−
/* adds extra spacing when clearing content */ .igem_2018_content_wrapper .clear.extra_space {
 
−
 
−
  height: 30px;
 
−
}
 
−
 
−
/* highlight class, makes content slightly smaller */ .igem_2018_content_wrapper .highlight {
 
−
 
−
  margin: 0px 15px;
 
−
  padding: 15px 0px;
 
−
}
 
−
 
−
/* highlight class, adds a gray background */ .igem_2018_content_wrapper .highlight.gray {
 
−
 
−
  background-color: #f2f2f2;
 
−
}
 
−
 
−
/* highlight with decoration blue line on top */ .igem_2018_content_wrapper .highlight.blue_top {
 
−
 
−
  border-top: 4px solid #3399ff;
 
−
}
 
−
 
−
/* highlight with a full blue border decoration */ .igem_2018_content_wrapper .highlight.blue_border {
 
−
 
−
  border: 4px solid #3399ff;
 
−
}
 
−
 
−
/* button class */ .igem_2018_content_wrapper .button {
 
−
 
−
  max-width: 35%;
 
−
  margin: 30px auto;
 
−
  padding: 12px 10px;
 
−
  background-color: #3399ff;
 
−
  text-align: center;
 
−
  color: #ffffff;
 
−
  -webkit-transition: all 0.4s ease;
 
−
  -moz-transition: all 0.4s ease;
 
−
  -ms-transition: all 0.4s ease;
 
−
  -o-transition: all 0.4s ease;
 
−
  transition: all 0.4s ease;
 
−
}
 
−
 
−
/* styling for button on hover */ .igem_2018_content_wrapper .button:hover {
 
−
 
−
  background-color: #3399ff;
 
−
  color: #000000;
 
−
}
 
−
 
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
 
−
 
−
/* IF THE SCREEN IS LESS THAN 1200PX */ @media only screen and (max-width: 1200px) {
 
−
 
−
  #content {
 
−
      width: 100%;
 
−
  }
 
−
  .igem_2018_menu_wrapper {
 
−
      width: 15%;
 
−
      right: 0;
 
−
  }
 
−
  .highlight {
 
−
      padding: 10px 0px;
 
−
  }
 
−
  .igem_2018_menu_wrapper #display_menu_control {
 
−
      display: none;
 
−
  }
 
−
  #menu_content {
 
−
      display: block;
 
−
  }
 
−
  .menu_button.direct_to_page {
 
−
      padding-left: 17px;
 
−
  }
 
−
}
 
−
 
−
/* IF THE SCREEN IS LESS THAN 800PX */ @media only screen and (max-width: 800px) {
 
−
 
−
  .igem_2018_menu_wrapper {
 
−
      width: 100%;
 
−
      height: 15%;
 
−
      position: relative;
 
−
      left: 0%;
 
−
  }
 
−
  .igem_2018_content_wrapper {
 
−
      width: 100%;
 
−
      margin-left: 0px;
 
−
  }
 
−
  .column.half_size {
 
−
      width: 100%;
 
−
  }
 
−
  .column.full_size img, .column.half_size img {
 
−
      width: 100%;
 
−
      padding: 10px 0px;
 
−
  }
 
−
  .highlight {
 
−
      padding: 15px 5px;
 
−
  }
 
−
  .igem_2018_menu_wrapper #display_menu_control {
 
−
      display: block;
 
−
  }
 
−
  #menu_content {
 
−
      display: none;
 
−
  }
 
−
  .igem_2018_menu_wrapper .menu_button .expand_collapse_icon {
 
−
      width: 5%;
 
−
  }
 
−
  .menu_bottom_padding {
 
−
      display: none;
 
−
  }
 
−
  .menu_button.direct_to_page {
 
−
      padding-left: 36px;
 
−
  }
 
−
}
 
−
 
−
/* special class that the system uses to make sure the team wants a page to be evaluated */ .judges-will-not-evaluate {
 
−
 
−
  width: 96.6%;
 
−
  margin: 5px 15px;
 
−
  display: block;
 
−
  border: 4px solid #3399ff;
 
−
  font-weight: bold;
 
−
}
 
  
−
.content_wrapper {
 
  
−
  width: 100%;
+
#topcontrol{background:transparent; height:auto; width:auto; border-radius:0px;}
−
  height: 100vh;
+
#HQ_page p{
 +
font-size:18px;
 
}
 
}

Latest revision as of 14:29, 16 October 2018

html { 

   overflow-y: hidden !important;
   height: 100%;
   width: 100%;

}

  1. top_menu_14 .h1{

color:white !important; } .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space { 

   height: 0px;

}

  1. content {

width:100%; 

   padding: 0px;
   border: none;
   margin-left: 0px;
   margin-right: 0px;

}

  1. top_title {
   margin-bottom: 0px;
   display: none;

} html { 

   overflow-y: hidden !important;
   height: 100%;
   width: 100%;

} .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space { 

   height: 0px;

} /*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0; }*/ body { background:#000; color:#555; font-family: Verdana, Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;} a { color:#555; text-decoration:none; } a:hover { text-decoration:underline; } img { border:none; } ol,ul,li { list-style:none; } input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; } table { border-collapse:collapse; }

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; }

.igem_2018_team_menu.displaying_menu{display:none !important;} body { 

           height: 100%;
           width: 100%;
          
       }
       #globalWrapper {
           margin: 0;
           padding: 0;
         font-size:100% !important;
       }
       #content {
           width: 100%;
           padding: 0;
           margin: -12px 0 0;
           background-color: transparent !important;
       }

       #top_title {
           display: none;
       }

.igem_2018_team_content{ /*background-color: transparent !important;*/ }

  1. content{

/*color:white !important;*/ }

.igem_2018_team_content .igem_2018_team_column_wrapper {

/*font-weight:nomal !important; text-decoration:none !important;*/ height: 0px !important; clear: none!important; } .igem_2018_team_content .igem_2018_team_column_wrapper p{ /*font-size: 100% !important; color: white !important;*/ font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif !important; padding: 0px !important; } .igem_2018_team_column_wrapper h2 .igem_2018_team_content .igem_2018_team_column_wrapper h3 .igem_2018_team_content .igem_2018_team_column_wrapper h4 .igem_2018_team_content .igem_2018_team_column_wrapper h5 {

/*color: white !important;*/ padding: 0px !important; } .clear .extra_space{ display: float!important; }

ul{ list-style-type:none !important; list-style-image:none !important; }

.igem_2018_team_mobile_bar{ display: none !important; }

.clear .extra_space{ display: none !important; }

  1. globalWrapper{

width: auto !important; }

.igem_2018_team_content .igem_2018_team_column_wrapper a{ text-decoration: none!important; text-decoration-color: none !important; } .igem_2018_team_content .igem_2018_team_column_wrapper ul{ font-size: 120% !important; padding: 0 0 0 0 !important; } .intro .main-nav ul.main-menu li ul.dropdown-menu{ background:rgba(243,243,243,0.4) none repeat scroll 0 0 !important; }

  1. bodyContent a{

background: normal!important;

} h3{ overflow: visible !important; } .igem_2018_team_column_wrapper{ width: 100% !important; } .igem_2018_team_content{ width: 100% !important; }

.mw-content-ltr { margin: 0 auto !important; }

  1. navbar-collapse{
padding-right:auto;

} .mw-content-ltr ol{ margin: auto !important; } .carousel-indicators{ width: auto !important; }


.container{ width: auto !important; }


a { text-decoration:none } a:hover { text-decoration:underline }

  1. moquu_top{

z-index:2; width:30px; height:30px; position:fixed; cursor:pointer; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) }


  1. topcontrol{background:transparent; height:auto; width:auto; border-radius:0px;}
  2. HQ_page p{

font-size:18px; }