Suvdhan.tk Css Загвар

2012-02-02 15:56

 

body{

font-family:Tahoma,Arial,Sans-Serif;

font-size:11px;

padding:0px 0px 0px 0px;

margin:10px;

color: #000000;

        background-color: #777777;

}

.menu ul{

background:url(http://www.miniih.com/miniiblog/suvdhan/files/Image/cellpic-66760a.jpg) top left repeat-x;

height:43px;

list-style:none;

margin:0;

padding:0;

}

.menu li{

float:left;

padding:0px 8px 0px 8px;

}

.menu li a{

color:#FFFF00;

display:block;

font-weight:bold;

line-height:43px;

padding:0px 25px;

text-align:center;

text-decoration:none;

}

.menu li a:hover{

color:#FFA500;

text-decoration:none;

}

.menu li ul{

background:#0000FF;

border-left:2px solid #000000;

border-right:2px solid #000000;

border-bottom:2px solid #000000;

display:none;

height:auto;

filter:alpha(opacity=95);

opacity:0.95;

position:absolute;

width:225px;

z-index:200;

/*top:1em;

/*left:0;*/

}

.menu li:hover ul{

display:block;

}

.menu li li {

display:block;

float:none;

padding:0px;

width:225px;

}

.menu li ul a{

display:block;

font-size:12px;

font-style:normal;

padding:0px 10px 0px 15px;

text-align:left;

}

.menu li ul a:hover{

background:#949494;

color:#000000;

opacity:1.0;

filter:alpha(opacity=100);

}

.menu p{

clear:left;

}

.menu #current{

background:url(http://www.miniih.com/miniiblog/ttttt/files/Image/current-bg.gif) top left repeat-x;

color:#ffffff;

}

 

 

/*-------------------- constants -------------------*/

 

h1,h2,h3,h4,h5,p {

margin: 0px;

padding: 0px;

}

 

a {

color:#0567C4; 

text-decoration:none; 

font-size:11px;

}

 

a:hover {

color:#0C0C0C; 

text-decoration:none;

}

 

a.side {

color:#0567C4; 

text-decoration:none; 

font-size:11px;

}

 

a:hover.side {

color:#0C0C0C; 

text-decoration:none;

}

 

a.white {

color:#0567C4; 

text-decoration:none; 

font-size:12px;

}

 

a:hover.white {

color:#0C0C0C;

text-decoration:none;

}

 

form {

margin:0px 0px 0px 0px;

}

 

 

 

/*-------------------- layout -------------------*/

 

#container-3col {

width:1082px;

margin: 0 auto;

border: solid 1px #CACACA;

background-color: #F8F8F8;

}

#container-inner-3col {

}

 

#container-2col {

width: 792px;

margin: 0 auto;

border: solid 1px #CACACA;

background-color: #F8F8F8;

}

#container-inner-2col {

}

 

#header-3col, #header-2col {

border-bottom:1px #CACACA solid;

height:290px;

}

#header-inner-3col, #header-inner-2col {

border-bottom:1px #CACACA solid;

height:290px;

background: url(http://www.miniih.com/miniiblog/suvdhan/files/Image/suvdha.jpg) top left no-repeat ;

}

 

#left-bar {

width:240px;

}

#left-bar-inner {

width:230px;

margin-top:5px;

margin-left:4px;

}

 

#middle-bar {

width:600px;

padding-bottom:10px;

border-left:solid 1px #CACACA;

border-right:solid 1px #CACACA;}

#middle-bar-inner {

width:590px;

margin-top:5px;

margin-left:5px;

}

 

#right-bar {

width:240px;

}

#right-bar-inner {

width:230px;

margin-top:5px;

margin-left:4px;

}

 

 

.clear {

clear:both;

}

/*-----------------header-----------------*/

 

.header-title {

padding-top:35px;

padding-left:15px;

text-align:center;

font: bold 30px Arial,sans-serif;}

