Difference between revisions of "Team:USTC/css/style.css"

Revision as of 16:36, 27 August 2015 (view source) Bendai (Talk | contribs) ← Older edit		Latest revision as of 12:20, 10 September 2015 (view source) Bendai (Talk | contribs)
(38 intermediate revisions by 2 users not shown)
Line 8:		Line 8:
	padding: 0px;		padding: 0px;
	}		}
−	html, body, .wrapper { /*-- changes default wiki settings --*/	+	html, .wrapper { /*-- changes default wiki settings --*/
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
−	background-color: transparent;	+	background-color:transparent;
	}		}
−	@font-face {	+	#top_menu_14 {
−	font-family: 'Material Icons';	+	border-bottom-width: 0px;
−	font-style: normal;	+
−	font-weight: 400;	+
−	src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff');	+
−	src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot);        /* For IE6-8 */	+
−	src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype')	+
	}		}
		+	#bodyContent>p {
		+	margin-top: 0px;
		+	margin-bottom: 0px;
		+	display: none;
		+	}
		+	.nav-wrapper ul{
		+	line-height:4.5em;
		+	}
		+	ul {
		+	list-style-image:none !important;
		+	line-height: inherit !important;
		+	list-style-type: none !important;
		+	padding: 0 !important;
		+	}
		+	ul li {
		+	list-style-type: none !important; }
		+	#content {
		+	font: none !important;
		+	font-family: "Roboto", sans-serif !important;
		+	}
		+	@font-face {
		+	font-family: 'Material Icons';
		+	font-style: normal;
		+	font-weight: 400;
		+	src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff');
		+	src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot);
		+	/* For IE6-8 */
		+	src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype')
		+	}
	.material-icons {		.material-icons {
	font-family: 'Material Icons';		font-family: 'Material Icons';
Line 33:		Line 57:
	-webkit-font-feature-settings: 'liga';		-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;		-webkit-font-smoothing: antialiased;
−	}
−	@font-face {
−	font-family: "Roboto";
−	src: url("https://static.igem.org/mediawiki/2015/e/e8/USTC-Roboto-Thin.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/7/7c/Roboto-Thin.ttf") format("truetype");
−	font-weight: 200;
−	}
−	@font-face {
−	font-family: "Roboto";
−	src: url("https://static.igem.org/mediawiki/2015/e/ed/USTC-Roboto-Light.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/3/34/USTC-Roboto-Light.ttf") format("truetype");
−	font-weight: 300;
−	}
−	@font-face {
−	font-family: "Roboto";
−	src: url("https://static.igem.org/mediawiki/2015/c/ce/USTC-Roboto-Regular.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/1/1e/Roboto-Regular.ttf") format("truetype");
−	font-weight: 400;
−	}
−	@font-face {
−	font-family: "Roboto";
−	src: url("https://static.igem.org/mediawiki/2015/4/43/USTC-Roboto-Medium.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/2/20/Roboto-Medium.ttf") format("truetype");
−	font-weight: 500;
−	}
−	@font-face {
−	font-family: "Roboto";
−	src: url("https://static.igem.org/mediawiki/2015/e/ee/USTC-Roboto-Bold.woff") format("woff"), url("https://static.igem.org/mediawiki/2015/9/9d/Roboto-Bold.ttf") format("truetype");
−	font-weight: 700;
	}		}
	.team_logo {		.team_logo {
−	background-image: url(./Ustc_Team_logo.png);	+	background-image: url(https://static.igem.org/mediawiki/2015/2/27/Ustc_Team_logo.png);
−	background-repeat: no-repeat;	+	background-repeat: no-repeat;
−	background-position: right;	+	z-index: 0;
−	width: 900px;	+	width: 600px;
−	height: 600px;	+	height: 600px;
−	position: fixed;	+	position: absolute;
−	margin-right: -78px;	+	right: -75px;
−	right: 0;	+	top: -40px;
−	top: -50px;	+	opacity: 0.7;
−	opacity: 0.7;	+	margin-bottom: -600px;
		+	overflow: hidden;
	}		}
	.background {		.background {
−	margin-bottom: -515px;	+	margin-bottom: -530px;
	overflow: hidden;		overflow: hidden;
	}		}
Line 80:		Line 80:
	position: static;		position: static;
	width: 2560px;		width: 2560px;
−	height: 340px;	+	height: 355px;
	background: #2196f3;		background: #2196f3;
	}		}
Line 91:		Line 91:
	border-right: 2560px solid #2196f3;		border-right: 2560px solid #2196f3;
	border-bottom: 175px solid transparent;		border-bottom: 175px solid transparent;
