Difference between revisions of "Team:Tianjin/Resources/CSS:maincss"

Revision as of 00:55, 27 October 2017

/*-------------------------------------------------------------- >>> TABLE OF CONTENTS:

1.0 Reset 2.0 Typography 3.0 Elements 4.0 Forms 5.0 Navigation 5.1 Links 5.2 Menus 6.0 Accessibility 7.0 Alignments 8.0 Clearings 9.0 Widgets 10.0 Content 10.1 Posts and pages 10.2 Asides 10.3 Comments 11.0 Infinite scroll 12.0 Media 12.1 Captions 12.2 Galleries

*/

/*-------------------------------------------------------------- 2.0 Typography

*/

body {

   font-family: "futura pt", "futura-pt", arial, sans-serif;
   font-style: normal;
   font-weight: 300;
   font-size: 16px;
   font-size: 1.6rem;
   line-height: 1.3;
   color: #2f353c;

}

body {

   background-color:#e8f1f5;

}

h1, h3, h4, h5, h6 {

   clear: both;
   margin-bottom: 1.500em;
   line-height: 1.3;

}

h2{

   clear: both;
   margin-bottom: 1.500em;
   line-height: 1.3;
  text-align:center;

}

h1 {

   font-size: 2.7 em;
   font-weight: normal;
   text-align:center;

}

h2 {

   font-size: 1.500em;
   font-weight: 700;

}

h3 {

   font-size: 0.85em;
   font-weight: 700;

}

h4 {

   font-size: 1em;
   font-weight: 700;

}

h5 {

   font-size: 0.750em;
   font-weight: 400;

}

p {

   font-size: 1.125em;
   margin-bottom: 1.500em;
   line-height: 1.3;
   font-weight: 400;

text-align:justify;

} /************************字体*******************************/ @media screen and (min-width: 600px) {

   h1 {
       font-size: 2.800em;
   }

}

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

   h1 {
       font-size: 3.85em;
   }
   h5 {
       font-size: 0.875em;
   }
   p {
       font-size: 1.250em;
   }

}

small {

   font-size: 75%;

}

big {

   font-size: 125%;

}

/*-------------------------------------------------------------- 10.1 Posts and pages

*/

@@ Line 24: / Line 24: @@
-/*--------------------------------------------------------------
-.0 Reset
---------------------------------------------------------------*/
-html,
-body,
-div,
-span,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-a{
-    border: 0;
-    font-family: inherit;
-    font-size: 100%;
-    font-style: inherit;
-    font-weight: inherit;
-    margin: 0;
-    outline: 0;
-    padding: 0;
-    vertical-align: baseline;
-}
-html {
-    font-size: 62.5%;
-    overflow-y: scroll;
-    -webkit-text-size-adjust: 100%;
-    -ms-text-size-adjust: 100%;
-}
-*,
-*:before,
-*:after {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-article{
-    display: block;
-}
-a img {
-    border: 0;
-}
-* {
-    margin: 0;
-}
-html,
-body {
-    height: 100%;
-}
-#page {
-    min-height: 100%;
-    height: auto !important;
-    /* This line and the next line are not necessary unless you need IE6 support */
-    height: 100%;
-    margin: 0px auto -87px;
-    /* the bottom margin is the negative value of the footer's height */
-}
 /*--------------------------------------------------------------
@@ Line 198: / Line 130: @@
 .1 Posts and pages
 --------------------------------------------------------------*/
-#primary {
-    background-color: #e8f1f5;<!--背景颜色-->
-    float: left;
-    width: 90%;
-    height: 100%;
-    padding: 50px 10px 0;
-    margin:0 auto;
-}