.header-title a{

font-size:30px; 

color:#FFF;}

.header-title a:hover{ 

}

 

.header-description {

color:#FFF;

text-align:center;

font-weight: normal;

font-size: 12px;

}

 

/*-----------------sidebar--------------*/

<style type="text/css">

 

.sexypanels{

list-style-type: none;

margin: 0;

padding: 0;

width: 230px; /* width of menu */

}

 

.sexypanels li{

border-bottom: 1px solid white; /* white border beneath each menu item */

}

 

.sexypanels li a{

background: #3BB9FF url(http://www.dynamicdrive.com/cssexamples/media/sexypanelright.gif) no-repeat right top; /*color of menu by default*/

font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;

display: block;

color: white;

width: auto;

padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */

text-indent: 8px;

text-decoration: none;

border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/

}

 

.sexypanels li a:visited, .sexypanels li a:active{

color: white;

}

 

.sexypanels li a:hover{

background-color: red; /*color of menu onMouseover*/

color: white;

border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/

}

 

 

</style>

 

<!--[if IE]>

<style type="text/css">

.sexypanels li a{ /* Menu link width value for IE */

width: 100%;

}

</style>

<![endif]-->

 

.side-bar-component {

width: 230px;

margin-bottom:10px;

font-size:11px;

border: solid 1px #CACACA;

}

.side-comp-body {

padding:5px;

}

 

.side-comp-header {

height:30px;

line-height:30px;

font-size: 12px;

font-weight: bold;

text-align:center;

color: #FFFFFF;

background-color: #FFFFFF;

background-image: url(http://www.miniih.com/miniiblog/suvdhan/files/Image/cellpic3.jpg);

padding:0px 2px 0px 4px;

}

.side-comp-header a{

color: #FFFFFF;

}

.side-bar-component ul{

margin:0px;

padding:0px;

}

 

.side-bar-component li{

list-style:none;

text-indent:8px;

text-transform:capitalize;

background-image: url(../images/bullet.gif);

background-position:2px 5px;

background-repeat: no-repeat;

/*white-space:nowrap;*/

}

 

#com-banner .side-comp-body {

padding: 0px;

}

/* Author: Craig Erskine Description: Dynamic Menu System - Vertical */ ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul { width: 240px; /* Menu Width */ margin: 0; list-style: none; } ul#navmenu-v li { float: left; position: relative; width: 100%; } ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ } ul#navmenu-v ul { display: none; position: absolute; top: 0; left: 100%; z-index: 9999; } /* Root Menu */ ul#navmenu-v a { border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 6px; display: block; background: #DDD; color: #666; font: bold 11px Arial, sans-serif; text-decoration: none; height: 1%; } /* Root Menu Hover Persistence */ ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a { background: #BBB; color: #FFF; } /* 2nd Menu */ ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a { float: none; background: #BBB; } /* 2nd Menu Hover Persistence */ ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a { background: #999; } /* 3rd Menu */ ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a { background: #999; } /* 3rd Menu Hover Persistence */ ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a { background: #666; } /* 4th Menu */ ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a { background: #666; } /* 4th Menu Hover */ ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover { background: #333; } /* Hover Function - Do Not Move */ ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; } ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: ; }

/*--------------------- page post --------------------*/

 

.post {

border: solid 1px #CACACA;

margin-bottom: 20px;

background-color:#FFFFFF;

}

.post h2{

height:30px;

line-height:30px;

font-size: 12px;

font-weight: bold;

color: #FFFFFF;

background-color: #0066FF;

background-image: url(http://www.miniih.com/miniiblog/suvdhan/files/Image/cellpic3.jpg);

padding:0px 2px 0px 4px;

}

 

.post h2 a {

font-size:12px;

color:#FFFFFF;}

.post h2 a:hover {

color:#FFFFFF;

}

.post-text {

padding:5px;

}

.post-head {

margin-bottom:10px;

}

.sum-foot {

text-indent:5px;

height:22px;

line-height:22px;

font-size:10px;

margin-top:20px;

background-color: #e6e6e6;

}

.sum-foot a{

font-size:10px;

}

 

.date {

margin-left:5px;

font-size:0.9em;

color:#414141;

background:url(../images/post.gif) 10px 50% no-repeat;

}

.day, .time {

display:none;

}

 

 

/*--------------------- page comment --------------------*/

 

#comments {

margin-top: 20px;

}

 

#comments h3 {

height:30px;

line-height:

Ангилал : ★Блог загвар★ | Нийтэлсэн : түвшинбат | Уншсан (304) | Өмнөх бичлэг | Дараагийн бичлэг

Сэтгэгдэл

Сэтгэгдэл бичих

Таны нэр :
Таны э-мэйл хаяг : Ил харагдахгүй.
Сэтгэгдэл