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

 
(41 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;
 
}
 
}
  
−
body,input {
+
h1, h2, h3 {
−
font-family: Georgia, serif;
+
margin: 0px;
 +
padding: 0px;
 +
font-weight: 400;
 
}
 
}
  
−
p {
+
h1 {
−
text-align: justify;
+
font-size: 2em;
 
}
 
}
  
−
strong {
+
h2 {
 +
font-size: 1.4em;
 
}
 
}
  
−
h1,h2,h3,h4 {
+
h3 {
−
letter-spacing: -1px;
+
font-size: 1.6em;
−
text-transform: uppercase;
+
−
letter-spacing: 0.25em;
+
−
font-family: Arial, sans-serif;
+
 
}
 
}
  
−
h2 {
+
p, ul, ol {
−
font-size: 1.75em;
+
margin-top: 0;
 +
line-height: 180%;
 
}
 
}
  
−
h2,h3,h4 {
+
ul, ol {
−
margin-bottom: 1.5em;
+
−
color: #455350;
+
 
}
 
}
  
−
h3 {
+
a {
−
font-size: 1.25em;
+
text-decoration: none;
 +
color: #AE172A;
 
}
 
}
  
−
h4 {
+
a:hover {
−
font-size: 1em;
+
}
 +
 
 +
img.border {
 +
border: 10px solid #E1F1F6;
 
}
 
}
  
 
img.alignleft {
 
img.alignleft {
−
margin: 5px 30px 30px 0;
 
 
float: left;
 
float: left;
 +
margin-right: 25px;
 
}
 
}
  
−
img.aligntop {
+
img.alignright {
−
margin: 5px 0 20px 0;
+
float: right;
 
}
 
}
  
−
p {
+
img.aligncenter {
−
margin-bottom: 1.5em;
+
margin: 0px auto;
 
}
 
}
  
−
ul {
+
#wrrapper {
−
margin-bottom: 1.5em;
+
margin: 0 auto;
 +
padding: 0;
 
}
 
}
  
−
ul h4 {
+
/* Header */
−
margin-bottom: 0.35em;
+
−
}
+
  
−
.post {
+
#header {
 
overflow: hidden;
 
overflow: hidden;
−
border-bottom: dashed 2px #d7dfdf;
+
width: 70%;
−
margin-bottom: 40px;
+
margin: 0 auto;
−
padding-bottom: 20px;
+
 
}
 
}
  
−
.post-last {
+
/* Logo */
−
border-bottom: 0;
+
−
margin-bottom: 0;
+
−
padding-bottom: 0;
+
−
}
+
  
−
#content {
 
−
padding: 55px 35px 45px 35px;
 
−
width: 910px;
 
−
background: #FFF;
 
−
color: #595959;
 
−
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
 
−
}
 
−
 
−
#header {
 
−
position: relative;
 
−
width: 910px;
 
−
color: #000;
 
−
padding: 35px;
 
−
height: 105px;
 
−
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.15);
 
−
}
 
 
#logo {
 
#logo {
−
line-height: 129px;
+
margin: 0;
−
top: 0;
+
padding: 45px 0px 15px 0px;
−
left: 35px;
+
        color:#000;
−
height: 175px;
+
−
position: absolute;
+
−
width: 216px;
+
 
}
 
}
  
−
#logo a {
+
#logo h1, #logo p {
−
color: #fff;
+
margin: 0;
−
text-decoration: none;
+
padding: 0;
−
text-shadow: 3px 3px 0px rgba(0,0,0,0.075);
+
−
text-transform: uppercase;
+
−
letter-spacing: 0.25em;
+
 
}
 
}
  
 
#logo h1 {
 
#logo h1 {
−
font-size: 3em;
+
display: block;
 +
letter-spacing: -3px;
 +
text-align: center;
 +
font-size: 70px;
 
}
 
}
  
−
#menu {
+
#logo span {
−
padding: 0 30px 0 25px;
+
letter-spacing: normal;
−
height: 46px;
+
font-size: 22px;
−
width: 925px;
+
−
position: absolute;
+
−
margin: 35px 0 0 0;
+
−
line-height: 46px;
+
−
bottom: 0;
+
−
left: 0;
+
−
font-family: Arial, sans-serif;
+
 
}
 
}
  
−
#menu a {
+
#logo a {
−
font-size: 1.25em;
+
border: none;
−
letter-spacing: -1px;
+
background: none;
 
text-decoration: none;
 
text-decoration: none;
−
text-decoration: none;
+
color: #000000;
−
text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
+
−
text-transform: uppercase;
+
−
color: #fff;
+
−
letter-spacing: 0.25em;
+
−
padding: 5px 5px 5px 10px;
+
−
transition: background-color .25s ease-in-out;
+
−
-moz-transition: background-color .25s ease-in-out;
+
−
-webkit-transition: background-color .25s ease-in-out;
+
 
}
 
}
  
−
#menu a:hover {
+
#about {
−
background: rgba(0,0,0,0.1);
+
overflow: hidden;
 +
width: 80%;
 +
margin: auto;
 +
padding: 40px 40px;
 +
background: rgba(225,225,225,.5);
 
}
 
}
  
−
#menu ul {
+
#about .title {
−
list-style: none;
+
−
}
+
−
 
+
−
#menu ul li {
+
−
display: inline;
+
−
padding: 0 10px 0 10px;
+
−
}
+
−
 
+
−
#menu ul li.first {
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
#page {
+
−
position: relative;
+
−
margin: 20px 0 20px 0;
+
−
padding: 0;
+
−
width: 980px;
+
−
}
+
−
 
+
−
#page .section-list {
+
−
list-style: none;
+
−
padding-left: 0;
+
−
}
+
−
 
+
−
#page .section-list li {
+
−
clear: both;
+
−
padding: 20px 0 20px 0;
+
−
}
+
−
 
+
−
#page ul {
+
−
list-style: none;
+
−
}
+
−
 
+
−
#page ul li {
+
−
padding: 10px 0 10px 0;
+
−
border-top: dotted 1px #c7cfcf;
+
−
}
+
−
 
+
−
#page ul li.first {
+
−
border-top: 0;
+
−
padding-top: 0;
+
−
}
+
−
 
+
−
#search input.form-submit {
+
−
background: #FF3867;
+
−
margin-left: 1em;
+
−
border: 0;
+
−
color: #000;
+
−
padding: 5px;
+
−
}
+
−
 
+
−
#search input.form-text {
+
−
padding: 5px;
+
−
border: solid 1px #C5917E;
+
−
}
+
−
 
+
−
#splash {
+
−
width: 930px;
+
−
position: relative;
+
−
padding: 25px;
+
−
background: #FFF;
+
−
margin: 25px 0 25px 0;
+
−
height: 230px;
+
−
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
+
−
}
+
  
−
#wrapper {
+
color: #000000;
−
margin: 35px 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; }