Straipsniai > Pamokos > Pagrindinės dizaino CSS funkcijos

Pagrindinės dizaino CSS funkcijos

 


/*MMTVS*/
ul , li{
list-style-type: none;
}
input, textarea {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #eeeeee;
background-image: url(images/textbox.gif);
background-position: top center;
background-repeat: repeat-x;
border : 1px solid #d2d2d2;
}
select, button {
font-family :Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fff;
font-weight: bold;
background-image: url(images/butt.png);
height : 20px;
border : 1px solid #54a700;
margin-top : 0px;
}

.input{
width: 95%;
}

.table {
border-bottom : 1px solid #000;
border-right : 1px solid #000;
font-size: 11px;
text-align: left;
}
.th {
text-align : center;
color : #FFF;
background-color : #666;
height : 20px;
font-weight : normal;
padding: 3px;
}

.tr {
background-color: #FAFAFA;
border-top: 1px solid #666;
padding: 3px;
overflow:hidden;
}
.tr2{
background-color: #D7D6D6;
border-top: 1px solid #666;
padding: 3px;
overflow:hidden;
}
.td {
padding-left : 5px;
border-left : 1px solid #CCC;
}
.td2 {
padding-left : 5px;
border-left : 1px solid #CCC;
}

.tooltip { /*tooltip - uzvedama pele ir issiskleidzia lentute*/
padding : 3px;
border : 1px solid #666;
display : none;
background : #666;
color : #fff;
font : bold 9px Verdana, Arial, Helvetica, sans-serif;
text-align : left;
position : absolute;
z-index : 1000;
}
img {
border: none;
}
.gallery a img {
padding:2px;
margin:0 5px 5px 0;
-moz-border-radius:4px 4px 4px 4px;
}
.gallery_menu {
bottom:5px;
}
.gallery_title, .gallery_menu {
background-color:inherit;
}
.active {
}
.kalendorius table tr td { /*Kalendoriaus datu linijos*/
border-bottom: 1px dashed #73A4BF;
text-align:center;
}
.kalendorius .siandien { /*Kalendoriaus siandiena*/
background-color: #73A4BF;
font-weight: bold;
color: white
}
/*Main Menu - MENIU bloko stilius*/
#navigation ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;}

#navigation ul li a{
font-size: 10px;
display: block;
border-bottom: 1px dashed #73A4BF;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;

}
#navigation ul li:hover {
color: #000000;
background-color: #73A4BF;
position:relative;
}

/*Sub Menu*/
#navigation ul ul {background-image: url(images/block_vidus_fonas.gif);
background-repeat: repeat-x;display:none; position:absolute; left:160px; top:0px; }
#navigation ul li:hover ul {display:block;}
#navigation ul ul li{ font-size: 10px;
display: block;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:165px;}
#navigation ul ul li:hover {}

#navigation li:hover ul li ul {display:none;}

#navigation ul ul li ul {left:110px; }
#navigation ul ul li:hover ul {display:block;}

/*MMTVS*/

 

Šį kodą patartina įklijuoti į .css failą kuriant naują dizainą.


Data: 2011-05-28 17:23:46, Autorius: zlotas

Rašyti komentarą

Prašome prisijungti!

Komentarai

# zlotas (2011-06-06 15:08:28 )
avataras
nu dėkui :P
# T1tas (2011-06-06 00:25:10 )
avataras
Geeeris čia :)