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

Revision as of 14:18, 10 October 2018 (view source) Meijy (Talk | contribs) ← Older edit		Latest revision as of 14:29, 16 October 2018 (view source) Meijy (Talk | contribs)
(23 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  *********************************/	+
−		+
−	/**************************************************************************************************************************************************************************************************/	+
−	/* DEFAULT WIKI SETTINGS */	+
−	/**************************************************************************************************************************************************************************************************/	+
−		+
−	#home_logo, #sideMenu { display:none; }	+
−	#sideMenu, #top_title, .patrollink  {display:none;}	+
−	#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}	+
−	body {background-color:white; }	+
−	#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }	+
−		+
−	.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}	+
−		+
−	#top_menu_inside #bars_item {	+
−	position: absolute;	+
−	top: -30px !important;	+
−	left: -100px !important;	+
−	z-index: -1 !important;	+
−	cursor: pointer;	+
	}		}
−		+	#top_menu_14 .h1{
−	#sideMenu,	+	color:white !important;
−	#top_title {	+	}
−	display: none;	+	.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
		+	height: 0px;
	}		}
−
	#content {		#content {
		+	width:100%;
	padding: 0px;		padding: 0px;
−	width: 100%;	+	border: none;
		+	margin-left: 0px;
		+	margin-right: 0px;
	}		}
−		+	#top_title {
−	body {	+
−	background-color: white;	+
−	margin: 0px;	+
−	}	+
−		+
−	#bodyContent h1 {	+
−	font-weight: 300 !important;	+
−	}	+
−		+
−	#bodyContent h1,	+
−	#bodyContent h2,	+
−	#bodyContent h3,	+
−	#bodyContent h4,	+
−	#bodyContent h5 {	+
	margin-bottom: 0px;		margin-bottom: 0px;
−	border-bottom: none;
−	}
−
−	#bodyContent {
−	padding-right: 0px;
−	}
−
−	#globalWrapper {
−	font-size: 100%;
−	padding: 0px;
−	margin: -10px -20px -20px -20px;
−	}
−
−	.navbar-collapse {
−	padding-left: 0px;
−	}
−
−	#banner {
−	margin-top: 50px;
−	}
−
−	#sideMenu {
−	margin-top: 10px;
−	}
−
−	.navbar-nav .dropdown-menu,
−	.navbar .dropdown-menu {
−	margin-top: 0;
−	}
−
−	/**************************************************************** MENU ***************************************************************/
−	/* Wrapper for the menu */
−	.igem_2017_menu_wrapper {
−	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;
−	}
−
−	/* this hides the scrollbar to keep view consistency */
−	.igem_2017_menu_wrappe::-webkit-scrollbar {
	display: none;		display: none;
	}		}
−		+	html {
−	/* styling for links in the menu, removes the line under text */	+	overflow-y: hidden !important;
−	.igem_2017_menu_wrapper a {	+	height: 100%;
−	text-decoration: none;	+
−	}	+
−		+
−	/* styling for the images in the menu */	+
−	.igem_2017_menu_wrapper img {	+
	width: 100%;		width: 100%;
	}		}
−		+	.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
−	/* styling for the menu buttons */	+	height: 0px;
−	.igem_2017_menu_wrapper .menu_button {	+
−	width: 100%;	+
−	padding: 10px 0px 10px 15px;	+
−	float: left;	+
−	border-bottom: 1px solid #d3d3d3;	+
−	font-size: 12px;	+
−	font-weight: bold;	+
−	color: #5e5f5f;	+
−	cursor: pointer;	+
	}		}
		+	/*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; }
−	.igem_2017_menu_wrapper .menu_bottom_padding {	+	.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
−	width: 100%;	+	.clearfix { *zoom:1; }
−	height: 30px;	+
−	float: left;	+
−	}	+
−	.menu_button.direct_to_page {	+	.igem_2018_team_menu.displaying_menu{display:none !important;}
−	padding-left: 36px;	+	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;
		+	}
−	.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {	+	#top_title {
−	width: 10%;	+	display: none;
−	float: left;	+	}
		+	.igem_2018_team_content{
		+	/*background-color: transparent !important;*/
	}		}
