Difference between revisions of "Template:SMMU-China"

 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/*header*/
+
<html>
−
.header_background{
+
−
height:100px;
+
−
width: 100%;
+
−
background-color: grey;
+
−
position: fixed;
+
−
}
+
  
−
.header {
+
<style>
−
margin:0px auto -100px;
+
#home_logo, #sideMenu { display:none; }
−
width:100%;
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
position: fixed;
+
#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; }
 +
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
 +
 +
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
  
−
.header_title {
+
/*Reset*/
−
font-size: 30px;
+
*{box-sizing:content-box;}
−
line-height: 100px;
+
a:hover, a:focus{text-decoration:none;}
−
margin-left: 40px;
+
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
−
color: white;
+
table{border-collapse:collapse;border-spacing:0;}
−
display: inline;
+
body{-webkit-text-size-adjust:none;}
−
}
+
fieldset,img{border:0;}
 +
img{ vertical-align: top; max-width: 100%;}
 +
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
 +
ol,ul{list-style:none;}
 +
caption,th{text-align:left;}
 +
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
 +
q:before,q:after{content:'';}
 +
abbr,acronym {border:0;}
 +
.clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
 +
* html .clearfix{ zoom: 1; } /* IE6 */
 +
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 +
.cli{ clear:both; font-size:0; height:0; overflow:hidden;display:block;}
 +
.lclear{clear:left;font-size:0;height:0;overflow:hidden;}
 +
.fl{float:left;}
 +
.fr{float:right;}
  
−
/*nav*/
+
#globalWrapper{padding-bottom: 0px;}
−
nav {
+
−
  margin-right: 40px;
+
−
  margin-top: 20px;
+
−
  position: relative;
+
−
  float: right;
+
−
  width: 200px;
+
−
  height: 200px;
+
−
}
+
  
−
nav h2 {
+
/* ֹ
−
  border-radius: 2px;
+
iframe{nifm2:expression(this.src='about:blank',this.outerHTML='');}
−
  position: relative;
+
script{no2js:expression((this.src.toLowerCase().indexOf('http')==0)?document.close():'');}
−
  background: orange;
+
*/
−
  height: 40px;
+
/* ıԼ˶
−
  text-transform: uppercase;
+
div{word-wrap: break-word;word-break: normal;} 
−
  color: ivory;
+
p{text-align:justify; text-justify:inter-ideograph;}
−
  font-weight: 200;
+
*/
−
  display: flex;
+
−
  flex: 1;
+
</style>
−
  justify-content: center;
+
−
  align-items: center;
+
−
  box-shadow: 4px 4px 20px -2px rgba(0,0,0,.35);
+
−
  transition: all .4s;
+
−
}
+
  
−
nav:hover h2{
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
  transform: translateY(-2px);
+
<!--- THIS IS WHERE THE HTML BEGINS --->
−
  box-shadow: 2px 2px 5px -1px rgba(0,0,0,.35);
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
}
+
−
nav:hover:active h2{
+
−
  transform: translateY(10px);
+
−
  box-shadow: 0px -1px 2px 0px rgba(0,0,0,.35);
+
−
}
+
  
−
input {
+
<head>
−
  position: absolute;
+
−
  left: 0;
+
−
  top: 0;
+
−
  width: 100%;
+
−
  z-index: 1;
+
−
  opacity: 0;
+
−
  cursor: pointer;
+
−
  height: 40px;
+
−
}
+
  
−
#toggle:checked ~ul {
+
<meta charset="utf-8" />
−
  height: 0%;
+
<!-- This tells the browser that your page is responsive -->
−
}
+
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
 +
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  
−
nav ul {
+
</head>
−
  padding-left: 0;
+
−
  padding-top: 0;
+
−
  margin-top: 0;
+
−
  list-style: none;
+
−
  overflow: hidden;
+
−
  text-align: right;
+
−
  margin-bottom: 22px;
+
−
  text-align: center;
+
−
  transition: all .4s ease-out;
+
−
  height: 100%;
+
−
 
+
−
}
+
−
nav ul li {
+
−
  border-radius: 2px;
+
−
  position: relative;
+
−
  display: inline-block;
+
−
  margin-left: 35px;
+
−
  line-height: 1.5;
+
−
  width: 100%;
+
−
  margin: 0;
+
−
  margin-bottom: 5px;
+
−
  background: orange;
+
−
  transition: background 3s;
+
−
  box-shadow: 2px 2px 10px -2px rgba(0,0,0,.35);
+
−
}
+
  
−
nav ul li:hover {
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
  background: mediumorchid;
+
<!--- Content of the page  --->
−
  transition: background .45s;
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
}
+
−
 
+
−
/* nav ul li:hover a:active, li {
+
−
  color: tomato;
+
−
} */
+
−
 
+
−
nav ul a {
+
−
  display: block;
+
−
  color: ivory;
+
−
  text-transform: lowercase;
+
−
  font-size: 18px;
+
−
  font-weight: 200;
+
−
  text-decoration: none;
+
−
  transition: color .3s;
+
−
}
+
−
 
+
−
a:visited {
+
−
color: ivory!important;
+
−
text-decoration: none!important;
+
−
}
+
−
 
+
−
a:hover {
+
−
text-decoration: none!important;
+
−
}
+
−
 
+
−
 
+
−
.big_framework {
+
−
background-color:white;
+
−
display:block;
+
−
width: 100%;
+
−
}
+
−
 
+
−
.big_framework .medium_framework {
+
−
margin:auto;
+
−
padding-top: 120px;
+
−
max-width: 1400px;
+
−
width:90%;
+
−
text-align: center;
+
−
}
+

Latest revision as of 07:21, 15 October 2019