Vengod Css

@charset "UTF-8";
/*
body {
background-color:#000;
color:#6e6a6a;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
font-size:14px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../img/innerpage_bground.jpg);
background-repeat: repeat-x;
}
h1 {
font-size:24px;
color:#444141;
letter-spacing: -1px;
font-weight: 400;
}
h2 {
font-size:24px;
color:#e8e8e8;
font-weight: 400;
}
h3 {
font-size:18px;
color:#e8e8e8;
font-weight: 200;
}
h4 {
font-size:14px;
color:#e8e8e8;
font-weight: 200;
}
a {
text-decoration:none;
color:#dbdbdb;
}
a:hover {
color:#444141;
}
a img {
border: none;
}
.small_type {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align: left;
}
.small_type a {
text-decoration:underline;
color:#222222;
}
.small_type a:hover {
color:#84b73a;
}
.intro_text {
color:#444141;
line-height: 18px;
font-size:14px;
}
.page a {
color:#84b73a;
}
.page a:hover {
color:#222222;
}
.intro {
font-size:14px;
color:#333333;
font-style:italic;
}
#centerColumn {
width:960px;
text-align:center;
margin:0 auto;
}
#bold_text {
float: left;
color:#CCC;
font-size:14px;
min-width: 70px;
line-height: 24px;
text-align: left;
padding-left: 20px;
padding-top: 20px;
}
#strong_text {
float: right;
color:#a1a1a1;
font-size:14px;
line-height: 24px;
text-align: left;
width: 170px;
padding-top: 20px;
}
#strong_text a {
font-size:14px;
color: #dbdbdb;
}
#strong_text a:hover {
font-size:14px;
color: #fff;
}
#header {
margin:0 0 40px 0;
padding:0;
width:960px;
height:83px;
float:left;
}
#logo {
margin:15px 0 0 0;
padding:0;
width:140px;
height:55px;
background:url(../img/logo.png) no-repeat top left;
float:left;
}
#splash {
width:960px;
clear:both;
}
#splash_left {
float:left;
width:350px;
text-align: left;
padding-top: 20px;
}
#splash_right {
float:right;
width:490px;
text-align: left;
font-size: 16px;
color: #bbbbbb;
padding-top: 15px;
}
#inner_content_left {
width:610px;
float:left;
text-align: left;
color: #a1a1a1;
font-size: 12px;
padding-bottom: 50px;
}
#inner_content_left a {
color: #dbdbdb;
font-size: 12px;
text-decoration: none;
}
#inner_content_left a:hover {
color: #dbdbdb;
font-size: 12px;
text-decoration: underline;
}
#inner_content_right {
width:272px;
float:right;
text-align: left;
padding-top: 20px;
}
#contact_box {
width:275px;
float:right;
text-align: right;
background-image: url(../img/contact_box_bground.jpg);
background-repeat: repeat-y;
margin-top: 30px;
clear: right;
}
#contact_box_content {
width:90%;
color: #a1a1a1;
font-size: 12px;
padding-left: 20px;
padding-right: 10px;
text-align: left;
}
#flickr_box_content {
width:90%;
color: #6d6d6d;
font-size: 12px;
padding-left: 7px;
text-align: left;
}
#contact_box2 {
width:275px;
float:right;
text-align: right;
background-image: url(../img/contact_box_bground.jpg);
background-repeat: repeat-y;
margin-top: 30px;
clear: right;
}
#contact_box_content2 {
width:90%;
color: #a1a1a1;
font-size: 12px;
padding-left: 20px;
text-align: left;
}
#privacy {
width:920px;
text-align: left;
padding-left: 20px;
}
#press {
float: left;
width:580px;
text-align: left;
padding-left: 20px;
}
#content_area {
width:960px;
text-align: center;
min-height: 200px;
margin-top: 170px;
clear: both;
}
#footer {
width:100%;
min-height: 250px;
margin: 0 auto;
clear: both;
text-align: center;
background-color: #111111;
padding-top: 40px;
background-image: url(../img/footer.jpg);
background-position: top;
background-repeat: repeat-x;
}
.copyright {
font-size:11px;
color:#959595;
text-align: left;
display: block;
padding-left: 50px;
padding-top: 20px;
}
.copyright a {
color:#52553d;
}
.copyright a:hover {
color:#959595;
}
/* Styling for the social bar that contains the twitter feed etc */
.social {
width:960px;
height:152px;
clear: both;
background-image: url(../img/social_bground.png);
background-repeat: no-repeat;
}
.socialleft {
float: left;
width:450px;
height:40px;
text-align:left;
padding-left: 135px;
margin-top: 48px;
}
.socialright {
float: right;
width:300px;
height:50px;
margin-top: 48px;
text-align: right;
}
/* Inside the footer container areas for menu, list of friends andcontact info *
/
#nav_container1 {
float: left;
width:275px;
height:41px;
background-image: url(../img/around_site.jpg);
padding-top: 40px;
}
#nav_container2 {
float: left;
width:275px;
text-align: left;
background-image: url(../img/our_friends.jpg);
padding-top: 40px;
}
#nav_container3 {
float: right;
width:320px;
text-align: right;
}
/* Bottom Navigation bar menu styling */