−		+	#content{
−	.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {	+	/*color:white !important;*/
−	content: "+";	+
	}		}
−		+	.igem_2018_team_content
−	/* styling for the menu buttons on hover */	+	.igem_2018_team_column_wrapper
−	.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover {	+	{
−	background-color: #3399ff;	+
−	text-decoration: none;	+	/*font-weight:nomal !important;
−	color: #ffffff;	+	text-decoration:none !important;*/
		+	height: 0px !important;
		+	clear: none!important;
	}		}
−		+	.igem_2018_team_content
−	/* styling for the menu button when it is the current page */	+	.igem_2018_team_column_wrapper p{
−	.current_page {	+	/*font-size: 100%  !important;
−	background-color: #7fc1f7 !important;	+	color: white !important;*/
−	color: #5e5f5f !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 {
−	/* styling for the submenu buttons */	+	/*color: white !important;*/
−	.igem_2017_menu_wrapper .submenu_button {	+	padding: 0px !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;	+
	}		}
−		+	.clear
−	/* wrapper for the submenu items, they are hidden by default*/	+	.extra_space{
−	.igem_2017_menu_wrapper .submenu_wrapper {	+	display: float!important;
−	display: none;	+
	}		}
−	/* when the page size is bigger than 800px, this show/hide control is hidden by default */	+	ul{
−	.igem_2017_menu_wrapper #display_menu_control {	+	list-style-type:none !important;
−	display: none;	+	list-style-image:none !important;
−	text-align: center;	+
	}		}
−	/***************************************************** CONTENT OF THE PAGE ****************************************************/	+	.igem_2018_team_mobile_bar{
−		+	display: none !important;
−	/* Wrapper for the content */	+
−	.igem_2017_content_wrapper {	+
−	width: 81%;	+
−	margin: 2%;	+
−	display: block;	+
−	float: left;	+
−	background-color: white;	+
−	font-family: Tahoma, Geneva, sans-serif;	+
	}		}
−	/********************************* HTML STYLING  *********************************/	+	.clear .extra_space{
−		+	display: none !important;
−	/* styling for the titles h1 h2 */	+
−	.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {	+
−	padding: 5px 15px;	+
−	border-bottom: 0px;	+
−	color: #3399ff;	+
	}		}
−		+	#globalWrapper{
−	/* styling for the titles  h3 h4 h5 h6*/	+	width: auto !important;
−	.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {	+
−	padding: 5px 15px;	+
−	border-bottom: 0px;	+
−	color: #000000;	+
	}		}
−	/* font and text */	+	.igem_2018_team_content .igem_2018_team_column_wrapper a{
−	.igem_2017_content_wrapper p {	+	text-decoration: none!important;
−	padding: 0px 15px;	+	text-decoration-color: none !important;
−	font-size: 13px;	+
	}		}
−		+	.igem_2018_team_content .igem_2018_team_column_wrapper ul{
−	/* Links */	+	font-size: 120% !important;
−	.igem_2017_content_wrapper a {	+	padding: 0 0 0 0 !important;
−	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;	+
	}		}
−		+	.intro .main-nav ul.main-menu li ul.dropdown-menu{
−	/* hover for the links */	+	background:rgba(243,243,243,0.4)  none repeat scroll 0 0 !important;
−	.igem_2017_content_wrapper a:hover {	+
−	text-decoration: none;	+
−	color: #000000;	+
	}		}
−	/* non numbered lists */	+	#bodyContent a{
−	.igem_2017_content_wrapper ul {	+	background: normal!important;
−	padding: 0px 20px;	+
−	font-size: 13px;	+
−	font-family: Tahoma, Geneva, sans-serif;	+
	}		}
