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

Line 1: Line 1:
 
body {
 
body {
−
font-size: 11.5pt;
+
margin: 0;
−
line-height: 2em;
+
padding: 0;
−
letter-spacing: 0.025em;
+
background: #590D17;
 +
font-family: 'Arvo', serif;
 +
font-size: 14px;
 +
color: #FFFFFF;
 
}
 
}
−
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: 2.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;
−
+
−
margin-bottom: 40px;
+
−
padding-bottom: 20px;
+
 
}
 
}
  
 +
#wrrapper {
 +
margin: 0 auto;
 +
padding: 0;
 +
}
 +
 +
/* Header */
  
 
#header {
 
#header {
−
position: relative;
+
overflow: hidden;
−
width: 910px;
+
width: 900px;
−
color: #000;
+
margin: 0 auto;
−
padding: 30px;
+
−
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: #FFFFFF;
 
}
 
}
  
−
#page{
+
#logo h1, #logo p {
−
position: relative;
+
margin: 0;
−
margin: 20px 0 20px 0;
+
 
padding: 0;
 
padding: 0;
−
width: 980px;
 
 
}
 
}
  
−
#page .seection-list {
+
#logo h1 {
−
list-style: none;
+
display: block;
−
padding-left: 0;
+
letter-spacing: -3px;
 +
text-align: center;
 +
font-size: 64px;
 
}
 
}
  
−
#page .seection-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: #FFFFFF;
 
}
 
}
  
−
#page ul li {
+
#about {
−
padding: 10px 0 10px 0;
+
overflow: hidden;
−
border-top: dotted 1px #c7cfcf;
+
width: 820px;
 +
margin: 60px auto 60px auto;
 +
padding: 40px 40px;
 +
background: rgba(0,0,0,.5);
 
}
 
}
  
−
#page ul li.first {
+
#about .title {
−
border-top: 0;
+
padding-bottom: 30px;
−
padding-top: 0;
+
letter-spacing: -1px;
−
}
+
color: #FFFFFF;
−
 
+
−
 
+
−
#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 {
+
−
margin: 30px auto 0 auto;
+
−
width: 980px;
+
−
position: relative;
+
−
 
+
 
}
 
}

Revision as of 06:34, 16 August 2015

body { margin: 0; padding: 0; background: #590D17; font-family: 'Arvo', serif; font-size: 14px; color: #FFFFFF; }

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

h1 { font-size: 2em; }

h2 { font-size: 2.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: 900px; margin: 0 auto; }

/* Logo */

  1. logo {

margin: 0; padding: 45px 0px 15px 0px; color: #FFFFFF; }

  1. logo h1, #logo p {

margin: 0; padding: 0; }

  1. logo h1 {

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

  1. logo span {

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

  1. logo a {

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

  1. about {

overflow: hidden; width: 820px; margin: 60px auto 60px auto; padding: 40px 40px; background: rgba(0,0,0,.5); }

  1. about .title {

padding-bottom: 30px; letter-spacing: -1px; color: #FFFFFF; }