/* Global Vars */ $spriteBg: url(../images/sprite.png); $spriteBgx2: url(../images/spr...@x2.png); $btnImgB64: ""; $btnBg-start-colour: #f9f9f9; $btnBg-end-colour: #e6e6e6; //@mixin background-gradient($from, $to){ background: $from; @include background-image(linear-gradient($from, $to)); } @mixin background-gradient($from, $to){ background-color: $from; @include filter-gradient($from, $to, vertical); $experimental-support-for-svg: true; @include background-image(linear-gradient(top, $from 0%, $to 100%)); } @mixin box-sizing($type){ -webkit-box-sizing: $type; -moz-box-sizing: $type; box-sizing: $type; } @mixin item-span-defaults { span { &.img { float: left; margin: 11px 16px; img { @include border-radius(5px); } } &.details { float: left; padding: 10px 0; font-size: 14px; } &.date { float: right; padding: 10px 10px 0 ; font-size: 13px; } &.bold { font-weight: bold; } &.italic { font-weight: normal; font-style: italic; color: #b2b4b5; } &.line { float: left; clear: both; } } } /*! normalize.css v1.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 0; } dd { margin: 0; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* ========================================================================== Clearfix ========================================================================== */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear: both; font-size: 1px; line-height: 0; } @import "mixins"; /* GENERAL */ @font-face{ font-family:"Univers"; src:url("../fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix"); src:url("../fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix") format("eot"), url("../fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"), url("../fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"), url("../fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg"); } @font-face{ font-family:"Univers Bold"; src:url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix"); src:url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix") format("eot"), url("../fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"), url("../fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"), url("../fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg"); } @font-face{ font-family:"Trade Gothic"; src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix"); src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"), url("../fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"), url("../fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"), url("../fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg"); } @font-face{ font-family:"Trade Gothic Bold"; src:url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix"); src:url("../fonts/bb3aa0a7-2585-4e89-ad82-658fd561751a.eot?#iefix") format("eot"), url("../fonts/1454a71d-cdbb-429c-8092-122f4493e0c7.woff") format("woff"), url("../fonts/d5ea405c-2180-4ff0-bd51-3e19fb280be4.ttf") format("truetype"), url("../fonts/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg"); } @font-face{ font-family:"Trade Gothic Italic"; src:url("../fonts/b1721311-de06-4277-8dcb-bf39e072b75e.eot?#iefix"); src:url("../fonts/b1721311-de06-4277-8dcb-bf39e072b75e.eot?#iefix") format("eot"), url("../fonts/c357a65e-dd87-4d11-8063-db04802d44c0.woff") format("woff"), url("../fonts/6b9ca17d-cb9d-43bb-8b43-93670b45b83f.ttf") format("truetype"), url("../fonts/198ed3e2-0cdf-496f-a0ef-86da8d4dde55.svg#198ed3e2-0cdf-496f-a0ef-86da8d4dde55") format("svg"); } body { font-family: "Univers", Calibri, Arial, sans-serif; color: #414141; background: #293c57 url(../images/bg_blue.gif) left top repeat; } body.has_popup { overflow: hidden !important; overflow-x: hidden !important; overflow-y: hidden !important; } .wrapper { float: left; width: 99.9%; padding: 0; min-width: 980px; } /* was 1024 */ .inner { max-width: 1015px; margin: 0 auto; padding: 0 3px; } button, input { font-family: "Univers", Calibri, Arial, sans-serif; padding: 5px; } ul, li { list-style: none; } .content { float: left; position: relative; width: 100%; } .bbtn { display: inline-block; position:relative; text-decoration: none; border: 1px solid #d7dbdc; height:28px; @include border-radius(5px); @include background-gradient(#f9f9f9, #e6e6e6); @include box-shadow(rgba(0, 0, 0, 0.6) 0px 1px 1px 0px); cursor: pointer; span { cursor: pointer; &.text { float:left; padding: 0 11px; font-size: 14px; line-height: 28px; text-decoration: none; color: #293142; } &.ico { float:left; width: 18px; height: 18px; margin: 5px 7px; } &.ico_bk { width:10px; height:13px; margin:7px 0px 7px 11px; } &.ico_fw { width:10px; height:13px; margin:7px 11px 7px 0px; } } &:hover { @include background-gradient(#e6e6e6, #f9f9f9); } &:active { @include background-gradient(#e6e6e6, #f9f9f9); border:1px solid #a4a4a4; @include box-shadow(rgba(0, 0, 0, 0.4) 0px 0px 10px 0px inset); } } .bbtn_white { display: inline-block; position:relative; text-decoration: none; border: 1px solid #d3e2ea; background:#fff; @include border-radius(5px); cursor: pointer; span { cursor: pointer; &.text { float:left; padding: 0 11px; font-size: 13px; line-height: 27px; text-decoration: none; color: #293142; } &.ico { float:right; width: 18px; height: 18px; margin: 5px 7px 0 0; } &.ico_preview { background: $spriteBg -340px -119px no-repeat; } } &:hover { background: #3394d7; color:#fff; border:1px solid #d3e2ea; span { color:#fff; &.ico_preview { background: $spriteBg -358px -119px no-repeat; } } } &:active { background: #3394d7; color:#fff; border:1px solid #d3e2ea; @include box-shadow(rgba(0, 0, 0, 0.4) 0px 0px 10px 0px inset); span { color:#fff; &.ico_preview { background: $spriteBg -358px -119px no-repeat; } } } } .bbtn_red { @extend .bbtn; @include background-gradient(#e85944, #b5382a); span { color: #fff !important; } &:hover { @include background-gradient(#b5382a, #e85944); } &:active { @include background-gradient(#b5382a, #e85944); @include box-shadow(rgba(0, 0, 0, 0.4) 0px 0px 10px 0px inset); } } .ybtn { @extend .bbtn; @include background-gradient(#fbe900, #e8d800); span { color: #434343 !important; } &:hover { @include background-gradient(#e9d800, #f9e800); } &:active { @include background-gradient(#e9d800, #f9e800); @include box-shadow(rgba(0, 0, 0, 0.4) 0px 0px 10px 0px inset); } } span { &.ico_add { background: $spriteBg -110px -90px no-repeat; } &.ico_list { background: $spriteBg -130px -90px no-repeat; } &.ico_prev { background: $spriteBg -221px -86px no-repeat; width: 23px !important; height: 26px !important; margin: 5px 9px !important; } &.ico_next { background: $spriteBg -237px -86px no-repeat; width: 23px !important; height: 26px !important;} &.ico_close { background: $spriteBg -179px -78px no-repeat; width: 44px !important; height: 46px !important; margin: 2px 1px 0 !important; } &.ico_refresh { background: $spriteBg -148px -84px no-repeat; width: 32px !important; height: 32px !important; margin: 2px 0 !important; } &.ico_back { background: $spriteBg -258px -86px no-repeat; padding: 3px 0px; margin: 3px 5px !important; width: 12px !important; .text { line-height: 18px !important; padding: 0 20px !important; width: 40px !important; height: 40px !important;} } &.ico_preview { } &.ico_file { @extend .ico_preview; background: $spriteBg -41px -172px no-repeat; width: 26px !important; height: 24px !important; } &.ico_download { @extend .ico_file; background: $spriteBg -75px -170px no-repeat; margin-top: 3px !important } &.ico_delete { @extend .ico_file; background: $spriteBg -106px -172px no-repeat; } &.ico_move { @extend .ico_file; background: $spriteBg -131px -170px no-repeat; margin: 3px 20px 5px 0 !important; } &.ico_copy { @extend .ico_move; background: $spriteBg -159px -170px no-repeat; } &.ico_unread { @extend .ico_move; background: $spriteBg -185px -170px no-repeat; } &.ico_print { @extend .ico_move; background: $spriteBg -218px -170px no-repeat; } &.ico_bk { background: $spriteBg -259px -91px no-repeat; } &.ico_fw { background: $spriteBg -269px -91px no-repeat; } } /* Scroll Bars */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); background: #4494d3; } /* DROPDOWN MENUS */ .ddmenu { display: inline-block; text-decoration: none; position: relative; border: 1px solid #d7dbdc; cursor: pointer; @include border-radius(5px); background: $btnImgB64; @include background-gradient($btnBg-start-colour, $btnBg-end-colour); @include box-shadow(rgba(0, 0, 0, 0.6) 0px 1px 1px 0px); span { &.top { display: inline-block; padding: 0 43px 0 11px; font-size: 12px; line-height: 28px; text-decoration: none; color: #293142; background: url(../images/bg_ddmenu.png) right top no-repeat; } &.wrap { display: none; float: left; width: 169px; position: absolute; top: 33px; left: -1px; z-index: 10; padding: 0px; border: 1px solid #d7dbdc; background: #fff; a { display: inline-block; float: none; width: 100%; margin: 0 !important; line-height: 28px; font-size: 13px; text-transform:capitalize; text-decoration: none; color: #293142; text-align: left; span { &.text { float: left; text-decoration: none; color: #293142; padding: 6px 15px; } &.ico { float: left; width: 18px; height: 18px; margin: 11px 11px 0px 10px; } } &:hover { background: #d8e7f5; } } } } } .ddmenu-hover { @include background-gradient(#e6e6e6, #f9f9f9); span.top { background: url(../images/bg_ddmenu.png) right -30px no-repeat; } } .ddmenu-active { z-index: 20; @include border-radius(5px 5px 0 0); @include background-gradient(#e6e6e6, #f9f9f9); border:1px solid #a4a4a4; @include box-shadow(rgba(0, 0, 0, 0.4) 0px 0px 10px 0px inset); span { &.top { background: url(../images/bg_ddmenu.png) right -60px no-repeat; } &.wrap { display: inline-block; float: left; z-index: 40; } } } /* ddmenu white extends ddmenu in html */ .ddmenu_white { background: #fff; background-image:none; border: 1px solid #d3e2ea; filter:none; @include box-shadow(none); span { &.top { line-height:27px; padding:0 34px 0 11px; background: url(../images/bg_ddmenu_white.png) right top no-repeat; } &.wrap { top: 26px; } } } .ddmenu-white-hover { background: #3394d7 !important; color:#fff; border:1px solid #d3e2ea; filter:none; span { &.top { color:#fff; background: url(../images/bg_ddmenu_white.png) right -30px no-repeat !important; } } } .ddmenu-white-active { background: #3394d7 !important; color:#fff; border:1px solid #d3e2ea; filter:none; span { &.top { color:#fff; background: url(../images/bg_ddmenu_white.png) right -60px no-repeat !important; } } } /* verification images */ .simage { float:left; span.simage { float:left; width: 108px; height: 108px; padding: 0; margin: 0; background: url(../images/simages.png) 0 0 no-repeat; @include border-radius(3px); } a { float:left; margin:0 12px 12px 0; border:3px solid #fff; @include border-radius(3px); &.active { border:3px solid #1ba0e1; } &:hover { border:3px solid #1ba0e1; span.simage { @include border-radius(0px); } } } span.i-1 { background-position: 0px 0px !important; } span.i-2 { background-position: -108px 0px !important; } span.i-3 { background-position: -216px 0px !important; } span.i-4 { background-position: -324px 0px !important; } span.i-5 { background-position: -432px 0px !important; } span.i-6 { background-position: -540px 0px !important; } span.i-7 { background-position: -648px 0px !important; } span.i-8 { background-position: -756px 0px !important; } span.i-9 { background-position: -864px 0px !important; } } /* Frame */ .frame { float: left; width: 100%; background: url(../images/bg_box_tb.png) left top repeat-x; margin:3px 0 0 0; .bgbtm { float: left; width: 100%; background: url(../images/bg_box_tb.png) left bottom repeat-x; } .bgltile { float: left; width: 100%; background: url(../images/bg_box_lr_tile.png) left top repeat-y; } .bgrtile { float: left; width: 100%; background: url(../images/bg_box_lr_tile.png) right top repeat-y; } .bgl { float: left; width: 100%; background: url(../images/bg_box_lr.png) left top no-repeat; } .bgr { float: left; width: 100%; background: url(../images/bg_box_lr.png) right top no-repeat; } .bgctl { float: left; width: 100%; background: url(../images/bg_crn_tl.png) left top no-repeat; } .bgctr { float: left; width: 100%; background: url(../images/bg_crn_tr.png) right top no-repeat; } .bgcbl { float: left; width: 100%; background: url(../images/bg_crn_bl.png) left bottom no-repeat; } .bgcbr { float: left; width: 100%; background: url(../images/bg_crn_br.png) right bottom no-repeat; } .box_content { margin: 15px; background: #fff; } } /* Header */ $activeMenuBg-start: #438cd1; $activeMenuBg-end: #4395d3; .main_header { float: left; position: relative; z-index: 30; width: 100%; height: 60px; background: #394b60; @include box-shadow(rgba(0, 0, 0, 0.5) 0 0 1px 0); .inner { max-width: 1020px; margin: 0 auto; .logo { float: left; padding: 0 0 0 10px; } h1 { float: right; color: #54b8fe; font-size: 18px; font-weight: normal; padding: 0 10px 0 0; line-height: 36px; a { color: #54b8fe; &:visited, &:clicked, &:visited { text-decoration: underline; } &:hover { text-decoration: none; } } } .logo a { float: left; width: 222px; height: 30px; margin: 10px 0 0 0; padding: 5px; text-indent: -999px; overflow: hidden; background: $spriteBg left top no-repeat; } ul.main-menu { float: right; margin: 13px 17px 0 0; list-style: none; li { float: right; margin-left: 14px; position: relative !important; height:auto; a { float: left; height: 35px; width: 36px; } &.menushelf a { background: $spriteBg 0px -42px no-repeat; } &.inbox a { background: $spriteBg -348px -43px no-repeat; } &.analysis a { background: $spriteBg -103px -42px no-repeat; } &.xanalysis a { background: $spriteBg -317px 7px no-repeat; } &.settings a { background: $spriteBg -155px -42px no-repeat; } &.help a { background: $spriteBg -255px -42px no-repeat; } &.logout a { background: $spriteBg -297px -42px no-repeat; } &.active { @include border-radius(3px); background-color: #3390d6; @include background-image(linear-gradient(bottom, #194c6c 0%,#3397d8 5%,#3397d8 98%,#115378 98%,#115378 100%)); position: relative; @include box-shadow(rgba(0, 0, 0, 0.5) 0 0 5px 0 inset); &:hover { @include border-radius(3px); background-color: #3390d6; @include background-image(linear-gradient(bottom, #194c6c 0%,#3397d8 5%,#3397d8 98%,#115378 98%,#115378 100%)); position: relative; @include box-shadow(rgba(0, 0, 0, 0.5) 0 0 5px 0 inset); } } &:hover { @include border-radius(3px); background-color: #3390d6; @include background-image(linear-gradient(top, #163341 0%,#2798db 2%,#2798db 98%,#52aee2 100%)); position: relative; @include box-shadow(rgba(29, 151, 221, 1) 0 0 5px 0); } } } .actions { float: right; margin: 13px 17px 0 0; .bbtn_red { border:none; margin:4px 0 0 10px; } } } } // ie symfony toolbar fix .lt-ie9 .sf-toolbar { display:none !important; } @import "mixins"; .box_content { padding:10px 0; position:relative; min-height:400px; .mid_content { width:500px; margin:0 auto; } .central_content { width:90%; margin:0 auto; } .left_content { float:left; width:57%; padding:0; position:relative; margin:0 0 0 5%; } .right_content { float:left; width:35%; padding:20px 0 0 0; .inner { background:#f5f9fc; padding: 10px; border:1px solid #c9e4ef; h2 { display:block; float:none; padding:0 0 25px 0; } p { display:block; float:none; padding:0 0 10px 0; } } } .msg_content { float:left; width:500px; padding:0 0 40px 0; .inner { background:#f5f9fc; padding: 10px; border:1px solid #c9e4ef; h2 { display:block; float:none; padding:0 0 25px 0; } p { display:block; float:none; padding:0 0 10px 0; } } } .separator { float:left; width:100%; border-bottom:1px dotted #aaa; margin:15px 0 15px -25px; } h2 { float:left; width:100%; margin:0px; padding:10px 0 15px 0; font-size:22px; } h3 { float:left; width:100%; margin:0px; padding:0 0 10px 0; font-size:25px; } .login_error { float: left; width: 500px; top:30px; padding: 14px 0 30px 0; color:#b5382a; font-weight:bold; font-size: 17px; } .main_error { float: left; width: 100%; padding: 14px 0 30px 0; color:#b5382a; font-weight:bold; font-size: 17px; } .form_section { float:left; width:100%; padding:20px 0 0 0; form { float:left; width:500px; padding-top: 5px; .element { float:left; clear:both; width:430px; padding:5px 0px; label { float:left; font-size:15px; line-height:40px; width:150px; margin: 0; &.error { float:right; width:275px; color:#b5382a; padding:10px 0 10px 0; line-height:15px; height:auto; } } input.text { width:255px; line-height:36px; height:36px; padding:0px 10px; @include border-radius(3px); border:1px solid #b2b2b2; @include box-shadow(rgba(200, 200, 200, 1) 0px 0px 8px 0px inset); position:relative; } input.narrow { width:25px; } input.postcode { width:100px; float:left; } input.pin { text-align: center; width: 25px; margin: 0 10px 0 0; } input.checkbox { margin:14px 0 0 0; } span.hint { float:left; padding:10px 0 5px 153px; font-size:14px; } span.lhint { padding-left:0px; } &.narrow { width:200px; clear:none; } &.pins { position:relative; padding:40px 0 0 0; } &.top-padding { padding:20px 0 0 0; } input[type=password] { letter-spacing: 4px; } } .terms { padding:20px 0 0 0; input { float:left; margin:14px 20px 0 0; } label { float:left; width:auto; margin-left: 5px; } } .actions { float:left; clear:both; padding: 30px 0 40px 150px; &.lactions { padding-left:0px; } #signup { padding: 21px 17px; font-size: 21px; line-height: 0px; } input { padding: 21px 17px; font-size: 21px; line-height: 0px;text-decoration: none; color: #293142; } } #chrome_frame { display: none; input { float: left; } label { position: absolute; width: 700px; margin-left: 5px; } } } } .completed { line-height:25px; text-align:center; margin-top: 30px; } .top_element { float: left; width: 100%; padding: 0; border-bottom: 1px dotted #cfcdca; margin: 0 0 10px 0; } p { padding:0 0 10px 0; margin:0px; } a { color: #5a9cd6; text-decoration: none; &:hover { text-decoration:underline; } } .failed-verification .hide { display:none; padding:10px 0 0 0; } .validation-status { display: none; padding: 20px; position: absolute; right: 30px; margin-top: -2px; &.success { display: block; background: url(../images/validation-feedback.png) 0 0 no-repeat; } &.fail { display: block; background: url(../images/validation-feedback.png) 0 -40px no-repeat; } } .vmethods { float:left; width:100%; padding:15px 0 0 0; margin:15px 0 0 0; border-top:1px dotted #cfcdca; .simage { background-size: 326px; } } .simage { float: left; clear: none; width: 108px; height: 108px; padding: 0; margin: 0 15px 15px 0; background: url(../images/simage.png) 0 0 no-repeat; background-size: 244px; } .simage_01 { background-position: top left; } .simage_02 { background-position: top center; } .simage_03 { background-position: top right; } .simage_04 { background-position: center left; } .simage_05 { background-position: center center; } .simage_06 { background-position: center right; } .simage_07 { background-position: bottom left; } .simage_08 { background-position: bottom center; } .simage_09 { background-position: bottom right; } .si_wrap { float:left; width:390px; padding:10px 0 20px 0; a { float:left; margin:10px 10px 3px 3px; &:hover { margin:7px 7px 0 0; border:3px solid #5a9cd6; } &.selected { margin:7px 7px 0 0; border:3px solid #5a9cd6; } } .simage { margin:0px; } &.smwrap { width:280px; a span { width:80px; height:80px; } } } .phrase { float: right; clear: none; width: 350px; height: 108px; padding: 0 10px; margin: 0px 0px 15px 0; table { width:100%; td { width: 100%; text-align: center; font-size: 15px; color: #414141; vertical-align: middle; height: 108px; } } } .pins { span.num1 { float:left; position:absolute; left: 160px; top:8px; } span.num2 { float:left; position:absolute; left: 225px; top:8px; } } .captcha { float:left; width:277px; img { margin:0 0 5px 0; } } } .popup_terms { display:none; width:980px; background:#fff; background-color: #fff; @include border-radius(5px); .header { float:left; width:100%; background:#f5f9fc; position:relative; @include border-radius(5px 5px 0 0); h1 { font-size:14px; margin:0px; padding:15px 0 15px 30px; } .bClose { float:left; cursor: pointer; position: absolute; right: -18px; top: -17px; span { float:left; } } } .inner { float:left; width:920px; padding:30px; height:500px; overflow:auto; border-top:1px solid #c9e4ef; h1 { font-size:20px; margin:0px; padding:0 0 20px 0; background:none; } h2 { font-size:19px; margin:0px; padding:0 0 20px 0; } h3 { font-size:18px; margin:0px; padding:0 0 20px 0; } h4 { font-size:17px; margin:0px; padding:0 0 20px 0; } h5 { font-size:16px; margin:0px; padding:0 0 20px 0; } h6 { font-size:15px; margin:0px; padding:0 0 20px 0; } p { margin:0; padding:0 0 20px 0; } } } .generic_form { div { float:left; width:400px; padding:5px 0px; label { float:left; font-size:15px; line-height:40px; width:120px; margin: 0; height:40px; overflow:hidden; &.terms { float:right; width:230px; } } input.text { float:right; margin:0px; width:255px; line-height:36px; height:36px; padding:0px 10px; @include border-radius(3px); border:1px solid #b2b2b2; @include box-shadow(rgba(200, 200, 200, 1) 0px 0px 8px 0px inset); position:relative; } input.postcode { float:left; width:100px; margin:0 0 0 3px; } input.checkbox { margin:14px 27px 0 0; float:right; } label.error { float:right; width:275px; color:#b5382a; padding:10px 0 10px 0; line-height:15px; height:auto; } ul { float:right; width:275px; li { color:#b5382a; padding:10px 0 10px 0; } } } .actions { float:left; width:100%; padding: 30px 0 20px 0px; input { padding: 0 11px; font-size: 14px; line-height: 28px; text-decoration: none; color: #293142; } } }
--------------------------------------
Kind Regards
Ajit
--
You received this message because you are subscribed to the Google Groups "wro4j" group.
To unsubscribe from this group and stop receiving emails from it, send an email to wro4j+un...@googlegroups.com.
To post to this group, send email to wr...@googlegroups.com.
Visit this group at http://groups.google.com/group/wro4j.
For more options, visit https://groups.google.com/groups/opt_out.
Hi Alex, I am using maven and the dependencies for the wro4j-extensions are there?
You received this message because you are subscribed to a topic in the Google Groups "wro4j" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/wro4j/7skBGANPQ6s/unsubscribe.
To unsubscribe from this group and all its topics, send an email to wro4j+un...@googlegroups.com.
I will double check - I think my local maven repo might have a problem. I will confirm again tomorrow if l managed to resolve the issue.
Regards
Ajit