#bottom_nav {
width:960px;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 15px;
font-size:12px;
color:#464833;
text-align: left;
}
#nav_container1 {
float: left;
width:275px;
height:41px;
background-image: url(../img/around_site.jpg);
padding-top: 40px;
}
#nav_container2 {
float: left;
width:275px;
text-align: left;
background-image: url(../img/our_friends.jpg);
padding-top: 40px;
}
#nav_container3 {
float: right;
width:320px;
text-align: right;
}
#bottom_nav ul {
margin:0;
padding: 0;
list-style:none;
font-size:14px;
}
#bottom_nav li {
border-top: 1px solid #282828;
padding: 0 0 0 20px;
margin:0;
font-size:14px;
background: url(../img/arrow.gif) no-repeat 0 50%;
line-height: 30px;
}
#bottom_nav li a{
margin:0;
font-size:14px;
color: #969696;
}
#bottom_nav li a:hover {
color:#dcdcdc;
font-size:14px;
}
#bottom_nav li a.active {
color:#dcdcdc;
font-size:14px;
}
/* Top Navigation bar menu styling */

#nav {margin-top:33px; padding:0; float:right;}
#nav, x:-moz-any-link {margin-top:-30px; padding:0; float:right;}
#nav, x:-moz-any-link, x:default {margin-top:33px; padding:0; float:right;}
#nav ul{
padding:0;
margin:0;
width:auto;
list-style: none;
height:30px;
position: relative;
float:right;
}
#nav li{
list-style:none;
float:left;
text-align:center;
padding:0;
font:14px Arial, Helvetica, sans-serif;
line-height:30px;
}
#nav .lavaLamp li a {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 20px;
color:#e8e8e8;
}
#nav .lavaLamp li a:hover {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 20px;
color:#e8e8e8;
}
#nav .lavaLamp li .active {
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 20px;
color:#e8e8e8;
}
#nav .lavaLamp li.back {

background: url(../img/lava.gif) no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
#nav .lavaLamp li.back .left {
background: url(../img/lava.gif) no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
#nav a:link{color:#e8e8e8; text-decoration:none;}
#nav a:hover{color:#e8e8e8; text-decoration:none;}
#nav a:active{color:#e8e8e8; text-decoration:none;}
/* Styling the contact form */

