Difference between revisions of "Template:TCU Taiwan parts/css"
| Line 1: | Line 1: | ||
| − | |||
body { | body { | ||
font-size: 11.5pt; | font-size: 11.5pt; | ||
| Line 5: | 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 17: | Line 29: | ||
h2,h3,h4 { | h2,h3,h4 { | ||
margin-bottom: 1.5em; | margin-bottom: 1.5em; | ||
| + | color: #455350; | ||
} | } | ||
| Line 36: | Line 49: | ||
} | } | ||
| − | + | p { | |
| + | margin-bottom: 1.5em; | ||
| + | } | ||
ul { | ul { | ||
| Line 53: | Line 68: | ||
} | } | ||
| + | .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 60: | Line 88: | ||
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; | |
| − | top: | + | left: 35px; |
| − | left: | + | height: 175px; |
| − | height: | + | |
position: absolute; | position: absolute; | ||
| − | width: | + | width: 216px; |
} | } | ||
| + | #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: | + | font-size: 3em; |
| − | + | } | |
| − | + | ||
| + | #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 109: | Line 186: | ||
} | } | ||
| + | #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 116: | Line 205: | ||
background: #FFF; | background: #FFF; | ||
margin: 25px 0 25px 0; | margin: 25px 0 25px 0; | ||
| − | height: | + | height: 230px; |
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: | + | margin: 35px auto 0 auto; |
width: 980px; | width: 980px; | ||
position: relative; | position: relative; | ||
} | } | ||
Revision as of 13:57, 5 August 2015
body { font-size: 11.5pt; line-height: 2em; letter-spacing: 0.025em; }
body,input { font-family: Georgia, serif; }
p { text-align: justify; }
strong { }
h1,h2,h3,h4 { letter-spacing: -1px; text-transform: uppercase; letter-spacing: 0.25em; font-family: Arial, sans-serif; }
h2 { font-size: 1.75em; }
h2,h3,h4 { margin-bottom: 1.5em; color: #455350; }
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; }
p { margin-bottom: 1.5em; }
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; }
.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 {
position: relative; width: 910px; color: #000; padding: 35px; height: 105px; box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.15); }
- logo {
line-height: 129px; top: 0; left: 35px; height: 175px; position: absolute; width: 216px; }
- 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 {
font-size: 3em; }
- 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 {
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 {
margin: 35px auto 0 auto; width: 980px; position: relative; }