Wikidot css

在wikidot上你可以創作己想要的版面以及其躺你所想要創新的東西而它所用的程式碼就是css

本人的網頁版面也是利用別人使用css來完成的版面

原始碼如下:
#container {
width: 1020px;
background-color: black;
border-left: 5px solid black;
border-right: 5px solid black;
margin: 0 auto;
}

body {
background: #CD9F46;
color: white;
}

body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

/* Background color of all content of the page below header */
#content-wrap {
background-image: url(http://themes.wdfiles.com/local--files/highway/page_back.gif);
background-repeat: repeat-x;
border: 0px solid black;
padding-top: 0px;
background-color: white;
padding-left: 30px;
padding-right: 30px;
}

/* Color of page content */
#main-content {

}

#header {
background: url(http://themes.wdfiles.com/local--files/highway/header.jpg) no-repeat;
width: 1020px;
margin: 0 auto;
height: 424px;
}

#header h1 {

width: 1020px;
margin-right: 50px;
top: 53px;
}

#header h1 a {
color:white;
font-size:40px;
font-stretch:expanded;
font-weight:bold;
padding-right:20px;
position:absolute;
text-align:right;
text-decoration:none;
top:253px;
width:1000px;
font-size: 18px;
font-style: italic;
text-transform: lowercase;
}

#header h1 a:hover {
color: white;
background-color: transparent;
text-decoration: none;
}

#header h2 {

color:white;
font-size:40px;
font-stretch:expanded;
font-weight:bold;
padding-right:20px;
position:absolute;
text-align:right;
text-decoration:none;
top:283px;
width:1000px;
font-size: 14px;
font-style: italic;
text-transform: lowercase;
left: 0;
}

/* 1st MENU ELEMENT */

/* Background color */

#top-bar {
background-image: url(http://themes.wdfiles.com/local--files/highway/menu.jpg);
bottom: 0px;
left: 0px;
position: absolute;
width: 1020px;
height: 101px;
}

#top-bar ul {
margin-left: 70px;
}

#top-bar li {
height: 101px;
background-color: transparent;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

/* Font color and decoration */
#top-bar li a {
color: white;
text-decoration: none;
padding-top: 35px;
height: 62px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

/* Background color on hover */
#top-bar a:hover{
background-image: urlhttp://themes.wdfiles.com/local—files/highway/button_r.gif);
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}

/* Font color on hover*/
#top-bar li a:hover {
background-image: url(http://themes.wdfiles.com/local--files/highway/button_r.gif);
color: white;
}
/* ------—— */

/* 2nd MENU ELEMENT */
#top-bar ul li ul {
background-color: black;
border: 0px;
}

#top-bar ul li ul a {
background-color: black;
-moz-border-radius: 0px;
}

#top-bar ul li ul a:hover {
background-image: none;
background-color: white;
color: black;
-moz-border-radius: 0px;
}

/* ------—— */

/* color of side-bar*/
#side-bar {
margin: 0px;
}

/* FONTS */

/* General font family and color*/
body {
font-family: Verdana, Arial, Helvetica;
color: ;
}

/* Font family of headers */
h1,h2,h3,h4,h5,h6{
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
}

/* Sizes, weight and text-decorations of headers */
h1{
font-size: 190%;
font-weight: normal;
text-decoration: none;
}
h2{
font-weight: normal;
font-size: 150%;
text-decoration: none;
}
h3{
font-weight: normal;
font-size: 130%;
text-decoration: none;
}
h4{
font-weight: bold;
font-size: 120%;
text-decoration: none;
}
h5 {
font-weight: bold;
font-size: 100%;
text-decoration: none;
}
h6 {
font-weight: bold;
font-size: 90%;
text-decoration: none;
}

h1, h2, h3 {
color: #CD9F46;
}

h1 {
font-size: 3em;
}

h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #CD9F46;
}

h3 {
font-size: 1em;
}

p, ul, ol {
margin-top: 1.5em;
line-height: 1.8em;
}

a {
text-decoration: underline;
color: #CD9F46;
}

a:hover {
border: none;
text-decoration: none;
}

h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #CD9F46;
}

h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #CD9F46;
}

hr {
display: none;
}

/* Font, size, color and border of page title */
#page-title {
font-family: Verdana, Arial, Helvetica;
border-bottom: 1px solid #666666;
font-size: 200%;
margin: 0pt 0pt 0.5em;
padding-top: 0em;
}

#footer {
color: gray;
opacity: 0.8;
border-bottom:1px solid #888;
border-top:1px solid #888;
}

#footer a {
color: gray;
text-decoration: none;
}

#license-area {
color: gray;
}

#license-area a {
color: gray;
text-decoration: none;
}

#license-area a:hover {
color: gray;
text-decoration: underline;
background-color: transparent;
}

#login-status {
color: white;
}