Difference between revisions of "Template:NEFU China/CSS-software2"

Revision as of 16:36, 10 October 2018 (view source) LiXudong (Talk | contribs) ← Older edit		Latest revision as of 02:54, 18 October 2018 (view source) LiXudong (Talk | contribs)
(2 intermediate revisions by the same user not shown)
Line 10:		Line 10:
	min-height: 300px;		min-height: 300px;
	width: 100%;		width: 100%;
−	background: #161415 url(http://39.105.74.74/green2.png) no-repeat top center;	+	background: url(https://static.igem.org/mediawiki/2018/0/08/T--NEFU_China--enhance_password_image.png) no-repeat top center;
	background-size: cover !important;		background-size: cover !important;
	-webkit-background-size: cover !important;		-webkit-background-size: cover !important;
Line 59:		Line 59:
	#resume {		#resume {
−	background: #fff;	+	background: transparent;
	padding-top: 90px;		padding-top: 90px;
	padding-bottom: 72px;		padding-bottom: 72px;
	overflow: hidden;		overflow: hidden;
		+	color: white;
		+	font-size: 26px!important;
	}		}
Line 72:		Line 74:
	text-transform: uppercase;		text-transform: uppercase;
	letter-spacing: 1px;		letter-spacing: 1px;
		+	color: cyan;
	}		}
	#resume h1 span {		#resume h1 span {
−	border-bottom: 3px solid #11ABB0!important;	+	border-bottom: 3px solid orange!important;
	padding-bottom: 0px;		padding-bottom: 0px;
	font-size: 20px;		font-size: 20px;
Line 80:		Line 83:
	#resume h3 {		#resume h3 {
	font: 25px/30px 'opensans-bold', sans-serif;		font: 25px/30px 'opensans-bold', sans-serif;
−	font-size: 30px;	+	font-size: 45px;
		+	color: orange;
		+	height: 70px;
	}		}
Line 93:		Line 98:
	#resume .info {		#resume .info {
	/* font: 16px/24px 'librebaskerville-italic', serif; */		/* font: 16px/24px 'librebaskerville-italic', serif; */
−	color: #6E7881;	+	color: white;
	margin-bottom: 9px!important;		margin-bottom: 9px!important;
	margin-top: 9px!important;		margin-top: 9px!important;
−	font-size: 20px;	+	font-size: 26px!important;
	}		}
	#resume .info span {		#resume .info span {
Line 168:		Line 173:
	min-height: 1px;		min-height: 1px;
	float: left;		float: left;
		+	/* font-size: 26px!important; */
	}		}
	.column.centered, .columns.centered  {		.column.centered, .columns.centered  {

---

Latest revision as of 02:54, 18 October 2018

body { background: #0f0f0f;

      margin:0px;}

p {

   font-size: 20px!important;

}

header {

  position: relative;
  height: 300px;
  min-height: 300px;
  width: 100%;
  background: url() no-repeat top center;
  background-size: cover !important;
  -webkit-background-size: cover !important;
  text-align: center;
  overflow: hidden;

}

header:before {

  content: ;
  display: inline-block;
  vertical-align: middle;
  height: 100%;

} header .banner {

  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  width: 85%;
  padding-bottom: 30px;s
  text-align: center;

}

header .banner-text { width: 100%; } header .banner-text h1 {

  font: 90px/1.1em 'opensans-bold', sans-serif;
  color: #fff;
  letter-spacing: -2px;
  margin: 0 auto 18px auto;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, .8);

} header .banner-text h3 {

  /* font: 18px/1.9em 'librebaskerville-regular', serif; */
  color: #A8A8A8;
  margin: 0 auto;
  width: 70%;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, .5);

} header .banner-text h3 span, header .banner-text h3 a {

  color: #fff;

} header .banner-text hr {

  width: 60%;
  margin: 18px auto 24px auto;
  border-color: #2F2D2E;
  border-color: rgba(150, 150, 150, .1);

}

1. resume {

  background: transparent;
  padding-top: 90px;
  padding-bottom: 72px;
  overflow: hidden;
  color: white;
  font-size: 26px!important;

}

1. resume a, #resume a:visited { color: #11ABB0; }
2. resume a:hover, #resume a:focus { color: #313131; }

1. resume h1 {

  font: 18px/24px 'opensans-bold', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: cyan;

}

1. resume h1 span {

  border-bottom: 3px solid orange!important;
  padding-bottom: 0px;
  font-size: 20px;

}

1. resume h3 {

  font: 25px/30px 'opensans-bold', sans-serif;
  font-size: 45px;
  color: orange;
  height: 70px;

}

1. resume .header-col { padding-top: 9px; }
2. resume .main-col { padding-right: 10%; }

.education, .work {

  margin-bottom: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E8E8E8;

}

1. resume .info {

  /* font: 16px/24px 'librebaskerville-italic', serif; */
  color: white;
  margin-bottom: 9px!important;
  margin-top: 9px!important;
  font-size: 26px!important;

}

1. resume .info span {

  margin-right: 5px;
  margin-left: 5px;

}

1. resume .date {

  font: 15px/24px 'opensans-regular', sans-serif;
  margin-top: 6px;

}

• ,

  before,

  after {

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

} hr {

   width: 80%;
   margin-left: auto!important;
   margin-right: auto!important;

}

body {

  background: #fff;
  font-family: "Open Sans" !important;
  font-weight: normal;
  /* font-size: 16px; */
  /* line-height: 30px; */
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;

}

h1, h2, h3, h4, h5, h6 {

  color: #000000;
  font-family: "Open Sans" !important;
  /* font-weight: normal; */

} p {margin: 0 0 30px 0;text-align: justify;}

.row {

  width: 125%!important;
  max-width: 1020px!important;
  margin-left: 150px!important;
  margin-right: 150px!important;
  margin-top:0px;
  margin-right:0px;

}

.ie .row { width: 1000px ; }

.row .row {width: auto;max-width: none;margin-left: -20px!important;} .row:before, .row:after {

   content: " ";
   display: table;

} .row:after {

   clear: both;
   padding-bottom: 20px;

}

.column, .columns {

  position: relative;
  padding: 0 20px;
  min-height: 1px;
  float: left;
  /* font-size: 26px!important; */

} .column.centered, .columns.centered {

   float: none;
   margin: 0 auto;

}

/* column widths */ .row .one { width: 8.33333%; } .row .two { width: 16.66667%; } .row .three { width: 25%; } .row .four { width: 33.33333%; } .row .five { width: 41.66667%; } .row .six { width: 50%; } .row .seven { width: 58.33333%; } .row .eight { width: 66.66667%; } .row .nine {width: 75%;} .row .ten { width: 83.33333%; } .row .eleven { width: 91.66667%; } .row .twelve { width: 100%; }