mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2026-02-04 09:30:05 +00:00
Website templates
This commit is contained in:
Dawid Olko
218
plain/css/1.css
Normal file
218
plain/css/1.css
Normal file
@@ -0,0 +1,218 @@
|
||||
/* CSS Document */
|
||||
|
||||
body {
|
||||
margin:0;
|
||||
font-family:"Trebuchet MS", Arial, Verdana;
|
||||
font-size:0.74em;
|
||||
color:#555555;
|
||||
background-color:#FFFFFF;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
input {
|
||||
background-color:#FFFFFF;
|
||||
padding:3px;
|
||||
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size:10px;
|
||||
color:#ffffff;
|
||||
border:1px solid #728c40;
|
||||
background-color:#94ae62;
|
||||
margin-bottom:2px;
|
||||
}
|
||||
input[type=submit] {
|
||||
background-color:#FFFFFF;
|
||||
padding:3px;
|
||||
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size:10px;
|
||||
color:#666666;
|
||||
border:1px solid #728c40;
|
||||
margin-bottom:2px;
|
||||
}
|
||||
|
||||
a {
|
||||
color:#4D87CE;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
a:hover {
|
||||
color:#2a65ad;
|
||||
}
|
||||
|
||||
ol,ul {
|
||||
|
||||
}
|
||||
|
||||
li {
|
||||
list-style-image:url(../images/backgrounds/li.gif);
|
||||
line-height:20px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#menu {
|
||||
width:100%;
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
background-color:#94AE62;
|
||||
margin-bottom:50px;
|
||||
color:#FFFFFF;
|
||||
text-align:center;
|
||||
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||||
font-size:11px;
|
||||
font-variant:small-caps;
|
||||
background-image:url(../images/backgrounds/menu.jpg);
|
||||
}
|
||||
#menu a {
|
||||
color:#FFFFFF;
|
||||
text-decoration:none;
|
||||
padding:10px;
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
|
||||
}
|
||||
#menu a:hover {
|
||||
border-bottom:1px solid #ffffff;
|
||||
border-left:1px solid #728d40;
|
||||
border-right:1px solid #e9ffb7;
|
||||
padding-left:9px;
|
||||
padding-right:9px;
|
||||
color:#000000;
|
||||
background-color:#FFFFFF;
|
||||
background-image:url(../images/backgrounds/a_hover.jpg);
|
||||
}
|
||||
|
||||
#header {
|
||||
width:750px;
|
||||
margin:0 auto 0 auto;
|
||||
margin-bottom:40px;
|
||||
}
|
||||
#header h1 {
|
||||
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
|
||||
font-size:30px;
|
||||
text-transform:uppercase;
|
||||
font-weight:normal;
|
||||
margin:0;
|
||||
padding:0;
|
||||
padding-top:5px;
|
||||
color:#736451;
|
||||
margin-bottom:10px;
|
||||
text-align:left;
|
||||
}
|
||||
#header h2 {
|
||||
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
|
||||
font-size:15px;
|
||||
text-transform:uppercase;
|
||||
text-align:right;
|
||||
font-weight:normal;
|
||||
margin:0;
|
||||
padding:0;
|
||||
color:#000000;
|
||||
border-bottom:1px solid #eeeeee;
|
||||
}
|
||||
|
||||
#content {
|
||||
width:720px;
|
||||
margin:0 auto 0 auto;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.introduction {
|
||||
font-family:Helvetica, Arial, sans-serif;
|
||||
line-height:20px;
|
||||
font-size:12px;
|
||||
color:#99B198;
|
||||
text-indent:25px;
|
||||
background-image:url(../images/backgrounds/desc.jpg);
|
||||
background-position:bottom left;
|
||||
padding-left:0;
|
||||
padding-right:200px;
|
||||
padding-bottom:35px;
|
||||
padding-top:0;
|
||||
background-repeat:no-repeat;
|
||||
|
||||
}
|
||||
.logo {
|
||||
float:right;
|
||||
margin-right:30px;
|
||||
}
|
||||
.clearer {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
width:160px;
|
||||
float:right;
|
||||
font-size:95%;
|
||||
color:#6C534A;
|
||||
text-align:left;
|
||||
}
|
||||
#sidebar h1 {
|
||||
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
|
||||
font-size:20px;
|
||||
text-transform:uppercase;
|
||||
font-weight:normal;
|
||||
border-bottom:1px solid #eeeeee;
|
||||
color:#728c40;
|
||||
text-align:right;
|
||||
}
|
||||
.submenu {
|
||||
}
|
||||
.submenu a {
|
||||
display:block;
|
||||
width:100%;
|
||||
background-image:url(../images/backgrounds/submenua.gif);
|
||||
background-position:right;
|
||||
background-repeat:no-repeat;
|
||||
padding:5px;
|
||||
padding-right:0;
|
||||
}
|
||||
.submenu a:hover {
|
||||
background-color:#eeeeee;
|
||||
background-image:url(../images/backgrounds/submenua_hover.jpg);
|
||||
background-repeat:repeat-y;
|
||||
}
|
||||
#mainbar {
|
||||
margin-right:185px;
|
||||
padding-right:35px;
|
||||
background-image:url(../images/backgrounds/mainbar.jpg);
|
||||
background-position:top right;
|
||||
background-repeat:no-repeat;
|
||||
}
|
||||
|
||||
#mainbar h1 {
|
||||
font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
|
||||
font-size:25px;
|
||||
text-transform:uppercase;
|
||||
font-weight:normal;
|
||||
border-bottom:1px solid #eeeeee;
|
||||
color:#728c40;
|
||||
}
|
||||
|
||||
#mainbar p {
|
||||
padding:15px;
|
||||
line-height:20px;
|
||||
}
|
||||
|
||||
#mainbar .articleimg {
|
||||
float:right;
|
||||
padding:5px;
|
||||
border:1px solid #eeeeee;
|
||||
margin-left:20px;
|
||||
margin-top:20px;
|
||||
margin-bottom:20px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
width:100%;
|
||||
background-color:#b6cf84;
|
||||
border-top:1px solid #d8efa6;
|
||||
border-bottom:5px solid #94ae62;
|
||||
padding-top:5px;
|
||||
padding-bottom:5px;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
#footer a {
|
||||
color:#006600;
|
||||
}
|
||||
#footer a:hover {
|
||||
color:#009900;
|
||||
}
|
||||
Reference in New Issue
Block a user