/* BODY & TEXT */ @font-main: Arial, Tahoma, sans-serif; @color-link: #2761a3; @color-link-hover: #2f88d4; html, body { margin: 0; padding: 0; height: 100%; } body { font-size: 13px; color: #444; } body, td, a, p, ol li, ul li, button, input, select { font-family: @font-main; } a, a:visited, a:active { color: @color-link; } a:hover { color: @color-link-hover; } h1 { font-size: 25px; margin-bottom: 20px; } h2 { font-size: 21px; margin-bottom: 20px; } h3 { font-size: 18px; &.small_title { color: #757575; margin-bottom: 20px; } } strong { font-weight: bolder; } p { margin: 10px 0; } .grid_6 p, .grid_5 p { margin-top: 10px; line-height: 1.45; font-size: 14px; } .big_text { font-size: 30px; } .small_text { font-size: 12px; font-color: #aaaaaa; } /* BORDER RADIUS */ .border-radius (@radius) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } /* ALIGNMENT SHORTCUTS */ .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .float-left { float: left; } .float-right { float: right; } .icon { position: relative; top: 3px; } a.cancel { margin-left: 7px; } /* INPUT */ @bg-bubble: #eeeeee; input[type=text], input[type=password], input[type=email], input[type=url], textarea { font-size: 16px; padding: 7px 8px 6px 8px; height: 20px; line-height: 20px; width: 250px; background: url(/public/images/input_gradient.png) #ffffff repeat-x 0 -3px; border: 1px solid @bg-bubble - (#151515); .border-radius(5px); } textarea.recipients { font-size: 14px; color: #606060; width: 495px; line-height: 1.5; height: 107px; } input[type=file] { padding: 7px 8px 7px 0; width: 350px; } select.country { font-size: 15px; padding: 7px 8px; line-height: 32px; height: 36px; border: 1px solid @bg-bubble - (#111111); .border-radius(5px); } /* MARGIN */ .t5 { margin-top: 5px; } .t10 { margin-top: 10px; } .t15 { margin-top: 15px; } .t20 { margin-top: 20px; } .t30 { margin-top: 30px; } .t36 { margin-top: 36px; } /* sidebar with breadcrumbs */ .t40 { margin-top: 40px; } .t50 { margin-top: 50px; } .b5 { margin-bottom: 5px; } .b10 { margin-bottom: 10px; } .b15 { margin-bottom: 15px; } .b20 { margin-bottom: 20px; } .b30 { margin-bottom: 30px; } .b40 { margin-bottom: 40px; } .b50 { margin-bottom: 50px; } /* LIST */ ol.sidebar_list li { margin-left: 20px; margin-bottom: 5px; list-style: decimal; } ul.sidebar_list li { margin-left: 20px; margin-bottom: 5px; list-style: disc; } .item-box { margin-left: 15px; padding: 2px 2px 4px 6px; .border-radius(4px); display: inline-block; input[type=checkbox] { float: left; margin-right: 6px; margin-top: 4px; } label { float: left; width: 460px; word-wrap: break-word; } } .item-box:hover, .item-box.selected { background: #fdfbf3; .border-radius(4px); } /* DH ADMIN */ .dh_admin { padding-bottom: 40px; } .dh_admin_privacy, .dh_admin_tos { line-height: 1.5; ul li { list-style: disc outside none; margin-left: 30px; padding: 4px 0; } ol li { list-style: decimal outside none; margin-left: 30px; padding: 4px 0; } }