PHP Classes

File: less.less

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

Contents

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