Difference between revisions of "Team:Nankai/test2"

Line 39: Line 39:
  
  
.clearfix {
 
  *zoom: 1;
 
}
 
.clearfix:before,
 
.clearfix:after {
 
  display: table;
 
  content: "";
 
  line-height: 0;
 
}
 
.clearfix:after {
 
  clear: both;
 
}
 
.hide-text {
 
  font: 0/0 a;
 
  color: transparent;
 
  text-shadow: none;
 
  background-color: transparent;
 
  border: 0;
 
}
 
.input-block-level {
 
  display: block;
 
  width: 100%;
 
  min-height: 27px;
 
  -webkit-box-sizing: border-box;
 
  -moz-box-sizing: border-box;
 
  box-sizing: border-box;
 
}
 
article,
 
aside,
 
details,
 
figcaption,
 
figure,
 
footer,
 
header,
 
hgroup,
 
nav,
 
section {
 
  display: block;
 
}
 
audio,
 
canvas,
 
video {
 
  display: inline-block;
 
  *display: inline;
 
  *zoom: 1;
 
}
 
audio:not([controls]) {
 
  display: none;
 
}
 
html {
 
  font-size: 100%;
 
  -webkit-text-size-adjust: 100%;
 
  -ms-text-size-adjust: 100%;
 
}
 
a:focus {
 
  outline: thin dotted #333;
 
  outline: 5px auto -webkit-focus-ring-color;
 
  outline-offset: -2px;
 
}
 
a:hover,
 
a:active {
 
  outline: 0;
 
}
 
sub,
 
sup {
 
  position: relative;
 
  font-size: 75%;
 
  line-height: 0;
 
  vertical-align: baseline;
 
}
 
sup {
 
  top: -0.5em;
 
}
 
sub {
 
  bottom: -0.25em;
 
}
 
img {
 
  /* Responsive images (ensure images don't scale beyond their parents) */
 
  
  max-width: 100%;
 
  /* Part 1: Set a maxium relative to the parent */
 
 
  width: auto\9;
 
  /* IE7-8 need help adjusting responsive images */
 
 
  height: auto;
 
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
 
 
  vertical-align: middle;
 
  border: 0;
 
  -ms-interpolation-mode: bicubic;
 
}
 
#map_canvas img,
 
.google-maps img {
 
  max-width: none;
 
}
 
button,
 
input,
 
select,
 
textarea {
 
  margin: 0;
 
  font-size: 100%;
 
  vertical-align: middle;
 
}
 
button,
 
input {
 
  *overflow: visible;
 
  line-height: normal;
 
}
 
button::-moz-focus-inner,
 
input::-moz-focus-inner {
 
  padding: 0;
 
  border: 0;
 
}
 
button,
 
html input[type="button"],
 
input[type="reset"],
 
input[type="submit"] {
 
  -webkit-appearance: button;
 
  cursor: pointer;
 
}
 
label,
 
select,
 
button,
 
input[type="button"],
 
input[type="reset"],
 
input[type="submit"],
 
input[type="radio"],
 
input[type="checkbox"] {
 
  cursor: pointer;
 
}
 
input[type="search"] {
 
  -webkit-box-sizing: content-box;
 
  -moz-box-sizing: content-box;
 
  box-sizing: content-box;
 
  -webkit-appearance: textfield;
 
}
 
input[type="search"]::-webkit-search-decoration,
 
input[type="search"]::-webkit-search-cancel-button {
 
  -webkit-appearance: none;
 
}
 
textarea {
 
  overflow: auto;
 
  vertical-align: top;
 
}
 
@media print {
 
  * {
 
    text-shadow: none !important;
 
    color: #000 !important;
 
    background: transparent !important;
 
    box-shadow: none !important;
 
  }
 
  a,
 
  a:visited {
 
    text-decoration: underline;
 
  }
 
  a[href]:after {
 
    content: " (" attr(href) ")";
 
  }
 
  abbr[title]:after {
 
    content: " (" attr(title) ")";
 
  }
 
  .ir a:after,
 
  a[href^="javascript:"]:after,
 
  a[href^="#"]:after {
 
    content: "";
 
  }
 
  pre,
 
  blockquote {
 
    border: 1px solid #999;
 
    page-break-inside: avoid;
 
  }
 
  thead {
 
    display: table-header-group;
 
  }
 
  tr,
 
  img {
 
    page-break-inside: avoid;
 
  }
 
  img {
 
    max-width: 100% !important;
 
  }
 
  @page  {
 
    margin: 0.5cm;
 
  }
 
  p,
 
  h2,
 
  h3 {
 
    orphans: 3;
 
    widows: 3;
 
  }
 
  h2,
 
  h3 {
 
    page-break-after: avoid;
 
  }
 
}
 
body {
 
  margin: 0;
 
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
 
  font-size: 1.3rem;
 
  line-height: 18px;
 
  color: #333333;
 
  background-color: #ffffff;
 
}
 
a {
 
  color: #000000;
 
  text-decoration: none;
 
}
 
a:hover,
 
a:focus {
 
  color: #555555;
 
  text-decoration: underline;
 
}
 
.img-rounded {
 
  -webkit-border-radius: 6px;
 
  -moz-border-radius: 6px;
 
  border-radius: 6px;
 
}
 
.img-polaroid {
 
  padding: 4px;
 
  background-color: #fff;
 
  border: 1px solid #ccc;
 
  border: 1px solid rgba(0, 0, 0, 0.2);
 
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 
}
 
.img-circle {
 
  -webkit-border-radius: 500px;
 
  -moz-border-radius: 500px;
 
  border-radius: 500px;
 
}
 
.row {
 
  margin-left: -20px;
 
  *zoom: 1;
 
}
 
.row:before,
 
.row:after {
 
  display: table;
 
  content: "";
 
  line-height: 0;
 
}
 
.row:after {
 
  clear: both;
 
}
 
[class*="span"] {
 
  float: left;
 
  min-height: 1px;
 
  margin-left: 20px;
 
}
 
.container,
 
.navbar-static-top .container,
 
.navbar-fixed-top .container,
 
.navbar-fixed-bottom .container {
 
  width: 940px;
 
}
 
 
.span12 {
 
.span12 {
 
   width: 940px;
 
   width: 940px;

Revision as of 03:09, 8 August 2015

DesignPortfolio

Site Color
  • slide1

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

  • slide2

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

  • slide3

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

    welcome to our website

    Nunc luctus pretium neque ac faucibus. Sed odio purus, dignissim eu posuere at, luctus in metus. Morbi vulputate molestie consectetur. Mauris urna neque, blandit at ultrices at, accumsan in magna. Maecenas volutpat justo sed nisi varius in ullamcorper nunc sodales.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    DesignPortfolio

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin massa vel odio gravida placerat. Suspendisse porta, nulla non eleifend vehicula, libero sapien luctus sapien, ut sodales augue velit vitae lacus.

    FLICKR PHOTOSTREAM

    Medigo Blue, free responsive template