−		+	h3{
−	/* numbered lists */	+	overflow: visible !important;
−	.igem_2017_content_wrapper ol {	+
−	padding: 0px;	+
−	font-size: 13px;	+
−	font-family: Tahoma, Geneva, sans-serif;	+
	}		}
−		+	.igem_2018_team_column_wrapper{
−	/* Table */	+	width: 100% !important;
−	.igem_2017_content_wrapper table {	+
−	width: 97%;	+
−	margin: 15px 10px;	+
−	border: 1px solid #d3d3d3;	+
−	border-collapse: collapse;	+
	}		}
−		+	.igem_2018_team_content{
−	/* table cells */	+	width: 100% !important;
−	.igem_2017_content_wrapper td {	+
−	padding: 10px;	+
−	vertical-align: text-top;	+
−	border: 1px solid #d3d3d3;	+
−	border-collapse: collapse;	+
	}		}
−	/* table headers */	+	.mw-content-ltr {
−	.igem_2017_content_wrapper th {	+	margin: 0 auto !important;
−	padding: 10px;	+
−	vertical-align: text-top;	+
−	border: 1px solid #d3d3d3;	+
−	border-collapse: collapse;	+
−	background-color: #f2f2f2;	+
	}		}
−	/**********************************LAYOUT CLASSES **********************************/	+	#navbar-collapse{
−		+	padding-right:auto;
−	/* general class for column divs */	+
−	.igem_2017_content_wrapper .column {	+
−	padding: 10px 0px;	+
−	float: left;	+
	}		}
−		+	.mw-content-ltr ol{
−	/* class for a full width column */	+	margin: auto !important;
−	.column .full_size {	+
−	width: 100%;	+
	}		}
−		+	.carousel-indicators{
−	/* styling for images in a full width column*/	+	width: auto !important;
−	.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*/	+	.container{
−	.column.half_size img {	+	width: auto !important;
−	width: 94.5%;	+
−	padding: 10px 15px;	+
	}		}
−	/********************************* SUPPORT CLASSES ********************************/
−	/* class that clears content below*/
−	.igem_2017_content_wrapper .clear {
−	clear: both;
−	}
−	/* adds extra spacing when clearing content */	+	a {
−	.igem_2017_content_wrapper .clear.extra_space {	+	text-decoration:none
−	height: 30px;	+
	}		}
−		+	a:hover {
−	/* highlight class, makes content slightly smaller */	+	text-decoration:underline
−	.igem_2017_content_wrapper .highlight {	+
−	margin: 0px 15px;	+
−	padding: 15px 0px;	+
	}		}
−	/* highlight class, adds a gray background */	+	#moquu_top{
−	.igem_2017_content_wrapper .highlight.gray {	+	z-index:2;
−	background-color: #f2f2f2;	+	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)))
	}		}
−	/* highlight with decoration blue line on top */
−	.igem_2017_content_wrapper .highlight.blue_top {
−	border-top: 4px solid #3399ff;
−	}
−	/* highlight with a full blue border decoration */
−	.igem_2017_content_wrapper .highlight.blue_border {
−	border: 4px solid #3399ff;
−	}
−	/* button class */	+	#topcontrol{background:transparent; height:auto; width:auto; border-radius:0px;}
−	.igem_2017_content_wrapper .button {	+	#HQ_page p{
−	max-width: 35%;	+	font-size:18px;
−	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_2017_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_2017_menu_wrapper {	+
−	width: 15%;	+
−	right: 0;	+
−	}	+
−		+
−	.highlight {	+
−	padding: 10px 0px;	+
−	}	+
−		+
−	.igem_2017_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_2017_menu_wrapper {	+
−	width: 100%;	+
−	height: 15%;	+
−	position: relative;	+
−	left: 0%;	+
−	}	+
−		+
−	.igem_2017_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_2017_menu_wrapper #display_menu_control {	+
−	display: block;	+
−	}	+
−		+
−	#menu_content {	+
−	display: none;	+
−	}	+
−		+
−	.igem_2017_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%;	+
−	height: 100vh;	+
	}		}

---

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