/* app css stylesheet */ .protectedIntroBody { margin-bottom: 50px; } .Private { display: none; } .piEditor { margin-bottom: 100px; } .piEditor .hr { margin-top: 30px; } .piEditor .well form { margin: 0; } .piEditor table tr td > div { margin-bottom: 0; margin-top: 0; } .piEditor table tr td > div > input:first-child { margin-bottom: 0; } .piEditor div.modal { z-index: 0; position: relative; left: 0; margin-left: 0; } /* @loader */ .isViewLoading { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; background-color: #eeeeee; } .isViewLoading h1 { margin: 100px 0 20px 0; font-family: inherit; font-weight: bold; line-height: 40px; font-size: 38.5px; text-align: center; color: inherit; text-rendering: optimizelegibility; text-shadow: 0 1px 2px #ffffff; } .isViewLoading .loader { position: relative; width: 100px; height: 100px; margin-right: auto; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); margin-left: auto; margin-top: 50px; } .isViewLoading .loader div { width: 20px; height: 20px; background: #000000; text-shadow: 0 1px 2px #F6F6F6; position: absolute; top: 40px; left: 40px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .bar1 { -moz-transform: rotate(0deg) translate(0, -40px); -webkit-transform: rotate(0deg) translate(0, -40px); opacity: 0.12; } .bar2 { -moz-transform: rotate(45deg) translate(0, -40px); -webkit-transform: rotate(45deg) translate(0, -40px); opacity: 0.25; } .bar3 { -moz-transform: rotate(90deg) translate(0, -40px); -webkit-transform: rotate(90deg) translate(0, -40px); opacity: 0.37; } .bar4 { -moz-transform: rotate(135deg) translate(0, -40px); -webkit-transform: rotate(135deg) translate(0, -40px); opacity: 0.50; } .bar5 { -moz-transform: rotate(180deg) translate(0, -40px); -webkit-transform: rotate(180deg) translate(0, -40px); opacity: 0.62; } .bar6 { -moz-transform: rotate(225deg) translate(0, -40px); -webkit-transform: rotate(225deg) translate(0, -40px); opacity: 0.75; } .bar7 { -moz-transform: rotate(270deg) translate(0, -40px); -webkit-transform: rotate(270deg) translate(0, -40px); opacity: 0.87; } .bar8 { -moz-transform: rotate(315deg) translate(0, -40px); -webkit-transform: rotate(315deg) translate(0, -40px); opacity: 1; } .loader { animation-name: rotateLoader; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateLoader; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateLoader; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; } @keyframes rotateLoader { from { -webkit-transform: scale(0.5) rotate(0deg); -moz-transform: scale(0.5) rotate(0deg); } to { -webkit-transform: scale(0.5) rotate(360deg); -moz-transform: scale(0.5) rotate(360deg); } } @-webkit-keyframes rotateLoader { from { -webkit-transform: scale(0.5) rotate(0deg); -moz-transform: scale(0.5) rotate(0deg); } to { -webkit-transform: scale(0.5) rotate(360deg); -moz-transform: scale(0.5) rotate(360deg); } } @-moz-keyframes rotateLoader { from { -webkit-transform: scale(0.5) rotate(0deg); -moz-transform: scale(0.5) rotate(0deg); } to { -webkit-transform: scale(0.5) rotate(360deg); -moz-transform: scale(0.5) rotate(360deg); } } /* @end *//* @DROPDOWN COLORPICKER */ div.colorpicker { min-width: 0; padding: 0; } div.colorpicker div.colorpicker-saturation { margin: 4px; } div.colorpicker div.colorpicker-hue { margin: 4px; margin-left: 0; } /* @end */ .groupNameTitle { color: #333333; text-shadow: 0 1px 1px #F6F6F6; } .labelTitle { line-height: 20px; font-size: 14px; font-weight: normal; color: #333333; text-shadow: 0 1px 1px #F6F6F6; } .protected { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } .protected a { color: #e06342; } .protected a:hover { color: #b73e1e; } .protected .introHeader { text-align: center; padding: 90px; border-bottom: 1px dashed #eeeeee; } .protected .buttonsBlocks .github { margin-top: 9px; display: block; } .protected .buttonsDiv { text-align: center; border-top: 1px dashed #eeeeee; margin-top: 45px; padding: 45px 0 0; } .protected .centerTitle { text-align: center; padding: 45px 0; } .protected #menuBottom { background: #222222; padding: 7px 0 10px; position: fixed; right: 0; left: 0; margin-bottom: 0; } .protected #menuBottom ul { list-style: none; width: 800px; margin: 0 auto; } .protected #menuBottom ul li { float: left; padding-right: 5px; } .protected #menuBottom .sign { color: #999999; float: right; padding: 7px; } .protected #menuBottom .checkbox { color: #999999; padding-right: 10px; padding-top: 10px; } .protected [class^="icon-"], .protected [class*=" icon-"] { vertical-align: middle; margin: 0 4px 4px 0; } .protected .btn-large [class^="icon-"], .protected .btn-large [class*=" icon-"] { margin-top: 0px; } .protected .footer { background: #222222; color: #999999; padding: 10px 0; } .protected .colorShowDiv { margin-top: 5px; } .protected .colorShowDiv .colorShow { overflow: hidden; height: 50px; margin-bottom: 30px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .protected .colorShowDiv .colorShow .colorShowBar { width: 100%; height: 100%; color: #ffffff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .protected .colorpicker span.add-on { padding: 0; width: 28px; height: 28px; } .protected .colorpicker span.add-on i { margin: -1px 0px 0px; width: 30px; height: 30px; z-index: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: inset 0px 0px 1px #999999; -moz-box-shadow: inset 0px 0px 1px #999999; box-shadow: inset 0px 0px 1px #999999; margin-left: -1px; } .protected .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2; } .protected .navbar .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .protected .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .protected .navbar .brand:hover { text-decoration: none; } .protected .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .protected .navbar-static-top { position: static; margin-bottom: 0; } .protected .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .protected .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .protected .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); } .protected .navbar .nav { position: relative; left: 0; display: block; float: left; margin-right: 10px; } .protected .navbar .nav > li { float: left; } .protected .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .protected .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .protected .navbar .nav > li > a:focus, .protected .navbar .nav > li > a:hover { background-color: transparent; color: #333333; text-decoration: none; } .protected .navbar .nav > .active > a, .protected .navbar .nav > .active > a:hover, .protected .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .protected .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .protected .navbar .btn-navbar:hover, .protected .navbar .btn-navbar:active, .protected .navbar .btn-navbar.active, .protected .navbar .btn-navbar.disabled, .protected .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .protected .navbar .btn-navbar:active, .protected .navbar .btn-navbar.active { background-color: #cccccc \9; } .protected .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .protected .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .protected .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; } .protected .navbar-inverse .brand, .protected .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .protected .navbar-inverse .brand:hover, .protected .navbar-inverse .nav > li > a:hover { color: #ffffff; } .protected .navbar-inverse .brand { color: #999999; } .protected .navbar-inverse .nav > li > a:focus, .protected .navbar-inverse .nav > li > a:hover { background-color: transparent; color: #ffffff; } .protected .navbar-inverse .nav .active > a, .protected .navbar-inverse .nav .active > a:hover, .protected .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .protected .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .protected .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .protected .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .protected .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: #ffffff; } .protected .navbar-inverse .nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .protected .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .protected .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .protected .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .protected .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .protected input, .protected button, .protected select, .protected textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 20px; font-size: 14px; } .protected select, .protected textarea, .protected input[type="text"], .protected input[type="password"], .protected input[type="datetime"], .protected input[type="datetime-local"], .protected input[type="date"], .protected input[type="month"], .protected input[type="time"], .protected input[type="week"], .protected input[type="number"], .protected input[type="email"], .protected input[type="url"], .protected input[type="search"], .protected input[type="tel"], .protected input[type="color"], .protected .uneditable-input { display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .protected .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbbbbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .protected .btn:hover, .protected .btn:active, .protected .btn.active, .protected .btn.disabled, .protected .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .protected .btn:active, .protected .btn.active { background-color: #cccccc \9; } .protected .btn:first-child { *margin-left: 0; } .protected .btn:hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .protected .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .protected .btn.active, .protected .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .protected .btn.disabled, .protected .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .protected .btn-primary.active, .protected .btn-warning.active, .protected .btn-danger.active, .protected .btn-success.active, .protected .btn-info.active, .protected .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .protected .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .protected .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #df5c39; background-image: -moz-linear-gradient(top, #e06342, #dc512c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e06342), to(#dc512c)); background-image: -webkit-linear-gradient(top, #e06342, #dc512c); background-image: -o-linear-gradient(top, #e06342, #dc512c); background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe06342', endColorstr='#ffdc512c', GradientType=0); border-color: #dc512c #dc512c #a2371a; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #dc512c; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .protected .btn-primary:hover, .protected .btn-primary:active, .protected .btn-primary.active, .protected .btn-primary.disabled, .protected .btn-primary[disabled] { color: #ffffff; background-color: #dc512c; *background-color: #cd4622; } .protected .btn-primary:active, .protected .btn-primary.active { background-color: #b73e1e \9; } .protected .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .protected .btn-warning:hover, .protected .btn-warning:active, .protected .btn-warning.active, .protected .btn-warning.disabled, .protected .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .protected .btn-warning:active, .protected .btn-warning.active { background-color: #c67605 \9; } .protected .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .protected .btn-danger:hover, .protected .btn-danger:active, .protected .btn-danger.active, .protected .btn-danger.disabled, .protected .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .protected .btn-danger:active, .protected .btn-danger.active { background-color: #942a25 \9; } .protected .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .protected .btn-success:hover, .protected .btn-success:active, .protected .btn-success.active, .protected .btn-success.disabled, .protected .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .protected .btn-success:active, .protected .btn-success.active { background-color: #408140 \9; } .protected .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .protected .btn-info:hover, .protected .btn-info:active, .protected .btn-info.active, .protected .btn-info.disabled, .protected .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .protected .btn-info:active, .protected .btn-info.active { background-color: #24748c \9; } .protected .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .protected .btn-inverse:hover, .protected .btn-inverse:active, .protected .btn-inverse.active, .protected .btn-inverse.disabled, .protected .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .protected .btn-inverse:active, .protected .btn-inverse.active { background-color: #080808 \9; } .protected .dropup, .protected .dropdown { position: relative; } .protected .dropdown-toggle { *margin-bottom: -3px; } .protected .dropdown-toggle:active, .protected .open .dropdown-toggle { outline: 0; } .protected .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .protected .dropdown .caret { margin-top: 8px; margin-left: 2px; } .protected .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .protected .dropdown-menu.pull-right { right: 0; left: auto; } .protected .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .protected .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .protected .dropdown-menu li > a:hover, .protected .dropdown-menu li > a:focus, .protected .dropdown-submenu:hover > a { text-decoration: none; color: #ffffff; background-color: #df5c39; background-image: -moz-linear-gradient(top, #e06342, #dc512c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e06342), to(#dc512c)); background-image: -webkit-linear-gradient(top, #e06342, #dc512c); background-image: -o-linear-gradient(top, #e06342, #dc512c); background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe06342', endColorstr='#ffdc512c', GradientType=0); } .protected .dropdown-menu .active > a, .protected .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; outline: 0; background-color: #df5c39; background-image: -moz-linear-gradient(top, #e06342, #dc512c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e06342), to(#dc512c)); background-image: -webkit-linear-gradient(top, #e06342, #dc512c); background-image: -o-linear-gradient(top, #e06342, #dc512c); background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe06342', endColorstr='#ffdc512c', GradientType=0); } .protected .dropdown-menu .disabled > a, .protected .dropdown-menu .disabled > a:hover { color: #999999; } .protected .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .protected .dropup, .protected .dropdown { position: relative; } .protected .dropdown-toggle { *margin-bottom: -3px; } .protected .dropdown-toggle:active, .protected .open .dropdown-toggle { outline: 0; } .protected .dropdown-menu li > a { line-height: 20px; } .protected .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .protected .dropdown .caret { margin-top: 8px; margin-left: 2px; } .protected .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .protected .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .protected .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .protected .dropdown-menu li > a:hover, .protected .dropdown-menu li > a:focus, .protected .dropdown-submenu:hover > a { text-decoration: none; color: #ffffff; background-color: #df5c39; background-image: -moz-linear-gradient(top, #e06342, #dc512c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e06342), to(#dc512c)); background-image: -webkit-linear-gradient(top, #e06342, #dc512c); background-image: -o-linear-gradient(top, #e06342, #dc512c); background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe06342', endColorstr='#ffdc512c', GradientType=0); } .protected .dropdown-menu .active > a, .protected .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; outline: 0; background-color: #df5c39; background-image: -moz-linear-gradient(top, #e06342, #dc512c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e06342), to(#dc512c)); background-image: -webkit-linear-gradient(top, #e06342, #dc512c); background-image: -o-linear-gradient(top, #e06342, #dc512c); background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe06342', endColorstr='#ffdc512c', GradientType=0); } .protected .dropdown-menu .disabled > a, .protected .dropdown-menu .disabled > a:hover { color: #999999; } .protected .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .protected .open { *z-index: 1000; } .protected .open > .dropdown-menu { display: block; } .protected .dropup .caret, .protected .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .protected .dropup .dropdown-menu, .protected .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .protected .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .protected .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } @media (max-width: 767px) { body { padding: 0; } .container { padding-left: 20px; padding-right: 20px; } } @media (max-width: 979px) { .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin: 0px; } } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .games { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_2x_game-tools.png"); } .interface { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_2x_interface-orientation.png"); } .media { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_2x_navigation_media.png"); } .social { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_2x_social-sport.png"); } .games-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_2x_game-tools.png"); } .interface-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_2x_interface-orientation.png"); } .media-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_2x_navigation_media.png"); } .social-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_2x_social-sport.png"); } } .games { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_game-tools.png"); } .interface { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_interface-orientation.png"); } .media { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_navigation_media.png"); } .social { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_black_social-sport.png"); } .games-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_game-tools.png"); } .interface-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_interface-orientation.png"); } .media-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_navigation_media.png"); } .social-white { background-image: url("/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/ap_icons_white_social-sport.png"); } .apico { display: inline-block; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; padding-right: 5px; } /******************************** * games-tools * ***/ .apico-hospital-briefcase { background-position: 0 -1px; } /*0 1px off*/ .apico-hospital-list { background-position: -50px 0px; } .apico-hospital { background-position: -100px 0px; } .apico-pharmacy { background-position: -150px 0px; } .apico-eye-open { background-position: -200px 0px; } .apico-eye-close { background-position: -250px 0px; } .apico-hospital-buiding { background-position: -300px -1px; } /*0 1px off*/ .apico-rolling-chair { background-position: -350px 0px; } .apico-brain { background-position: -400px -1px; } /*0 1px off*/ .apico-ear { background-position: -450px 0px; } .apico-sting { background-position: -500px 0px; } .apico-pills { background-position: -550px 0px; } .apico-chess { background-position: 0px -50px; } .apico-mask { background-position: -50px -50px; } .apico-dice { background-position: -100px -50px; } .apico-bowling-pin { background-position: -150px -50px; } .apico-yingyang { background-position: -200px -50px; } .apico-boat { background-position: -250px -50px; } .apico-paint { background-position: -300px -50px; } .apico-fishing { background-position: -350px -50px; } .apico-cup { background-position: -400px -50px; } .apico-palm { background-position: -450px -50px; } .apico-basketball { background-position: -500px -50px; } .apico-roller { background-position: -550px -50px; } .apico-dumbbell { background-position: 0px -99px; } /*0 1px off*/ .apico-boxe { background-position: -50px -100px; } .apico-target { background-position: -100px -100px; } .apico-pingpong { background-position: -150px -100px; } .apico-bowling-ball { background-position: -200px -100px; } .apico-diamond { background-position: -250px -100px; } .apico-spade { background-position: -300px -100px; } .apico-clover { background-position: -350px -100px; } .apico-heart { background-position: -400px -100px; } .apico-cards { background-position: -450px -100px; } .apico-chip { background-position: -500px -100px; } .apico-puzzle { background-position: -549px -100px; } /*1px 0 off*/ .apico-flower { background-position: 0px -150px; } .apico-fire { background-position: -50px -150px; } .apico-drop { background-position: -100px -150px; } .apico-recycle { background-position: -150px -150px; } .apico-fir { background-position: -201px -151px; } /*1px 1px off*/ .apico-flower-pot { background-position: -249px -150px; } /*1px 0 off*/ .apico-cactus { background-position: -300px -150px; } .apico-leaves { background-position: -351px -149px; } /*1px 1px off*/ .apico-fir-christmas { background-position: -400px -150px; } .apico-shovel { background-position: -449px -150px; } /*1px 0 off*/ .apico-tree { background-position: -500px -150px; } .apico-maple { background-position: -550px -150px; } .apico-clock { background-position: 0px -200px; } .apico-watch { background-position: -50px -200px; } .apico-parking { background-position: -100px -200px; } .apico-metro { background-position: -149px -200px; } /*1px 0 off*/ .apico-tube { background-position: -199px -200px; } /*1px 0 off*/ .apico-stock-market { background-position: -249px -200px; } /*1px 0 off*/ .apico-stairs { background-position: -298px -202px; } /*2px 2px off*/ .apico-no-smoking { background-position: -349px -200px; } /*1px 0 off*/ .apico-extinguisher { background-position: -399px -200px; } /*1px 0 off*/ .apico-wc { background-position: -450px -200px; } .apico-trash-sign { background-position: -500px -200px; } .apico-baby { background-position: -550px -200px; } .apico-map-marker1 { background-position: 0px -250px; } .apico-map-marker2 { background-position: -50px -250px; } .apico-map { background-position: -100px -250px; } .apico-map-compass { background-position: -150px -250px; } .apico-street-sign { background-position: -200px -250px; } .apico-bed { background-position: -250px -250px; } .apico-shower { background-position: -300px -250px; } .apico-suitcase { background-position: -350px -250px; } .apico-trolley-luggage { background-position: -400px -250px; } .apico-tent { background-position: -450px -250px; } .apico-beach-changing { background-position: -500px -253px; } /*0 3px off*/ .apico-home { background-position: -550px -250px; } .apico-node-link { background-position: 0px -299px; } /*0 1px off*/ .apico-globe { background-position: -50px -300px; } .apico-earth { background-position: -100px -300px; } .apico-male { background-position: -150px -300px; } .apico-female { background-position: -200px -300px; } .apico-beaker { background-position: -250px -300px; } .apico-thermometer { background-position: -300px -300px; } .apico-erlenmeyer { background-position: -350px -300px; } .apico-microscope { background-position: -400px -302px; } /*0 2px off*/ .apico-dna { background-position: -450px -300px; } .apico-atoms { background-position: -500px -300px; } .apico-rocket { background-position: -550px -300px; } .apico-comment-z { background-position: 0px -350px; } .apico-comment-user { background-position: -50px -350px; } .apico-comment-ellipsis { background-position: -100px -350px; } .apico-comment-exclamation { background-position: -150px -350px; } .apico-comment-question { background-position: -200px -350px; } .apico-circle-plus { background-position: -250px -350px; } .apico-circle-minus { background-position: -300px -350px; } .apico-circle-ok { background-position: -350px -350px; } .apico-circle-remove { background-position: -400px -350px; } .apico-circle-question-mark { background-position: -450px -350px; } .apico-circle-exclamation { background-position: -500px -350px; } .apico-circle-info { background-position: -550px -350px; } .apico-zoom-plus { background-position: 0px -400px; } .apico-zoom-minus { background-position: -50px -400px; } .apico-zoom { background-position: -100px -400px; } .apico-lock { background-position: -150px -400px; } .apico-unlock { background-position: -200px -400px; } .apico-cloud-upload { background-position: -250px -402px; } /*0 2px off*/ .apico-cloud-minus { background-position: -300px -402px; } /*0 2px off*/ .apico-cloud-plus { background-position: -350px -402px; } /*0 2px off*/ .apico-key { background-position: -400px -402px; } /*0 2px off*/ .apico-chart-column { background-position: -450px -400px; } .apico-chart-up { background-position: -500px -400px; } .apico-chart-down { background-position: -550px -400px; } .apico-chart-pie { background-position: 0px -450px; } .apico-graph { background-position: -50px -450px; } .apico-settings { background-position: -100px -450px; } .apico-setting { background-position: -150px -450px; } .apico-chart-bar { background-position: -198px -450px; } /*2px 0 off*/ .apico-chart-organization { background-position: -250px -450px; } .apico-gauge { background-position: -300px -450px; } .apico-paint-roller { background-position: -350px -450px; } .apico-paint-can { background-position: -400px -450px; } .apico-wheelbarrow { background-position: -450px -451px; } /*0 1px off*/ .apico-drill { background-position: -500px -452px; } /*0 2px off*/ .apico-pliers { background-position: -550px -450px; } .apico-secateur { background-position: 0px -500px; } .apico-screw-oval { background-position: -50px -500px; } .apico-hammer-square { background-position: -100px -500px; } .apico-hammer { background-position: -150px -500px; } .apico-paint-brush { background-position: -200px -500px; } .apico-thumbs-down { background-position: -250px -500px; } .apico-hand-right { background-position: -300px -500px; } .apico-screwdrivers { background-position: -350px -500px; } .apico-screw-flat { background-position: -400px -500px; } .apico-hand-down { background-position: -450px -500px; } .apico-scissor { background-position: -500px -500px; } .apico-scissor-right { background-position: -550px -503px; } /*0 3px off*/ .apico-scissors-left { background-position: 0px -553px; } /*0 3px off*/ .apico-pin { background-position: -50px -550px; } .apico-adress-book1 { background-position: -100px -550px; } .apico-adress-book2 { background-position: -150px -550px; } .apico-adress-book3 { background-position: -200px -550px; } .apico-printer { background-position: -250px -550px; } .apico-calculator { background-position: -300px -550px; } .apico-trash { background-position: -350px -550px; } .apico-vcard { background-position: -400px -550px; } .apico-calendar { background-position: -450px -550px; } .apico-brush { background-position: -500px -550px; } .apico-pencil { background-position: -550px -550px; } /******************************** * interface-orientation * ***/ .apico-creditcard { background-position: 0px -1px; } /*0 1px off*/ .apico-barcode { background-position: -50px 0px; } .apico-tag { background-position: -100px 0px; } .apico-tags { background-position: -149px 0; } /*1px 0 off*/ .apico-qrcode { background-position: -200px 0px; } .apico-money { background-position: -250px -1px; } /*0 1px off*/ .apico-cash { background-position: -300px 0px; } .apico-piano { background-position: -350px 0px; } .apico-pan-flute { background-position: -400px 0px; } .apico-guitar { background-position: -450px 0px; } .apico-trumpet { background-position: -500px 0px; } .apico-sax { background-position: -550px 0px; } .apico-smile { background-position: 0px -50px; } .apico-laught { background-position: -50px -50px; } .apico-happy { background-position: -100px -50px; } .apico-wink { background-position: -150px -50px; } .apico-tongue { background-position: -200px -50px; } .apico-geek { background-position: -250px -50px; } .apico-sad { background-position: -300px -50px; } .apico-confused { background-position: -350px -50px; } .apico-angry { background-position: -400px -50px; } .apico-cry { background-position: -450px -50px; } .apico-shocked { background-position: -500px -50px; } .apico-shy { background-position: -550px -50px; } .apico-align-left { background-position: 0px -100px; } .apico-align-right { background-position: -50px -100px; } .apico-align-center { background-position: -100px -100px; } .apico-justify { background-position: -150px -100px; } .apico-left-right { background-position: -200px -100px; } .apico-right-left { background-position: -250px -100px; } .apico-bullet-list { background-position: -300px -100px; } .apico-indent-down { background-position: -350px -100px; } .apico-indent-up { background-position: -400px -100px; } .apico-h1 { background-position: -450px -100px; } .apico-h2 { background-position: -500px -100px; } .apico-h3 { background-position: -550px -100px; } .apico-h4 { background-position: 0px -150px; } .apico-quote { background-position: -50px -150px; } .apico-italic { background-position: -100px -150px; } .apico-bold { background-position: -150px -151px; } /*0 1 off*/ .apico-text-tools { background-position: -200px -150px; } .apico-cut { background-position: -250px -150px; } .apico-copy { background-position: -300px -150px; } .apico-paste { background-position: -350px -150px; } .apico-unlink { background-position: -400px -150px; } .apico-link { background-position: -450px -150px; } .apico-erase { background-position: -500px -152px; } /*0 2px off*/ .apico-picture { background-position: -550px -153px; } /*0 3px off*/ .apico-turn-left { background-position: 0px -200px; } .apico-turn-right { background-position: -50px -200px; } .apico-crop { background-position: -100px -200px; } .apico-reflect-vertical { background-position: -150px -200px; } .apico-reflect-horizontal { background-position: -200px -200px; } .apico-magic { background-position: -250px -200px; } .apico-magic-wand { background-position: -300px -203px; } .apico-box-plus { background-position: -350px -200px; } .apico-box-minus { background-position: -400px -200px; } .apico-box-exclamation { background-position: -450px -200px; } .apico-box-lock { background-position: -500px -200px; } .apico-boxes { background-position: -550px -200px; } .apico-airplane { background-position: 0px -250px; } .apico-train { background-position: -50px -250px; } .apico-bike { background-position: -100px -253px; } /*0 3px off*/ .apico-motorbike { background-position: -150px -252px; } /*0 1px off*/ .apico-car { background-position: -200px -250px; } .apico-fuel-pump { background-position: -250px -250px; } .apico-road-cone { background-position: -300px -250px; } .apico-anchor { background-position: -350px -250px; } .apico-stop-sign { background-position: -400px -250px; } .apico-wheel { background-position: -450px -250px; } .apico-direction-sign { background-position: -500px -250px; } .apico-roundabout { background-position: -550px -250px; } .apico-traffic-lights { background-position: 0px -300px; } .apico-no-entry { background-position: -50px -300px; } .apico-prohibited { background-position: -100px -300px; } .apico-go-straight { background-position: -150px -300px; } .apico-warning { background-position: -200px -300px; } .apico-car-only { background-position: -250px -300px; } .apico-highway { background-position: -300px -300px; } .apico-phone { background-position: -350px -300px; } .apico-th { background-position: -400px -300px; } .apico-th-large { background-position: -450px -300px; } .apico-list { background-position: -500px -300px; } .apico-list2 { background-position: -550px -300px; } .apico-like { background-position: 0px -350px; } .apico-dislike { background-position: -50px -350px; } .apico-finger-right { background-position: -100px -350px; } .apico-finger-up { background-position: -150px -350px; } .apico-finger-left { background-position: -200px -350px; } .apico-finger-down { background-position: -250px -350px; } .apico-tshirt { background-position: -300px -350px; } .apico-sweater { background-position: -350px -350px; } .apico-pants { background-position: -400px -350px; } .apico-dress { background-position: -450px -350px; } .apico-hanger { background-position: -500px -350px; } .apico-washing-machine { background-position: -550px -350px; } .apico-high-heat { background-position: 0px -400px; } .apico-low-heat { background-position: -50px -400px; } .apico-no-tumble-dry { background-position: -100px -400px; } .apico-no-dry-clean { background-position: -149px -403px; } /*1px 3px off*/ .apico-iron { background-position: -200px -400px; } .apico-no-iron { background-position: -250px -400px; } .apico-hand-wash { background-position: -300px -399px; } /*0 1px off*/ .apico-dry-wash { background-position: -350px -400px; } .apico-wash-30 { background-position: -400px -400px; } .apico-wash-40 { background-position: -450px -400px; } .apico-wash-60 { background-position: -500px -400px; } .apico-wash-90 { background-position: -550px -400px; } .apico-chicken { background-position: 0px -450px; } .apico-fork-knife { background-position: -50px -450px; } .apico-glass { background-position: -100px -450px; } .apico-burger { background-position: -150px -450px; } .apico-strawberry { background-position: -200px -450px; } .apico-stewpan { background-position: -250px -450px; } .apico-pizza { background-position: -300px -450px; } .apico-hot { background-position: -350px -450px; } .apico-icecream { background-position: -400px -450px; } .apico-hot-cup { background-position: -450px -450px; } .apico-meal { background-position: -500px -450px; } .apico-cupcake { background-position: -550px -450px; } .apico-diploma-hat { background-position: 0px -500px; } .apico-alarm { background-position: -50px -500px; } .apico-suitecase { background-position: -100px -500px; } .apico-ruler { background-position: -150px -500px; } .apico-compass { background-position: -200px -500px; } .apico-set-square { background-position: -250px -500px; } .apico-rubber-stamp { background-position: -300px -502px; } /*0 2px off*/ .apico-book { background-position: -350px -503px; } /*0 3px off*/ .apico-favorite-book { background-position: -400px -500px; } .apico-star { background-position: -450px -500px; } .apico-star2 { background-position: -500px -500px; } .apico-safe { background-position: -550px -500px; } .apico-user { background-position: 0px -550px; } .apico-user-plus { background-position: -50px -550px; } .apico-user-minus { background-position: -100px -550px; } .apico-user-lock { background-position: -150px -550px; } .apico-user-male { background-position: -200px -550px; } .apico-user-female { background-position: -250px -550px; } .apico-users { background-position: -300px -550px; } .apico-users-group { background-position: -350px -553px; } .apico-user-diploma { background-position: -400px -550px; } .apico-user-comment { background-position: -450px -553px; } /*0 3px off*/ .apico-comment { background-position: -500px -550px; } .apico-comments { background-position: -550px -550px; } /******************************** * navigation-media * ***/ .apico-circle-right { background-position: 0px 0px; } .apico-circle-up { background-position: -50px 0px; } .apico-circle-left { background-position: -100px 0px; } .apico-circle-down { background-position: -150px 0px; } .apico-right { background-position: -200px 0px; } .apico-left { background-position: -250px 0px; } .apico-down { background-position: -300px 0px; } .apico-up { background-position: -350px 0px; } .apico-up-left { background-position: -400px 0px; } .apico-down-left { background-position: -450px 0px; } .apico-up-right { background-position: -500px 0px; } .apico-down-right { background-position: -550px 0px; } .apico-circle-right2 { background-position: 0px -50px; } .apico-circle-up2 { background-position: -50px -50px; } .apico-circle-left2 { background-position: -100px -50px; } .apico-circle-down2 { background-position: -150px -50px; } .apico-small-screen { background-position: -200px -50px; } .apico-full-screen { background-position: -250px -50px; } .apico-previous { background-position: -300px -50px; } .apico-next { background-position: -350px -50px; } .apico-arrow-right { background-position: -400px -50px; } .apico-arrow-left { background-position: -450px -50px; } .apico-arrow-down { background-position: -500px -50px; } .apico-arrow-up { background-position: -550px -50px; } .apico-arrow-circle { background-position: 0px -100px; } .apico-arrow-circle2 { background-position: -50px -100px; } .apico-synchronize { background-position: -100px -100px; } .apico-synchronize2 { background-position: -150px -100px; } .apico-larger { background-position: -200px -100px; } .apico-higher { background-position: -250px -99px; } /*0 1px off*/ .apico-arrow-keys { background-position: -300px -100px; } .apico-move { background-position: -350px -100px; } .apico-resize { background-position: -400px -100px; } .apico-arrows-up { background-position: -450px -100px; } .apico-ok { background-position: -500px -100px; } .apico-remove { background-position: -550px -100px; } .apico-export { background-position: 0px -150px; } .apico-import { background-position: -50px -150px; } .apico-folder-open { background-position: -100px -150px; } .apico-mail { background-position: -150px -150px; } .apico-mail-plus { background-position: -200px -150px; } .apico-mail-minus { background-position: -250px -150px; } .apico-mail-exclamation { background-position: -300px -150px; } .apico-mail-lock { background-position: -350px -150px; } .apico-mail-open { background-position: -400px -150px; } .apico-mail-trash { background-position: -450px -150px; } .apico-mail-in { background-position: -500px -150px; } .apico-mail-out { background-position: -550px -150px; } .apico-folder { background-position: 0px -200px; } .apico-folder-plus { background-position: -50px -200px; } .apico-folder-minus { background-position: -100px -200px; } .apico-folder-exclamation { background-position: -150px -200px; } .apico-folder-lock { background-position: -200px -200px; } .apico-folder-favorite { background-position: -250px -200px; } .apico-books3 { background-position: -300px -200px; } .apico-books2 { background-position: -350px -200px; } .apico-file { background-position: -400px -200px; } .apico-notepad { background-position: -450px -200px; } .apico-notepad2 { background-position: -500px -200px; } .apico-file-info { background-position: -550px -200px; } .apico-doc { background-position: 0px -250px; } .apico-doc-empty { background-position: -50px -250px; } .apico-doc-remove { background-position: -100px -250px; } .apico-doc-ok { background-position: -150px -250px; } .apico-doc-minus { background-position: -200px -250px; } .apico-doc-plus { background-position: -250px -250px; } .apico-doc-in { background-position: -300px -250px; } .apico-doc-out { background-position: -350px -250px; } .apico-doc-attached { background-position: -400px -250px; } .apico-sun { background-position: -450px -250px; } .apico-umbrella { background-position: -500px -250px; } .apico-snowflacke { background-position: -550px -250px; } .apico-sun-fog { background-position: 0px -300px; } .apico-sun-rain { background-position: -50px -300px; } .apico-sun-cloud { background-position: -100px -300px; } .apico-fog { background-position: -150px -300px; } .apico-snow { background-position: -200px -300px; } .apico-thunders { background-position: -250px -300px; } .apico-thunder-rain { background-position: -300px -300px; } .apico-rain { background-position: -350px -300px; } .apico-moon-stars { background-position: -400px -300px; } .apico-moon-right { background-position: -450px -300px; } .apico-moon { background-position: -500px -300px; } .apico-moon-left { background-position: -550px -300px; } .apico-fullmoon { background-position: 0px -350px; } .apico-headphones { background-position: -50px -350px; } .apico-volume-settings { background-position: -100px -350px; } .apico-volume-settings2 { background-position: -150px -350px; } .apico-volume-plus { background-position: -200px -350px; } .apico-volume-plus2 { background-position: -250px -350px; } .apico-volume-off { background-position: -300px -350px; } .apico-mic2 { background-position: -350px -350px; } .apico-note-settings { background-position: -400px -350px; } .apico-note { background-position: -450px -350px; } .apico-note-double { background-position: -500px -350px; } .apico-g-clef { background-position: -550px -350px; } .apico-f-clef { background-position: 0px -400px; } .apico-play { background-position: -50px -400px; } .apico-pause { background-position: -100px -400px; } .apico-stop { background-position: -150px -400px; } .apico-eject { background-position: -200px -400px; } .apico-fast-forward { background-position: -250px -400px; } .apico-fast-rewind { background-position: -300px -400px; } .apico-forward { background-position: -350px -400px; } .apico-rewind { background-position: -400px -400px; } .apico-record { background-position: -450px -400px; } .apico-power-empty { background-position: -500px -400px; } .apico-power-low { background-position: -550px -400px; } .apico-power2 { background-position: 0px -450px; } .apico-power-full { background-position: -50px -450px; } .apico-mouse { background-position: -100px -450px; } .apico-desktop { background-position: -150px -450px; } .apico-iphone { background-position: -200px -450px; } .apico-ipod { background-position: -250px -450px; } .apico-ipad { background-position: -300px -450px; } .apico-laptop { background-position: -350px -450px; } .apico-earphones { background-position: -400px -450px; } .apico-keyboard { background-position: -450px -450px; } .apico-gamepad { background-position: -500px -450px; } .apico-camera { background-position: -550px -450px; } .apico-gameboy { background-position: 0px -500px; } .apico-usb-plug { background-position: -50px -500px; } .apico-radio { background-position: -100px -500px; } .apico-dock { background-position: -150px -500px; } .apico-saxizer { background-position: -200px -500px; } .apico-webcam { background-position: -250px -500px; } .apico-terminal { background-position: -300px -502px; } /*0 2px off*/ .apico-hard-disc { background-position: -350px -500px; } .apico-dvd { background-position: -400px -500px; } .apico-blue-ray { background-position: -450px -500px; } .apico-ap { background-position: -500px -500px; } .apico-coupon { background-position: -550px -500px; } .apico-bill-euro { background-position: 0px -550px; } .apico-bill-yen { background-position: -50px -550px; } .apico-bill-pound { background-position: -100px -550px; } .apico-bill-dollar { background-position: -150px -550px; } .apico-bill-euros { background-position: -200px -550px; } .apico-euro { background-position: -250px -550px; } .apico-dollar { background-position: -300px -550px; } .apico-yen { background-position: -350px -550px; } .apico-pound { background-position: -400px -550px; } .apico-cart-remove { background-position: -450px -550px; } .apico-cart-add { background-position: -500px -550px; } .apico-cart { background-position: -550px -550px; } /******************************** * social-sport * ***/ .apico-twitter { background-position: 0px -2px; } /*0 2px off*/ .apico-facebook { background-position: -51px 0px; } /*1 0 off*/ .apico-google-plus { background-position: -100px 0px; } .apico-linkedin { background-position: -150px -2px; } /*0 2px off*/ .apico-pinterest { background-position: -200px 0px; } .apico-flickr { background-position: -250px 0px; } .apico-rss { background-position: -300px -2px; } .apico-vimeo { background-position: -350px 0px; } .apico-bebo { background-position: -400px 0px; } .apico-github { background-position: -450px 0px; } .apico-picasa { background-position: -500px 0px; } .apico-skype { background-position: -550px 0px; } .apico-twitter-square { background-position: 0px -50px; } .apico-facebook-square { background-position: -50px -50px; } .apico-google-plus-square { background-position: -100px -50px; } .apico-linkedin-square { background-position: -150px -50px; } .apico-pinterest-square { background-position: -200px -50px; } .apico-flickr-square { background-position: -250px -50px; } .apico-rss-square { background-position: -300px -50px; } .apico-vimeo-square { background-position: -350px -50px; } .apico-bebo-square { background-position: -400px -50px; } .apico-github-square { background-position: -450px -50px; } .apico-picasa-square { background-position: -500px -50px; } .apico-skype-square { background-position: -550px -50px; } .apico-twitter-circle { background-position: 0px -100px; } .apico-facebook-circle { background-position: -50px -100px; } .apico-google-plus-circle { background-position: -100px -100px; } .apico-linkedin-circle { background-position: -150px -100px; } .apico-pinterest-circle { background-position: -200px -100px; } .apico-flickr-circle { background-position: -250px -100px; } .apico-rss-circle { background-position: -300px -100px; } .apico-vimeo-circle { background-position: -350px -100px; } .apico-bebo-circle { background-position: -400px -100px; } .apico-github-circle { background-position: -450px -100px; } .apico-picasa-circle { background-position: -500px -100px; } .apico-skype-circle { background-position: -550px -100px; } .apico-youtube { background-position: 0px -150px; } .apico-dribbble { background-position: -50px -150px; } .apico-zerply { background-position: -100px -150px; } .apico-wikipedia { background-position: -150px -150px; } .apico-stumbleupon { background-position: -200px -150px; } .apico-grooveshark { background-position: -250px -150px; } .apico-digg { background-position: -299px -153px; } /*1 3px off*/.apico-behance { background-position: -350px -153px; } /*0 2px off*/ .apico-technoratie { background-position: -400px -150px; } .apico-blogger { background-position: -450px -150px; } .apico-tumblr { background-position: -500px -150px; } .apico-dropbox { background-position: -550px -150px; } .apico-youtube-square { background-position: 0px -200px; } .apico-dribbble-square { background-position: -50px -200px; } .apico-zerply-square { background-position: -100px -200px; } .apico-wikipedia-square { background-position: -150px -200px; } .apico-stumbleupon-square { background-position: -200px -200px; } .apico-grooveshark-square { background-position: -250px -200px; } .apico-digg-square { background-position: -300px -200px; } .apico-behance-square { background-position: -350px -200px; } .apico-technoratie-square { background-position: -400px -200px; } .apico-blogger-square { background-position: -450px -200px; } .apico-tumblr-square { background-position: -500px -200px; } .apico-dropbox-square { background-position: -550px -200px; } .apico-youtube-circle { background-position: 0px -250px; } .apico-dribbble-circle { background-position: -50px -250px; } .apico-zerply-circle { background-position: -100px -250px; } .apico-wikipedia-circle { background-position: -150px -250px; } .apico-stumbleupon-circle { background-position: -200px -250px; } .apico-apico-grooveshark-circle { background-position: -250px -250px; } .apico-digg-circle { background-position: -300px -250px; } .apico-behance-circle { background-position: -350px -250px; } .apico-technoratie-circle { background-position: -400px -250px; } .apico-blogger-circle { background-position: -450px -250px; } .apico-tumblr-circle { background-position: -500px -250px; } .apico-dropbox-circle { background-position: -550px -250px; } .apico-fingers2 { background-position: 0px -300px; } .apico-fingers3 { background-position: -50px -300px; } .apico-fingers4 { background-position: -100px -300px; } .apico-fingers5 { background-position: -150px -300px; } .apico-fingers-spread { background-position: -200px -300px; } .apico-fingers-wave { background-position: -250px -300px; } .apico-fingers-drag { background-position: -300px -300px; } .apico-fingers-touch { background-position: -350px -300px; } .apico-fingers-scroll-up { background-position: -400px -300px; } .apico-fingers-scroll-down { background-position: -450px -300px; } .apico-fingers-slide { background-position: -500px -300px; } .apico-fingers5-spread { background-position: -550px -300px; } /*! * Colorpicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .colorpicker-saturation { width: 100px; height: 100px; background-image: url(/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/saturation.png); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; } .colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url(/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/hue.png); } .colorpicker-alpha { background-image: url(/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/alpha.png); display: none; } .colorpicker { *zoom: 1; top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .colorpicker:before, .colorpicker:after { display: table; content: ""; line-height: 0; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.alpha { min-width: 140px; } .colorpicker.alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url(/prx/000/https/raw.githubusercontent.com/csseditor/bootstrap-magic/refs/heads/dev/2.3.2/app/img/alpha.png); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .input-append.color .add-on i, .input-prepend.color .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }