PHP Classes

File: css.css

Recommend this page to a friend!
  Classes of Oleg KronuS   CSS to LESS   css.css   Download  
File: css.css
Role: Auxiliary data
Content type: text/plain
Description: example css-code
Class: CSS to LESS
Convert CSS stylesheets to LESS format
Author: By
Last change:
Date: 11 years ago
Size: 18,394 bytes
 

Contents

Class file image Download
@charset "utf-8"; html, body { width:100%; height:100%; } body { margin:0; padding:0; background:#dedede url(/img/mainbg.jpg) 50% 0; font:normal 12px/17px Arial, Helvetica, sans-serif; color:#435263; } form, fieldset { margin:0; padding:0; border:0; } input, select, textarea, button { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; outline:none; } textarea { resize:none; } header, nav, section, article, aside, footer { display: block; } img { border:0; vertical-align:top; } a { color:#5f82aa; text-decoration:none; outline:none; cursor:pointer; } a:hover { color:#4f729a; } table { border-collapse:collapse; } p { margin:0 0 20px 0; } ul { color:#000; width:275px; list-style:none; margin:0 0 20px 0; padding:0; border-top:1px dashed #c6cdd7; } ul li { border-bottom:1px dashed #c6cdd7; padding:5px 0; zoom:1; vertical-align:bottom; } h1 { text-transform:uppercase; font-size:27px; line-height:29px; font-weight:normal; margin:0 0 21px 0; padding:0; color:#000; } h2 { font-size:20px; line-height:20px; text-transform:uppercase; font-weight:normal; color:#000; margin:23px 0 22px 0; } h3 { font-size:15px; line-height:17px; text-transform:uppercase; font-weight:normal; color:#000; margin:0 0 20px 0; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .clearfix { zoom: 1 } .clearfix:after { content: ' '; clear:both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; } .wrapper { min-height:100%; min-width:1000px; max-width:10000px; margin:0 auto; position:relative; overflow:hidden; } .container { width:1000px; margin: 0 auto; text-align: left; position:relative; } .content-hold { zoom:1; position:relative; margin:0 0 0 -20px; left:10px; background:#fff; box-shadow:0 0 5px #b3b3b3; -moz-box-shadow:0 0 5px #b3b3b3; -webkit-box-shadow:0 0 5px #b3b3b3; behavior: url(js/PIE.htc); } .header { position:relative; height:80px; background:#000 url(/img/header.png) repeat-x; color:#a7a7a7; } .header a { text-decoration:none; color:#5f82aa; } .header a:hover { color:#8db3de; } .header .logo { position:absolute; top:8px; left:12px; } .header .logo a, .header .logo span { display:block; background:url(/img/logo.png) no-repeat; width:203px; height:63px; overflow:hidden; text-align:left; text-indent:-9999px; } .header .logo a:hover { background-position:0 -67px; } ul.user-block { position:absolute; top:0; right:0; border:0; width:auto; font-size:11px; color:#a7a7a7; } ul.user-block li { float:left; height:60px; padding:20px 19px 0 21px; background:url(/img/vline.png) no-repeat; border:0; } ul.user-block li strong { display:block; color:#fff; font-size:12px; font-weight:normal; line-height:20px; } ul.user-block .exit { float:left; padding:30px 0 0 0; margin:-7px 0 0 0; background:url(/img/exit.png) no-repeat 50% 0; } ul.user-block .exit:hover { background-position:50% -79px; } ul.user-block .username { width:250px; padding-right:0; } .user-block .ava { float:left; margin:0 13px 0 0; position:relative; top:-8px; border:3px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/PIE.htc); } ul.user-block .username .ava a { margin:0; } ul.user-block .username strong { font-weight:bold; text-transform:uppercase; } ul.user-block .username a { float:left; margin:0 20px 0 0; } ul.menu { width:auto; list-style:none; margin:0; padding:0; background:#5b7ca2 url(/img/menu.png) repeat-x; height:40px; line-height:42px; text-transform:uppercase; font-size:10px; text-shadow:-1px -1px 0 #475e78; color:#fff; zoom:1; border:0; overflow:hidden; } ul.menu li { float:left; border:0; margin:0; padding:0; } .menu a { float:left; display:block; height:40px; color:#fff; text-decoration:none; padding:0 18px 0 16px; background:url(/img/menu.png) no-repeat 100% -46px; } .menu a:hover { color:#b4cce7; } .menu .main { text-align:left; text-indent:-9999px; width:58px; padding:0; background-position:0 -92px; } .menu .main:hover { background-position:-133px -92px; } .menu .add { text-align:left; text-indent:-9999px; width:59px; padding:0; background-position:-58px -92px; } .menu .add:hover { background-position:-191px -92px; } .slider { background:#000; padding:10px 10px 14px 10px; zoom:1; position:relative; overflow:hidden; } .slider .hold { width:100%; height:67px; position:relative; overflow:hidden; } .slider .hold ul { list-style:none; margin:0; padding:0; border:0; width:9999px; position:absolute; top:0; left:0; } .slider .hold ul li { float:left; position:relative; width: 210px; height:68px; overflow:hidden; margin:0 1px 0 0; border:0; padding:0; } .slider .hold ul li .cover { display:block; position:absolute; top:0; left:0; bottom:0; right:0; border:5px solid #000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=29); -moz-opacity: 0.29; -khtml-opacity: 0.29; opacity: 0.29; } .slider img { width:230px; } .slider .hold ul li a:hover .cover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=39); -moz-opacity: 0.69; -khtml-opacity: 0.69; opacity: 0.69; } .slider .line { position:absolute; left:10px; right:10px; bottom:10px; height:2px; line-height:0; border-top:1px solid #6489b4; background:#3f5772; } .slider .line-wrap{ margin:0 23px; height:2px; position:relative; } .slider .line .handle { background:url(/img/top-slider-handle.png) no-repeat; width:46px; margin-left:-23px; height:15px; overflow:hidden; cursor:pointer; position:absolute; top:-7px; } .slider .line .handle:hover { background-position:0 -20px; } ul.sort { list-style:none; width:auto; border:0; margin:0; padding:0; height:37px; font-size:10px; line-height:37px; color:#fff; text-shadow:-1px -1px 0 #445971; background:#5f82aa url(/img/topline.png) repeat-x; text-transform:uppercase; } ul.sort li { float:left; border:0; margin:0 22px 0 0; padding:0; } ul.sort li.title { background:url(/img/topline.png) no-repeat 0 -43px; width:99px; margin:0 10px 0 0; text-align:center; text-shadow:none; } .sort .customCheckbox { float:left; margin:10px 5px 0 0; } input.customCheckbox {visibility:hidden; display: none;} .outtaHere { display:none; position:absolute; top:-9999px; left:-9999px; } .checkboxArea, .checkboxAreaChecked { cursor:pointer; display:inline-block; width:18px; height:18px; overflow:hidden; background:url(/img/checkbox.png) no-repeat; } .checkboxAreaChecked { background-position:0 -22px; } .content { zoom:1; margin:20px; position:relative; background:url(/img/vdash.gif) repeat-y 647px 0; } .content:after { content: ' '; clear:both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; } .image-l { float:left; padding:1px; border:1px solid #c2c6c7; display:block; margin:15px 20px 15px 0; } .aside { float:right; width:312px; } .mainContent { float:left; width:627px; } .mainContent.ind2 { padding:0 0 0 10px; width:617px; } .footer { background:#000 url(/img/footer.png) repeat-x; height:111px; overflow:hidden; position:relative; font-size:11px; line-height:25px; color:#fff; padding:20px 20px 0 0; } .footer a { color:#fff; text-decoration:none; } .footer a:hover { color:#666; } .footer .right { float:right; text-align:right; } .footer ul { list-style:none; float:left; width:625px; border:0; margin:0; padding:0; color:#626262; } .footer ul li { margin:0; padding:0; border:0; zoom:1; overflow:hidden; } .footer ul li strong { font-weight:normal; float:left; text-align:right; width:105px; margin:0 8px 0 0; } .footer ul li span { margin:0 4px; } .counters { margin:34px 0 15px 0; } .counters img { margin:0 0 0 10px; } a#move_up { position: fixed; top: 0px; left: 0px; display: none; opacity:0.9; filter: alpha(opacity=90); z-index:100; padding: 0px; background:url(/img/up.png) no-repeat; background-position: right 100px; } a#move_up:hover { background:url(/img/up2.png) no-repeat; background-position: right 100px; } .opt-pics { position:absolute; top:-1px; right:-1px; line-height:19px; font-size:11px; white-space:normal; } .opt-pics .plus, .opt-pics .minus { display:block; float:left; text-align:left; text-indent:-9999px; background:url(/img/plus-minus.gif) no-repeat 0 -9999px; width:13px; height:13px; cursor:pointer; overflow:hidden; } .opt-pics .plus { background-color:#000; background-position:0 0; } .opt-pics .minus { background-color:#8996a5; background-position:-13px 0; } .opt-pics .plus:hover { background-color:#73767b; } .opt-pics .minus:hover { background-color:#aab3be; } .opt-pics a { float:left; margin:0 5px 0 0; text-decoration:none; color:#000; } .opt-pics a:hover { color:#7c869a; } .block { margin:0 0 20px 0; background:#e6ecf7 url(/img/block-shadow.png) no-repeat; border:1px solid #d2dae8; border-bottom:5px solid #d0d5df; padding:16px 19px; position:relative; } .block h4 { font-size:20px; line-height:20px; text-transform:uppercase; font-weight:normal; margin:0 0 13px 0; color:#000; } .news { padding:0; font-size:11px; line-height:14px; color:#3d4957; } .news .bg { padding:16px 110px 15px 19px; background:url(/img/news-bg.png) no-repeat 100% 40px; zoom:1; position:relative; } .news .date { float:right; margin:2px -15px 0 0; font-size:12px; width:64px; height:17px; text-align:center; background:#3d4957; line-height:17px; color:#fff; } .categories { padding-bottom:0; } .categories h4 { margin:0 0 19px 0; } .categories .hold { position:relative; overflow:hidden; } .categories .hold ul { width:auto; zoom:1; position:relative; border:0; margin:0 0 0 -5px; left:5px; } .categories .hold ul li { float:left; padding:0; border:0; margin:0 4px 4px 0; } .categories .hold ul li a { display:block; float:left; padding:1px; border:1px solid #ced5e0; background:#fff; } .categories .hold ul li a:hover { border-color:#9ba6b9; } .categories .hold ul li img { width:61px; height:61px; } .categories .toggler { height:31px; cursor:pointer; background:url(/img/darr.png) no-repeat 0 9px; width:25px; margin:0 auto; } .categories .toggler:hover { background-position:0 -28px; } .social2 { margin:0 0 20px 0; width:312px; } #wall { border: 1px solid #BEC8D3; } .customSelect { font:normal 12px/24px Arial, Helvetica, sans-serif; color:#000; } .selectIn { cursor:pointer; position:relative; border:1px solid #c4c4c4; background:#f0f0f0 url(/img/select.gif) no-repeat 100% 11px; padding:0 20px 0 6px; height:24px; color:#000; } .selectText { white-space:nowrap; position:relative; overflow:hidden; width:100%; text-overflow:ellipsis; } .select-sub ul { width:auto; zoom:1; border:1px solid #c4c4c4; background:#f0f0f0; font:normal 12px/16px Arial, Helvetica, sans-serif; margin:0; padding:0; } .select-sub ul li { margin:0; padding:0; border:0; } .select-sub ul li a { padding:4px 0 4px 6px; color:#000; display:block; text-decoration:none; } .select-sub ul li a:hover { text-decoration:underline; } .right-select { float:right; margin-top:2px; } .right-select .customSelect { width:183px; } .right-select form, .right-select fieldset { float:left; } ul.categories2 { list-style:none; margin:0 0 0 -30px; left:30px; padding:5px 0 0 0; position:relative; zoom:1; font-size:11px; width:auto; border:0; } ul.categories2 li { float:left; width:318px; height:72px; border:0; margin:0; padding:0; } ul.categories2 li a { text-decoration:none; color:#6a7888; } ul.categories2 li a:hover { text-decoration:underline; } ul.categories2 li img { float:left; margin:0 10px 0 0; width:58px; height:58px; background:#fff; padding:1px; border:1px solid #ced5e0; } ul.categories2 li a:hover img { border-color:#9ba6b9; } .categories2 strong { display:block; font-size:12px; line-height:20px; font-weight:normal; color:#1d4068; padding:13px 0 2px 0; } .categories2 .size1 strong { font-size:20px; } .categories2 .size2 strong { font-size:15px; } .item { zoom:1; position:relative; margin:0 0 20px 0; border:1px solid #c6cdd7; padding:9px 9px 0px 9px; color:#000; } .item header { margin:0 0 10px 0; zoom:1; position:relative; font-size:11px; } .item header:after { content: ' '; clear:both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; } .item .ava { float:left; margin:-9px 13px 0 -9px; padding:11px 12px 12px 11px; background:#c6cdd7; } .item .ava img { position:relative; width:29px; height:29px; border:1px solid #fff; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:1px 1px 5px #8b9097; -moz-box-shadow:1px 1px 5px #8b9097; -webkit-box-shadow:1px 1px 5px #8b9097; behavior: url(js/PIE.htc); } .item h4 { font-weight:normal; font-size:20px; line-height:20px; color:#000; margin:0; } .item .author { float:right; } .item section{ text-align:center; } .item section img { height:auto; } .item footer { line-height:20px; zoom:1; position:relative; margin:10px 0 0 0; width: 607px; background: #fff; bottom: 0px; z-index:100; } .item footer .left, .item footer .right { width:245px; } .item footer .left { float:left; text-align:left; } .item footer .right { float:right; text-align:right; } .item .rate { text-align:center; font-size:17px; font-weight:bold; } .item .rate span { cursor:pointer; color:#557599; } .item .rate span:hover { color:#000; } .rate p { display:inline; } .socials { width:auto; list-style:none; margin:0; padding:0; border:0; line-height:20px; white-space:nowrap; } .socials li { display:inline-block; vertical-align:middle; height:auto; line-height:normal; border:0; margin:0 7px 0 0; padding:0; } .right .socials li { margin:0 0 0 7px; } .pagination { zoom:1; position:relative; margin:25px 0 0 0; font-size:15px; line-height:22px; color:#000; } .pagination table { width:100%; } .pagination table tr td { text-align:center; vertical-align:top; width:7.14%; padding:0; border-bottom:3px solid #aebfd2; height:27px; } .pagination table tr td a { height:30px; display:inline-block; vertical-align:top; margin:-3px 0 0 0; top:3px; position:relative; color:#000; text-decoration:nonep; padding:0 3px; } .pagination table tr td a:hover { border-bottom:5px solid #637790; height:25px; color:#000; } .pagination strong { display:inline-block; height:22px; padding:0 5px; background:#aebfd2; font-weight:normal; text-align:center; } .info-block { zoom:1; position:relative; border:1px solid #d2dae8; text-overflow:ellipsis; background:#e6ecf7 url(/img/info-block.png) no-repeat; margin:0 0 20px 0; color:#3d4957; padding:10px 15px 10px 52px; } .share { position:absolute; top:25px; left:290px; } #tw{padding-left: 15px; padding-top: 5px;} .auth { position:absolute; top:20px; right:0; width:318px; padding:0 16px 0 0; font-size:11px; line-height:12px; color:#7c7c7c; } .auth .link { display:block; float:left; background:url(/img/auth-link.png) no-repeat; width:133px; height:48px; margin:-2px 11px 0 0; text-align:left; text-indent:-9999px; } .auth .link:hover { background-position:0 -52px; } #extra { display:none; margin-bottom:10px; } .comm1 { border: 1px solid #3b6798; cursor:pointer; } .comm2 { border-width: 1px; border-style: solid; border-right: 1px solid rgb(92, 130, 171); border-color: rgb(126, 156, 188) rgb(92, 130, 171) rgb(92, 130, 171); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; background-color: rgb(109, 143, 179); color: rgb(255, 255, 255); text-shadow: 0px 1px rgb(69, 104, 142); height: 15px; padding: 2px 4px 1px 6px; font-size: 10px; font-family: tahoma,arial; } .comm2:hover{ background-color: rgb(132, 161, 191); } .hidden { height:0; margin-top:11px; margin-bottom:5px;} .text a:hover, .text h4:hover, .mainContent a h1:hover{ text-decoration:underline; } #target { text-align:center; } .temp { width: 600px; } .temp td{ text-align: center; padding-bottom:25px; } .big { height: 25px; font-size:25px; margin: 10px; display: inline; width: 320px; } .file { margin: 15px;} .toinput { display:inline; font-size:23px; line-height:25px; color:#8e8e8e; }