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

Revision as of 05:18, 7 October 2018

body { background: #0f0f0f;

      margin:0px;}

p {

   font-size: 20px!important;

}

header {

  position: relative;
  height: 300px;
  min-height: 300px;
  width: 100%;
  background: #161415 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);

}

resume {

  background: #fff;
  padding-top: 90px;
  padding-bottom: 72px;
  overflow: hidden;

}

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

resume h1 {

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

}

resume h1 span {

  border-bottom: 3px solid #11ABB0!important;
  padding-bottom: 0px;
  font-size: 20px;

}

resume h3 {

  font: 25px/30px 'opensans-bold', sans-serif;
  font-size: 30px;

}

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

.education, .work {

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

}

resume .info {

  /* font: 16px/24px 'librebaskerville-italic', serif; */
  color: #6E7881;
  margin-bottom: 9px!important;
  margin-top: 9px!important;
  font-size: 20px;

}

resume .info span {

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

}

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;

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