Difference between revisions of "Template:TCU Taiwan/CSS"

Line 6: Line 6:
 
display: none;
 
display: none;
 
}
 
}
−
 
+
        #top-section {
−
#top-section {
+
 
border: 0 none;
 
border: 0 none;
 
height: 14px;
 
height: 14px;
Line 17: Line 16:
 
margin-left: -487px;
 
margin-left: -487px;
 
}
 
}
−
 
 
#globalWrapper, #content {
 
#globalWrapper, #content {
 
width: 100%;
 
width: 100%;
Line 32: Line 30:
 
background-color: transparent;
 
background-color: transparent;
 
}
 
}
−
      header,article{
+
 
 +
        header, nav, section, article{
 
         display: block;
 
         display: block;
 
       }
 
       }
−
       header{
+
       header, nav, section, article{
 
         color: white;
 
         color: white;
 
       }
 
       }
−
      article{
+
       header{
−
        color: black;
+
−
      }
+
−
       header,article{
+
 
         text-align: center;
 
         text-align: center;
 
         width: 100%;
 
         width: 100%;
 
       }
 
       }
 
       header {
 
       header {
−
         position:fixed;
+
         background-color: red;
−
         background-color: black;
+
         position: fixed;
−
         font-size: 20px;
+
         font-size: 36px;
−
         font-weight: normal;
+
         font-weight: bold;
 
       }
 
       }
−
       article{
+
       nav {
−
         width: 100%;
+
         position: fixed;
−
         margin: 100px;
+
         top: 40px;
−
         background-color: white;
+
        right: 25px;
−
         font-size: 100px;
+
         background-color: blue;
−
         font-weight: normal;
+
         width: 100px;
 +
      }
 +
      section {
 +
         width: 86%;
 +
        background-color: gray;
 +
        padding: 20px;
 +
        margin: 20px;
 
       }
 
       }
 
</style>
 
</style>
 
<header>   
 
<header>   
−
       header
+
       header
 
     </header>   
 
     </header>   
−
 
+
<nav> 
 +
      <ul>
 +
        <li>nav 1</li>
 +
        <li>nav 2</li>
 +
      </ul> 
 +
    </nav>
 +
    <section>
 
       <article>
 
       <article>
 
         article
 
         article
 
       </article>
 
       </article>
−
 
+
    </section>         
 
</head>
 
</head>
 
</html>
 
</html>

Revision as of 08:15, 31 May 2015

header
article