@import url(http://fonts.googleapis.com/css?family=Cuprum); @font-face{ font-family: 'WebSymbolsRegular'; src: url(<%= asset_path 'websymbols-regular-webfont.eot' %>); src: url(<%= asset_path 'websymbols-regular-webfont.eot?#iefix' %>) format('embedded-opentype'), url(<%= asset_path 'websymbols-regular-webfont.woff' %>) format('woff'), url(<%= asset_path 'websymbols-regular-webfont.ttf' %>) format('truetype'), url(<%= asset_path 'websymbols-regular-webfont.svg#WebSymbolsRegular' %>) format('svg'); } .login-logo { text-indent: -9999px; background: url(<%= asset_path 'sign-in-logo.png' %>) no-repeat center 40px; padding-top: 40px; height: 160px; } #orbit-bar { margin-bottom: 0; position:fixed; width:100%; z-index: 99; top: 0; left: 0; } #orbit-bar .navbar-inner { height: 28px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding-top: 2px; padding-bottom: 1px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset; background-image: -moz-linear-gradient(top, #5282A6, #133757); background-image: -ms-linear-gradient(top, #5282A6, #133757); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5282A6), to(#133757)); background-image: -webkit-linear-gradient(top, #5282A6, #133757); background-image: -o-linear-gradient(top, #5282A6, #133757); background-image: linear-gradient(top, #5282A6, #133757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5282A6', endColorstr='#133757', GradientType=0); /* background-image: -moz-linear-gradient(top, #545b60, #191a1c); background-image: -ms-linear-gradient(top, #545b60, #191a1c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c)); background-image: -webkit-linear-gradient(top, #545b60, #191a1c); background-image: -o-linear-gradient(top, #545b60, #191a1c); background-image: linear-gradient(top, #545b60, #191a1c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545b60', endColorstr='#191a1c', GradientType=0); */ } #orbit-bar .navbar-search { float: none; margin: 0 auto; text-align: center; } #orbit-bar .nav.pull-right { margin-right: -20px; } #orbit-bar .search-query { background-image: url(<%= asset_path 'main-search.png' %>); background-repeat: no-repeat; background-position: 5px 6px; padding-left: 25px; /*background-color: rgba(255, 255, 255, 0.8); color: #333; text-shadow: 0px 1px 0px #FFF;*/ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.15); } #orbit-bar .search-query:focus { /*background-color: rgba(255, 255, 255, 0.9); text-shadow: 0px 1px 0px #FFF;*/ background-position: 6px 7px; } #orbit-bar .container { width:100%; } #orbit-bar .orbit-logo .brand { /* background: url(<%= asset_path 'orbit-bar.png' %>) no-repeat -162px -5px; */ background: url(<%= asset_path 'nccu_logo.png' %>) no-repeat 6px 0px; text-indent:-9999px; padding: 5px 20px 4px; } #orbit-bar .orbit-logo .brand:hover { background-color: rgba(0,157,220,1); } #orbit-bar .orbit-logo.open .brand { background-color: rgba(0,157,220,1); } #orbit-bar .orbit-logo .dropdown-menu { left: -15px; } #orbit-bar .nav > li { height: 28px; } #orbit-bar .nav > li > a:hover { background-color: rgba(0,157,220,1); } #orbit-bar .nav > li > a { background-image: url(<%= asset_path 'orbit-bar.png' %>); background-repeat:no-repeat; display: inline-block; width: 16px; height: 16px; text-indent: -9999px; padding:6px; } #orbit-bar .nav > li > a.orbit-bar-home { background-position: -10px -10px; } #orbit-bar .nav > li > a.orbit-bar-desktop { background-position: -100px -4px; } #orbit-bar .nav > li > a.orbit-bar-member { background-position: -4px -37px; } #orbit-bar .nav > li > a.orbit-bar-member { background-position: -10px -43px; } #orbit-bar .nav > li > a.orbit-bar-language { background-position: -42px -42px; } .language-menu .active { color: #ffffff; text-decoration: none; background-color: #0088cc; } #orbit-bar .nav > li > a.orbit-bar-account { background-image: none; height: 22px; padding: 3px; text-indent: inherit; min-width: 110px; width: auto !important; text-align: left; } #orbit-bar .nav span.member-name { display: inline-block; line-height: 22px; padding: 0 10px; } #orbit-bar .nav img.member-img { display: inline-block; float: left; max-width: 22px; } #orbit-bar .account-menu { right: 5px; } #orbit-bar .bar-login { } #orbit-bar .bar-login .open, #orbit-bar .open .orbit-bar-account { background-color: #009DDC; } #orbit-bar .bar-login .dropdown-menu { padding: 0 0 10px; max-width: 260px; } #orbit-bar .bar-login .dropdown-menu .log { margin: 10px 15px 0; list-style: none outside none; } #orbit-bar .bar-login .dropdown-menu .log .title { background: url(<%= asset_path 'sign-in-logo2.png' %>) no-repeat center center; height: 70px; } #orbit-bar .bar-login .dropdown-menu .log form { margin: 0 0 8px; } #orbit-bar .bar-login .dropdown-menu .log input { display: inline-block; margin: 0; } #orbit-bar .bar-login .dropdown-menu .log .span2 { width: 183px; } #orbit-bar .bar-login .dropdown-menu .log .forgot { margin-bottom: 20px; padding: 3px 0 0; float: right; display: inline-block; color: #0088CC; } #orbit-bar .bar-login .dropdown-menu .log .input-prepend { margin-top: 20px; } #orbit-bar .bar-login .dropdown-menu .log .remember { margin-top: 5px; } #orbit-bar .bar-login .dropdown-menu .log .forgot:hover { padding: 3px 0 0; float: right; display: inline-block; color: #005580; text-decoration: underline; background-color: transparent; } #orbit-bar .bar-login .dropdown-menu .log .btn { width: 220px; } #orbit-bar .bar-login .dropdown-menu .log .divider { position:relative; overflow: inherit; margin: 20px 0; } #orbit-bar .bar-login .dropdown-menu .log .divider span { position: absolute; width: 20px; height: 20px; background-color: #FFF; color: #666; top: -9px; left: 100px; font-size:16px; text-align: center; } #orbit-bar .bar-login .dropdown-menu .register { color: #FFFFFF; margin: 0 15px; width: 188px; } #main-sidebar { background: url(<%= asset_path 'background.jpg' %>) repeat left top; width: 155px; padding-right: 4px; border-right: 1px solid rgba(0,0,0,.2); position:fixed; top: 32px; z-index: 88; } #main-sidebar .nav { padding-top: 5px; } #main-sidebar .nav > li.active > a [class^="icons-"] { background-image: url(<%= asset_path 'icons_pack_white.png' %>); } #main-sidebar .nav > li > .nav { margin-left: -14px; margin-bottom: 5px; width: 155px; padding: 0; background-color: #FFF; /*border-radius: 0px 0px 8px 0px; -webkit-border-radius: 0px 0px 8px 0px; -moz-border-radius: 0px 0px 8px 0px;*/ box-shadow: 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.1); } #main-sidebar .nav > li > .nav > li > a { margin-left: 0; padding-left: 19px; color: #999; } #main-sidebar .nav > li > .nav > li > a:hover { color: #000; background-color: #d7eeff; } #main-sidebar .nav > li > .nav > li.active > a { background-color: #b7b7b7; color: #fff; } #main-wrap { background-color: #FFF; margin-left:160px; padding-top: 32px; padding-bottom: 18px; position: relative; } #main-wrap > .form-actions { background-color: #FFF; text-align: center; padding: 17px 20px 0; margin: 0; border-top: none; } #main-wrap .subnav { height: auto; min-height: 36px; } #main-wrap .pagination { margin: 18px 0 0; text-align: center; } .main-list .route-group td { border: none; } #main-wrap .route-group .breadcrumb { background-image: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-width: 0 0 1px 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin-bottom: 0px; padding: 7px 8px 5px; } #main-wrap .breadcrumb li { font-size: 12px; color: #999; } #sub-wiget { clear: right; float: right; padding-right: 10px; padding-top: 8px; position: relative; margin-bottom: 13px; width: 304px; } .main-wiget .widget-box { margin: 5px 0; width: 100%; } #poststuff .form-actions { background-color: transparent; text-align: right; padding-left: 10px; padding-right: 10px; margin-bottom: 0; clear: both; } #poststuff form { margin-bottom: 0; } #post-body { float: left; clear: left; width: 100%; margin-right: -340px; } #post-body .title input[type=text] { margin-bottom: 0; width: 100%; height: 30px; } #post-body .btn-group { margin-left: 5px; } #post-body .well { margin: 0; border-radius: 0px; -moz-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-top: none; } #post-body .editor { margin: 8px 0; width: 100%; } #post-body-content { margin-right: 320px; padding: 8px 0 8px 6px; } .filter .accordion-heading > a:hover { text-decoration: none; } .filter .accordion-group { border-bottom: none; border-top: none; border-left: 1px solid rgba(0,0,0,0.07); border-right: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: -1px; position: relative; left: 0; top: 0; } .filter .accordion-group:last-child { border-right: 1px solid rgba(0,0,0,0.07); } .filter .accordion-heading .accordion-toggle { padding: 9px 15px; } .accordion-group .accordion-toggle .caret { border-top-color: #0088CC; margin-top: 6px; } .filter form { margin: 5px 10px; } .filter .active { background-color: #0088CC; } .filter .active a { color: #FFF; } .filters { background-color: rgba(0,0,0,0.075); -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2); } .filters > div { background-color: #dadada; } .filters .btn { margin-bottom: 5px; } .filters .accordion-inner { border-top: none; padding: 9px 15px 4px; } .filters .filter-clear { padding: 5px 5px 0; border-top: 1px solid rgba(0,0,0,0.1); text-align: right; margin: 0 5px; -webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); } .filters .in { /*border-bottom: 1px solid rgba(0,0,0,0.07)*/ } #tags { } #tags .tag { line-height: 32px; padding: 0 10px; background-color: #FFFFFF; border-bottom: 1px solid #DDDDDD; border-top: medium none; } #tags .tag form, #tags .tag form input { margin:0; } #tags .tagitem { display: inline-block; float: left; } #tags .action { display: inline-block; float: right; } .sign-in { width: 360px; margin: 0 auto 70px; background-color: #FFF; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38); -webkit-box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38); box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38); border-width: 0px 1px 1px 1px; border-style: none solid solid solid; border-color: transparent #c6c6c6 #c6c6c6 #c6c6c6; } #signin-header { width: 340px; margin: 30px auto 0; line-height: 25px; padding: 5px 10px; border-width: 1px 1px 0px 1px; border-style: solid solid none solid; border-color: #c6c6c6 #c6c6c6 transparent #c6c6c6; background-color: #006dcc; background-image: -moz-linear-gradient(top, #dadada, #c0c0c0); background-image: -ms-linear-gradient(top, #dadada, #c0c0c0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), to(#c0c0c0)); background-image: -webkit-linear-gradient(top, #dadada, #c0c0c0); background-image: -o-linear-gradient(top, #dadada, #c0c0c0); background-image: linear-gradient(top, #dadada, #c0c0c0); -moz-border-radius: 5px 5px 0px 0px ; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -moz-box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3); -webkit-box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3); box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3); } #signin-header h3 { color: #848484; text-shadow: 0 1px 0 #e9e9e9; } #sign-footer { width: 100%; position:fixed; bottom: 0; height: 40px; background-color: #dadada; color: #7a7a7a; box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); } #sign-footer p { line-height: 40px; padding: 0 10px; text-align: right; } .sign-in .control-group label { text-align: left; width: auto; font-size: 15px; } .sign-in .forgot { padding-top: 5px; } .sign-in .content { padding: 10px; } .sign-in .form-actions { padding: 17px 10px 18px; margin: 0; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .sign-in form { margin: 0; } .sign-in .control-group .help-inline { display:none; } .sign-in .error .help-inline { display:inline-block; } .web-symbol:after { font-family: 'WebSymbolsRegular'; content: "{"; margin-left: 2px; margin-top: 8px; } .active .web-symbol:after { content: "}"; } /*icons*/ .the-icons i:after { content: attr(class); display: block; font-style: normal; margin-left: 20px; width: 140px; } .the-icons i { display: block; margin-bottom: 5px; } [class^="text-"] { font-size: 15px !important; } .text-blue { color: #0088CC !important; } .text-red { color: #CC3300 !important; } .text-yellow { color: #ffcc00 !important; } .text-orange { color: #f7941d !important; } .text-purple { color: #a864a8 !important; } .text-palm { color: #a67c52 !important; } .text-green { color: #39b54a !important; } [class^="icons-"] { display: inline-block; width: 16px; height: 16px; vertical-align: text-top; background-image: url(<%= asset_path 'icons_pack.png' %>); background-position: 16px 16px; background-repeat: no-repeat; *margin-right: .3em; margin-right:10px; } [class^="icons-"]:last-child { *margin-left: 0; } .icons-white { background-image: url(<%= asset_path 'icons_pack_white.png' %>); } /*1*/ .icons-pencil { background-position: 0 0; } .icons-brush { background-position: -32px 0; } .icons-pen { background-position: -64px 0; } .icons-brush-large { background-position: -128px 0; } .icons-pen-small { background-position: -96px 0; } .icons-bucket { background-position: -160px 0; } .icons-eye { background-position: -192px 0; } .icons-ban { background-position: -224px 0; } .icons-trash { background-position: -256px 0; } .icons-zoom { background-position: -288px 0; } .icons-zoom-out { background-position: -320px 0; } .icons-zoom-in { background-position: -352px 0; } .icons-magic { background-position: -384px 0; } .icons-aim { background-position: -416px 0; } /*2*/ .icons-flag { background-position: 0 -32px; } .icons-paperclip { background-position: -32px -32px; } .icons-share { background-position: -64px -32px; } .icons-link { background-position: -96px -32px; } .icons-tag { background-position: -128px -32px; } .icons-lock { background-position: -160px -32px; } .icons-unlock { background-position: -192px -32px; } /*3*/ .icons-content { background-position: -160px -66px; } .icons-announcement { background-position: -576px -64px; } /*4*/ .icons-contact { background-position: 0 -96px; } .icons-roll { background-position: -32px -96px; } .icons-member { background-position: -288px -96px; } .icons-member-user { background-position: -64px -96px; } .icons-member-admin { background-position: -96px -96px; } .icons-member-manager{ background-position: -128px -96px; } .icons-member-plus{ background-position: -160px -96px; } .icons-member-minus{ background-position: -192px -96px; } .icons-member-blockade{ background-position: -224px -96px; } .icons-carte { background-position: -256px -96px; } .icons-building { background-position: -320px -96px; } .icons-calendar { background-position: -352px -96px; } .icons-calendars { background-position: -384px -96px; } .icons-out { background-position: -416px -96px; } .icons-desktop { background-position: -448px -96px; } /*5*/ .icons-page-blank { background-position: 0px -128px; } .icons-page { background-position: -32px -128px; } .icons-page-copy { background-position: -64px -128px; } .icons- { background-position: -0px -128px; } /*6*/ .icons-globe { background-position: -96px -160px; } .icons-structure { background-position: -352px -160px; } /*7*/ .icons-purchase { background-position: -64px -192px; } /*8*/ .icons-dashboard { background-position: 0 -224px; } .icons-cog { background-position: -32px -224px; } .icons-cogs { background-position: -64px -224px; } .icons-tool { background-position: -96px -224px; } .icons-screwdriver { background-position: -128px -224px; } .icons-wrench { background-position: -160px -224px; } .icons-toolbox { background-position: -192px -224px; } .icons-switch { background-position: -224px -224px; } .icons-valve { background-position: -256px -224px; } /*9*/ .icons-picture { background-position: -256px -256px; } .icons-asset { background-position: -384px -256px; } .icons-asset-upload { background-position: -448px -256px; } .icons-asset-download { background-position: -416px -256px; } /*10*/ .icons- { background-position: -0px -288px; } /*11*/ .icons-pie { background-position: 0px -320px; } .icons-histogram { background-position: -32px -320px; } .icons-window { background-position: -64px -320px; } .icons-window-line{ background-position: -96px -320px; } .icons-window-command{ background-position: -128px -320px; } .icons-window-list{ background-position: -160px -320px; } .icons-window-block{ background-position: -192px -320px; } .icons-terminal{ background-position: -224px -320px; } /*12*/ .icons-check-2 { background-position: -288px -352px; } .icons-star-thin { background-position: -416px -352px; } .icons- { background-position: -0px -352px; } /*13*/ .icons- { background-position: -0px -384px; } /*14*/ .icons- { background-position: -0px -416px; } /*15*/ .icons- { background-position: -0px -448px; } /*16*/ .icons- { background-position: -0px -480px; } /*17*/ .icons- { background-position: -0px -512px; } /*18*/ .icons-help { background-position: -160px -544px; } .icons- { background-position: -0px -544px; } /*19*/ .icons-plus-cube { background-position: -192px -576px; } .icons-plus { background-position: -288px -576px; } .icons-power { background-position: -0px -608px; } /*20*/ .icons- { background-position: -0px -608px; } /*21*/ .icons- { background-position: -0px -640px; }