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

Line 4: Line 4:
 
letter-spacing: 0.025em;
 
letter-spacing: 0.025em;
 
}
 
}
−
 
−
body,input {
 
−
font-family: Georgia, serif;
 
−
}
 
−
 
−
p {
 
−
text-align: justify;
 
−
}
 
−
 
−
strong {
 
−
}
 
−
 
 
h1,h2,h3,h4 {
 
h1,h2,h3,h4 {
 
letter-spacing: -1px;
 
letter-spacing: -1px;
 
text-transform: uppercase;
 
text-transform: uppercase;
 
letter-spacing: 0.25em;
 
letter-spacing: 0.25em;
−
font-family: Arial, sans-serif;
 
 
}
 
}
  
Line 29: Line 16:
 
h2,h3,h4 {
 
h2,h3,h4 {
 
margin-bottom: 1.5em;
 
margin-bottom: 1.5em;
−
color: #455350;
 
 
}
 
}
  
Line 49: Line 35:
 
}
 
}
  
−
p {
+
 
−
margin-bottom: 1.5em;
+
−
}
+
  
 
ul {
 
ul {
Line 68: Line 52:
 
}
 
}
  
−
.post-last {
 
−
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 {
 
#header {
Line 88: Line 59:
 
padding: 35px;
 
padding: 35px;
 
height: 105px;
 
height: 105px;
−
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.15);
 
 
}
 
}
 
#logo {
 
#logo {
 
line-height: 129px;
 
line-height: 129px;
−
top: 0;
+
        letter-spacing: -3px;
−
left: 35px;
+
top: -1px;
−
height: 175px;
+
left: -1px;
 +
height: 132px;
 
position: absolute;
 
position: absolute;
−
width: 216px;
+
width: 176px;
 
}
 
}
  
−
#logo a {
 
−
color: #fff;
 
−
text-decoration: none;
 
−
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;
+
font-size: 4em;
−
}
+
        letter-spacing: normal;
−
 
+
        font-family:serif,sans-serif;
−
#menu {
+
−
padding: 0 30px 0 25px;
+
−
height: 46px;
+
−
width: 925px;
+
−
position: absolute;
+
−
margin: 35px 0 0 0;
+
−
line-height: 46px;
+
−
bottom: 0;
+
−
left: 0;
+
−
font-family: Arial, sans-serif;
+
−
}
+
−
 
+
−
#menu a {
+
−
font-size: 1.25em;
+
−
letter-spacing: -1px;
+
−
text-decoration: none;
+
−
text-decoration: none;
+
−
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 {
+
−
background: rgba(0,0,0,0.1);
+
−
}
+
−
 
+
−
#menu ul {
+
−
list-style: none;
+
−
}
+
−
 
+
−
#menu ul li {
+
−
display: inline;
+
−
padding: 0 10px 0 10px;
+
−
}
+
−
 
+
−
#menu ul li.first {
+
−
padding-left: 0;
+
 
}
 
}
  
−
#page {
+
#page{
 
position: relative;
 
position: relative;
 
margin: 20px 0 20px 0;
 
margin: 20px 0 20px 0;
Line 186: Line 108:
 
}
 
}
  
−
#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 {
 
#splash {
Line 205: Line 115:
 
background: #FFF;
 
background: #FFF;
 
margin: 25px 0 25px 0;
 
margin: 25px 0 25px 0;
−
height: 230px;
+
height: 500px;
 
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
 
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
 
}
 
}
  
 
#wrapper {
 
#wrapper {
−
margin: 35px auto 0 auto;
+
margin: 30px auto 0 auto;
 
width: 980px;
 
width: 980px;
 
position: relative;
 
position: relative;
 
}
 
}

Revision as of 13:58, 5 August 2015

body { font-size: 11.5pt; line-height: 2em; letter-spacing: 0.025em; } h1,h2,h3,h4 { letter-spacing: -1px; text-transform: uppercase; letter-spacing: 0.25em; }

h2 { font-size: 1.75em; }

h2,h3,h4 { margin-bottom: 1.5em; }

h3 { font-size: 1.25em; }

h4 { font-size: 1em; }

img.alignleft { margin: 5px 30px 30px 0; float: left; }

img.aligntop { margin: 5px 0 20px 0; }


ul { margin-bottom: 1.5em; }

ul h4 { margin-bottom: 0.35em; }

.post { overflow: hidden; border-bottom: dashed 2px #d7dfdf; margin-bottom: 40px; padding-bottom: 20px; }


  1. header {

position: relative; width: 910px; color: #000; padding: 35px; height: 105px; }

  1. logo {

line-height: 129px; 

       letter-spacing: -3px;

top: -1px; left: -1px; height: 132px; position: absolute; width: 176px; }


  1. logo h1 {

font-size: 4em; 

       letter-spacing: normal;
       font-family:serif,sans-serif;

}

  1. page{

position: relative; margin: 20px 0 20px 0; padding: 0; width: 980px; }

  1. page .section-list {

list-style: none; padding-left: 0; }

  1. page .section-list li {

clear: both; padding: 20px 0 20px 0; }

  1. page ul {

list-style: none; }

  1. page ul li {

padding: 10px 0 10px 0; border-top: dotted 1px #c7cfcf; }

  1. page ul li.first {

border-top: 0; padding-top: 0; }


  1. 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); }

  1. wrapper {

margin: 30px auto 0 auto; width: 980px; position: relative; }