form{margin:0; padding:0;}
#contact_form {
float:left;
width:460px;
text-align: left;
padding-left: 25px;
margin-top: 40px;
}
.contactform {
margin:0px;
font-size:16px;
color:#333333;
width:300px;
text-align: left;
}
#contactform textarea {
padding:5px;
border:0px solid #757575;
width:500px;
height:150px;
font-size:18px;
color:#a1a1a1;
background-color: #2e2e2e;
}
.contactform label {
min-width: 100px;
float: left;
padding: 5px;
padding-left: 0px;
margin-left: 25px;
}
.input-submit {
margin-top:30px;
background-image: url(../img/submit.jpg);
width: 185px;
height: 44px;
background-repeat:no-repeat;
border: none;
cursor: pointer;
background-color: transparent;
}
.input-textarea {
padding:5px;
border:0px solid #757575;
width:400px;
height:35px;
font-size:18px;
color:#a1a1a1;
background-color: #2E2E2E;
}
.small_contact {
font-size:12px;
color:#a1a1a1;
display: block;
margin-bottom: 10px;
}
.large_contact {
font-size:14px;
color:#e8e8e8;
text-transform:uppercase;
display: block;
margin-top: 30px;
}
.form_error {
border: 1px solid #757575;
}
#thanks {
border: 1px solid #bcbcbc;
width: 600px;
padding: 0px 10px 10px 10px;
background-color:#f2f3ea;
}
/* Styling the front page 3 tab product / services area */
#courses_left {
float:left;
width: 320px;
background-image: url(../img/left_service.jpg);
text-align: left;
margin-top: 20px;
}
#courses_middle {
float:left;
width: 320px;
background-image: url(../img/middle_service.jpg);
text-align: center;
margin-top: 20px;
}
#courses_right {
float:right;
width: 320px;
background-image: url(../img/right_service.jpg);
text-align: right;
margin-top: 20px;
}
#courses_box_content_left {
width:70%;
color: #a1a1a1;
font-size: 12px;
text-align: left;
margin-top: 125px;
padding-left: 25px;
}
#courses_box_content_middle {
width:70%;
color: #a1a1a1;
font-size: 12px;
text-align: left;
margin-top: 125px;
padding-left: 55px;
}
#courses_box_content_right {
width:70%;
color: #a1a1a1;
font-size: 12px;
text-align: left;
margin-top: 125px;
padding-left: 35px;
}
/* Styling an unordered list in the content area on a page */

#content_area ul {
margin:0;
padding: 0;
list-style:none;
color: #dbdbdb;
font-size:12px;
}
#content_area li {
padding: 0 0 0 20px;
margin:0;
font-size:12px;
background: url(../img/arrow2.gif) no-repeat 0 50%;
line-height: 30px;
}
#content_area li a{
margin:0;
font-size:12px;
color: #dbdbdb;
}
#content_area li a:hover {
color:#dbdbdb;
text-decoration: underline;
font-size:12px;
}
/* Styling the contact buttons on the services page */
#interested_button {
display:block;
padding-top: 20px;
padding-left: 15px;
}
#interested_button2 {
display:block;
padding-top: 20px;
padding-left: 45px;
}
#interested_button3 {
display:block;
padding-top: 20px;
padding-left: 65px;
}
/* Styling the work and subsequent pages for the thumbnails etc */
#portfolio_area {
width:960px;
text-align: center;
min-height: 200px;
margin-top: 170px;
clear: both;
padding-left: 20px;
}
.portfolio_thumb {
float: left;
height: 142px;
width:298px;
}
#portfolio_sections {
float: left;
height: 60px;
width:620px;
padding-left: 300px;
background-image:url(../img/portfolio_sections.jpg);
background-repeat:no-repeat;
text-align: left;
padding-top: 20px;
margin-top: 20px;
}
#portfolio_sections ul, #portfolio_sections li{
margin:0;
padding: 0;
display:inline;
color: #969696;
font-size:18px;
}
#portfolio_sections li a{
color: #969696;
font-size:18px;
}
#portfolio_sections li a:hover {
color: #dcdcdc;
font-size:18px;
}
#portfolio_sections li a.active {
color: #dcdcdc;
font-size:18px;
}
#inner_content_left blockquote p {
color: #a1a1a1;
font-size:14px;
font-style:italic;
}
#inner_content_left blockquote {
margin: 5px 10px 20px 0px;
padding: 5px 5px 5px 10px;
border-left: 3px solid #666666;
background-color: #2f2f2f;
}

Vengod Css

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Vengod Css

Загружено:

Авторское право:

Доступные форматы

@charset "UTF-8";

/* Bottom Navigation bar menu styling */

/* Top Navigation bar menu styling */

#nav .lavaLamp li.back {

/* Styling the contact form */

/* Styling an unordered list in the content area on a page */

Вам также может понравиться