−	}
−	body {
−	width: 100%;
	}		}
	p {		p {
Line 100:		Line 97:
	img {		img {
	max-width: 100%;		max-width: 100%;
		+	}
		+
		+	.Nav1th .btn{
		+	width:100%;
		+	height:50px;
		+	background-color:transparent;
		+	box-shadow: 0 0 0 0;
		+
		+
		+	}
		+
		+	.indicate{
		+	margin-top:6px;
		+	}
		+
		+	.tabs .indicator{
		+	height: 3px;
		+	}
		+
		+	.dropdown-content li>a{
		+	color:#2196f3;
		+	}
		+
		+	.Nav2nd{
		+	z-index: 10;
		+	width:100%;
		+	height:50px;
		+	}
		+
		+	.isStuck{
		+	margin-top:16px;
		+	}
		+
		+	body{
		+	min-width: 640px;
		+	width: 100%;
		+	height: 100%;
		+	background-color:#f5f5f5;
		+	}
		+
		+	.tabs .tab {
		+	text-transform:none;
		+	}
		+
		+	div.card-content > ul > li{list-style:disc!important}
		+
		+	#bodyContent .toc-wrapper.pinned ul li {
		+	list-style:none!important;
		+	}
		+	#bodyContent .toc-wrapper.pinned ul{
		+	margin-left:0px;
		+	}
		+
		+	@media only screen and (min-width: 601px){
		+	.toc-wrapper.pinned{
		+	width:18%;
		+	}
		+	}
		+	@media only screen and (min-width : 993px) {
		+	.toc-wrapper.pinned{
		+	width:15%;
		+	}
		+	}
		+	.dropdown-content li>a{
		+	padding:0.6rem 0.8rem;
	}		}

---

Latest revision as of 12:20, 10 September 2015

1. contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
2. globalWrapper, #content { /*-- changes default wiki settings --*/

 width: 100%; 
 height: 100%;
 border: 0px;
 background-color: transparent;
 margin: 0px;
 padding: 0px;

} html, .wrapper { /*-- changes default wiki settings --*/

 width: 100%; 
 height: 100%; 
 background-color:transparent; 	

}

1. top_menu_14 {

 border-bottom-width: 0px;

}

1. bodyContent>p {

 margin-top: 0px;
 margin-bottom: 0px;
 display: none;

} .nav-wrapper ul{

 line-height:4.5em;

} ul {

 list-style-image:none !important;
 line-height: inherit !important;
 list-style-type: none !important;
 padding: 0 !important; 

} ul li {

 list-style-type: none !important; }

1. content {

 font: none !important;
 font-family: "Roboto", sans-serif !important;

} @font-face {

       font-family: 'Material Icons';
       font-style: normal;
       font-weight: 400;
       src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff');
       src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot);
       /* For IE6-8 */
       src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype')

} .material-icons {

   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
   font-size: 24px;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
   word-wrap: normal;
   -webkit-font-feature-settings: 'liga';
   -webkit-font-smoothing: antialiased;

} .team_logo {

  background-image: url();
  background-repeat: no-repeat;  
  z-index: 0;
  width: 600px;
  height: 600px;
  position: absolute;
  right: -75px;
  top: -40px;
  opacity: 0.7;
  margin-bottom: -600px;
  overflow: hidden;

} .background {

   margin-bottom: -530px;
   overflow: hidden;

} .background::before {

   content: " ";
   display: block;
   position: static;
   width: 2560px;
   height: 355px;
   background: #2196f3;

} .background::after {

   content: " ";
   display: block;
   position: static;
   width: 0;
   height: 0;
   border-right: 2560px solid #2196f3;
   border-bottom: 175px solid transparent;

} p {

   font-family: 'Roboto', sans-serif;

} img {

   max-width: 100%;

}

.Nav1th .btn{

   width:100%;
   height:50px;
   background-color:transparent;
   box-shadow: 0 0 0 0;

}

.indicate{

  margin-top:6px;

}

.tabs .indicator{

   height: 3px;

}

.dropdown-content li>a{

   color:#2196f3;

}

.Nav2nd{ z-index: 10; width:100%; height:50px; }

.isStuck{ margin-top:16px; }

body{ min-width: 640px; width: 100%; height: 100%; background-color:#f5f5f5; }

.tabs .tab { text-transform:none; }

div.card-content > ul > li{list-style:disc!important}

1. bodyContent .toc-wrapper.pinned ul li {

list-style:none!important; }

1. bodyContent .toc-wrapper.pinned ul{

margin-left:0px; }

@media only screen and (min-width: 601px){

  .toc-wrapper.pinned{
       width:18%;
  }

} @media only screen and (min-width : 993px) {

   .toc-wrapper.pinned{
        width:15%;
   }

} .dropdown-content li>a{ padding:0.6rem 0.8rem; }