orbit-basic/app/assets/stylesheets/style.css.erb

434 lines
8.5 KiB
Plaintext

@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');
}
#orbit-bar {
margin-bottom: 0;
position:fixed;
width:100%;
z-index: 99;
}
#orbit-bar .navbar-inner {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
#orbit-bar .container {
width:100%;
}
#orbit-bar .orbit-logo .brand {
background: url(<%= asset_path "orbit-bar.png" %>) no-repeat -162px top;
text-indent:-9999px;
}
#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 > 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:12px;
}
#orbit-bar .nav > li > a.orbit-bar-home {
background-position: -4px -4px;
}
#orbit-bar .nav > li > a.orbit-bar-desktop {
background-position: -100px -4px;
}
#orbit-bar .nav > li > a.orbit-bar-logout {
background-position: -38px -4px;
margin: 0 10px 0 0;
}
#orbit-bar .nav > li > a.orbit-bar-search {
background-position: -68px -4px;
}
#orbit-bar .log {
margin: 0 10px 0 0;
}
#orbit-bar .log input {
margin: 5px 0 0;
}
#main-sidebar {
background-color: #FFFFFF;
width: 155px;
padding-right: 4px;
border-right: 1px solid rgba(0,0,0,.3);
position:fixed;
top:40px;
z-index: 88;
}
#main-wrap {
margin-left:160px;
padding-top: 40px;
position: relative;
}
#main-wrap > .form-actions {
text-align: center;
padding: 17px 20px 27px;
margin: 0;
}
#main-wrap .subnav {
height: auto;
min-height: 36px;
}
.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;
}
.accordion-group .web-symbol:after {
font-family: 'WebSymbolsRegular';
content: "{";
margin-left: 2px;
margin-top: 8px;
}
.filter .active {
background-color: #0088CC;
}
.filter .active a {
color: #FFF;
}
.filter .active .web-symbol:after {
content: "}";
}
.filters {
background-color: rgba(0,0,0,0.025);
-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 .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);
background-color: rgba(0,0,0,0.025);
text-align: right;
}
.filters .in {
border-bottom: 1px solid rgba(0,0,0,0.07)
}
/*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^="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;
}
/*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-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-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- {
background-position: -0px -544px;
}
/*19*/
.icons-plus-cube {
background-position: -192px -576px;
}
.icons-plus {
background-position: -288px -576px;
}
/*20*/
.icons- {
background-position: -0px -608px;
}
/*21*/
.icons- {
background-position: -0px -640px;
}