Difference between revisions of "Template:TCU Taiwan parts/css"

 
(39 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
body {
 
body {
font-size: 11.5pt;
+
margin: 0;
line-height: 2em;
+
padding: 0;
letter-spacing: 0.025em;
+
font-family:Calibri;
 +
font-size: 14px;
 +
color: #000000;
 
}
 
}
h1,h2,h3,h4 {
+
 
letter-spacing: -1px;
+
h1, h2, h3 {
text-transform: uppercase;
+
margin: 0px;
letter-spacing: 0.25em;
+
padding: 0px;
 +
font-weight: 400;
 
}
 
}
  
h2 {
+
h1 {
font-size: 1.75em;
+
font-size: 2em;
 
}
 
}
  
h2,h3,h4 {
+
h2 {
margin-bottom: 1.5em;
+
font-size: 1.4em;
 
}
 
}
  
 
h3 {
 
h3 {
font-size: 1.25em;
+
font-size: 1.6em;
 
}
 
}
  
h4 {
+
p, ul, ol {
font-size: 1em;
+
margin-top: 0;
 +
line-height: 180%;
 
}
 
}
  
img.alignleft {
+
ul, ol {
margin: 5px 30px 30px 0;
+
float: left;
+
 
}
 
}
  
img.aligntop {
+
a {
margin: 5px 0 20px 0;
+
text-decoration: none;
 +
color: #AE172A;
 
}
 
}
  
 +
a:hover {
 +
}
  
 +
img.border {
 +
border: 10px solid #E1F1F6;
 +
}
  
ul {
+
img.alignleft {
margin-bottom: 1.5em;
+
float: left;
 +
margin-right: 25px;
 
}
 
}
  
ul h4 {
+
img.alignright {
margin-bottom: 0.35em;
+
float: right;
 
}
 
}
  
.post {
+
img.aligncenter {
overflow: hidden;
+
margin: 0px auto;
border-bottom: dashed 2px #d7dfdf;
+
margin-bottom: 40px;
+
padding-bottom: 20px;
+
 
}
 
}
  
 +
#wrrapper {
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
 +
/* Header */
  
 
#header {
 
#header {
position: relative;
+
overflow: hidden;
width: 910px;
+
width: 70%;
color: #000;
+
margin: 0 auto;
padding: 35px;
+
height: 105px;
+
}
+
#logo {
+
line-height: 129px;
+
        letter-spacing: -3px;
+
top: -1px;
+
left: -1px;
+
height: 132px;
+
position: absolute;
+
width: 176px;
+
 
}
 
}
  
 +
/* Logo */
  
#logo h1 {
+
#logo {
font-size: 4em;
+
margin: 0;
        letter-spacing: normal;
+
padding: 45px 0px 15px 0px;
         font-family:serif,sans-serif;
+
         color:#000;
 
}
 
}
  
#page{
+
#logo h1, #logo p {
position: relative;
+
margin: 0;
margin: 20px 0 20px 0;
+
 
padding: 0;
 
padding: 0;
width: 980px;
 
 
}
 
}
  
#page .section-list {
+
#logo h1 {
list-style: none;
+
display: block;
padding-left: 0;
+
letter-spacing: -3px;
 +
text-align: center;
 +
font-size: 70px;
 
}
 
}
  
#page .section-list li {
+
#logo span {
clear: both;
+
letter-spacing: normal;
padding: 20px 0 20px 0;
+
font-size: 22px;
 
}
 
}
  
#page ul {
+
#logo a {
list-style: none;
+
border: none;
 +
background: none;
 +
text-decoration: none;
 +
color: #000000;
 
}
 
}
  
#page ul li {
+
#about {
padding: 10px 0 10px 0;
+
overflow: hidden;
border-top: dotted 1px #c7cfcf;
+
width: 80%;
 +
margin: auto;
 +
padding: 40px 40px;
 +
background: rgba(225,225,225,.5);
 
}
 
}
  
#page ul li.first {
+
#about .title {
border-top: 0;
+
padding-top: 0;
+
}
+
 
+
 
+
#splash {
+
width: 930px;
+
position: relative;
+
padding: 25px;
+
background: #FFF;
+
margin: 25px 0 25px 0;
+
height: 500px;
+
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
+
}
+
  
#wrapper {
+
color: #000000;
margin: 0px auto 0 auto;
+
width: 980px;
+
position: relative;
+
 
}
 
}

Latest revision as of 14:58, 12 September 2015

body { margin: 0; padding: 0; font-family:Calibri; font-size: 14px; color: #000000; }

h1, h2, h3 { margin: 0px; padding: 0px; font-weight: 400; }

h1 { font-size: 2em; }

h2 { font-size: 1.4em; }

h3 { font-size: 1.6em; }

p, ul, ol { margin-top: 0; line-height: 180%; }

ul, ol { }

a { text-decoration: none; color: #AE172A; }

a:hover { }

img.border { border: 10px solid #E1F1F6; }

img.alignleft { float: left; margin-right: 25px; }

img.alignright { float: right; }

img.aligncenter { margin: 0px auto; }

  1. wrrapper {

margin: 0 auto; padding: 0; }

/* Header */

  1. header {

overflow: hidden; width: 70%; margin: 0 auto; }

/* Logo */

  1. logo {

margin: 0; padding: 45px 0px 15px 0px;

       color:#000;

}

  1. logo h1, #logo p {

margin: 0; padding: 0; }

  1. logo h1 {

display: block; letter-spacing: -3px; text-align: center; font-size: 70px; }

  1. logo span {

letter-spacing: normal; font-size: 22px; }

  1. logo a {

border: none; background: none; text-decoration: none; color: #000000; }

  1. about {

overflow: hidden; width: 80%; margin: auto; padding: 40px 40px; background: rgba(225,225,225,.5); }

  1. about .title {

color: #000000; }