You've already forked joomla_test
first commit
This commit is contained in:
alazhar
416
media/jui/css/bootstrap-extended.css
vendored
Normal file
416
media/jui/css/bootstrap-extended.css
vendored
Normal file
@@ -0,0 +1,416 @@
|
||||
.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;
|
||||
}
|
||||
.small {
|
||||
font-size: 11px;
|
||||
}
|
||||
iframe,
|
||||
svg {
|
||||
max-width: 100%;
|
||||
}
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.center,
|
||||
.table td.center,
|
||||
.table th.center {
|
||||
text-align: center;
|
||||
}
|
||||
a.disabled,
|
||||
a.disabled:hover {
|
||||
color: #999999;
|
||||
background-color: transparent;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
.hero-unit {
|
||||
text-align: center;
|
||||
}
|
||||
.hero-unit .lead {
|
||||
margin-bottom: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: 27px;
|
||||
}
|
||||
.btn .caret {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.blog-row-rule,
|
||||
.blog-item-rule {
|
||||
border: 0;
|
||||
}
|
||||
body.modal {
|
||||
padding-top: 0;
|
||||
}
|
||||
.row-even,
|
||||
.row-odd {
|
||||
padding: 5px;
|
||||
width: 99%;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.row-odd {
|
||||
background-color: transparent;
|
||||
}
|
||||
.row-even {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.blog-row-rule,
|
||||
.blog-item-rule {
|
||||
border: 0;
|
||||
}
|
||||
.row-fluid .row-reveal {
|
||||
visibility: hidden;
|
||||
}
|
||||
.row-fluid:hover .row-reveal {
|
||||
visibility: visible;
|
||||
}
|
||||
.btn-wide {
|
||||
width: 80%;
|
||||
}
|
||||
.nav-list > li.offset > a {
|
||||
padding-left: 30px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.blog-row-rule,
|
||||
.blog-item-rule {
|
||||
border: 0;
|
||||
}
|
||||
.row-fluid .offset1 {
|
||||
margin-left: 8.382978723%;
|
||||
}
|
||||
.row-fluid .offset2 {
|
||||
margin-left: 16.89361702%;
|
||||
}
|
||||
.row-fluid .offset3 {
|
||||
margin-left: 25.404255317%;
|
||||
}
|
||||
.row-fluid .offset4 {
|
||||
margin-left: 33.914893614%;
|
||||
}
|
||||
.row-fluid .offset5 {
|
||||
margin-left: 42.425531911%;
|
||||
}
|
||||
.row-fluid .offset6 {
|
||||
margin-left: 50.93617020799999%;
|
||||
}
|
||||
.row-fluid .offset7 {
|
||||
margin-left: 59.446808505%;
|
||||
}
|
||||
.row-fluid .offset8 {
|
||||
margin-left: 67.95744680199999%;
|
||||
}
|
||||
.row-fluid .offset9 {
|
||||
margin-left: 76.468085099%;
|
||||
}
|
||||
.row-fluid .offset10 {
|
||||
margin-left: 84.97872339599999%;
|
||||
}
|
||||
.row-fluid .offset11 {
|
||||
margin-left: 91.489361693%;
|
||||
}
|
||||
.navbar .nav > li > a.btn {
|
||||
padding: 4px 10px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.nav-tabs.nav-dark {
|
||||
border-bottom: 1px solid #333;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
.nav-tabs.nav-dark > li > a {
|
||||
color: #F8F8F8;
|
||||
}
|
||||
.nav-tabs.nav-dark > li > a:hover {
|
||||
border-color: #333 #333 #111;
|
||||
background-color: #777777;
|
||||
}
|
||||
.nav-tabs.nav-dark > .active > a,
|
||||
.nav-tabs.nav-dark > .active > a:hover {
|
||||
color: #ffffff;
|
||||
background-color: #555555;
|
||||
border: 1px solid #222;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
.thumbnail.pull-left {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
.thumbnail.pull-right {
|
||||
margin: 0 0 10px 10px;
|
||||
}
|
||||
.width-10 {
|
||||
width: 10px;
|
||||
}
|
||||
.width-20 {
|
||||
width: 20px;
|
||||
}
|
||||
.width-30 {
|
||||
width: 30px;
|
||||
}
|
||||
.width-40 {
|
||||
width: 40px;
|
||||
}
|
||||
.width-50 {
|
||||
width: 50px;
|
||||
}
|
||||
.width-60 {
|
||||
width: 60px;
|
||||
}
|
||||
.width-70 {
|
||||
width: 70px;
|
||||
}
|
||||
.width-80 {
|
||||
width: 80px;
|
||||
}
|
||||
.width-90 {
|
||||
width: 90px;
|
||||
}
|
||||
.width-100 {
|
||||
width: 100px;
|
||||
}
|
||||
.height-10 {
|
||||
height: 10px;
|
||||
}
|
||||
.height-20 {
|
||||
height: 20px;
|
||||
}
|
||||
.height-30 {
|
||||
height: 30px;
|
||||
}
|
||||
.height-40 {
|
||||
height: 40px;
|
||||
}
|
||||
.height-50 {
|
||||
height: 50px;
|
||||
}
|
||||
.height-60 {
|
||||
height: 60px;
|
||||
}
|
||||
.height-70 {
|
||||
height: 70px;
|
||||
}
|
||||
.height-80 {
|
||||
height: 80px;
|
||||
}
|
||||
.height-90 {
|
||||
height: 90px;
|
||||
}
|
||||
.height-100 {
|
||||
height: 100px;
|
||||
}
|
||||
hr.hr-condensed {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.list-striped,
|
||||
.row-striped {
|
||||
list-style: none;
|
||||
line-height: 18px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid #ddd;
|
||||
margin-left: 0;
|
||||
}
|
||||
.list-striped li,
|
||||
.list-striped dd,
|
||||
.row-striped .row,
|
||||
.row-striped .row-fluid {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
}
|
||||
.list-striped li:nth-child(odd),
|
||||
.list-striped dd:nth-child(odd),
|
||||
.row-striped .row:nth-child(odd),
|
||||
.row-striped .row-fluid:nth-child(odd) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
.list-striped li:hover,
|
||||
.list-striped dd:hover,
|
||||
.row-striped .row:hover,
|
||||
.row-striped .row-fluid:hover {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.row-striped .row-fluid {
|
||||
width: 97%;
|
||||
}
|
||||
.row-striped .row-fluid [class*="span"] {
|
||||
min-height: 10px;
|
||||
}
|
||||
.row-striped .row-fluid [class*="span"] {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.row-striped .row-fluid [class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.list-condensed li {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
.row-condensed .row,
|
||||
.row-condensed .row-fluid {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
.list-bordered,
|
||||
.row-bordered {
|
||||
list-style: none;
|
||||
line-height: 18px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
margin-left: 0;
|
||||
border: 1px solid #ddd;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.radio.btn-group input[type=radio] {
|
||||
display: none;
|
||||
}
|
||||
.radio.btn-group > label:first-of-type {
|
||||
margin-left: 0;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
}
|
||||
fieldset.radio.btn-group {
|
||||
padding-left: 0;
|
||||
}
|
||||
.iframe-bordered {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.tab-content {
|
||||
overflow: visible;
|
||||
}
|
||||
.tabs-left .tab-content {
|
||||
overflow: auto;
|
||||
}
|
||||
.nav-tabs > li > span {
|
||||
display: block;
|
||||
margin-right: 2px;
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
line-height: 18px;
|
||||
border: 1px solid transparent;
|
||||
-webkit-border-radius: 4px 4px 0 0;
|
||||
-moz-border-radius: 4px 4px 0 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
.btn-micro {
|
||||
padding: 1px 4px;
|
||||
font-size: 10px;
|
||||
line-height: 8px;
|
||||
}
|
||||
.tip-wrap {
|
||||
max-width: 200px;
|
||||
padding: 3px 8px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: #000;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
z-index: 100;
|
||||
}
|
||||
.page-header {
|
||||
margin: 2px 0px 10px 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.input-prepend .chzn-container-single .chzn-single {
|
||||
border-color: #ccc;
|
||||
height: 26px;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.input-prepend .chzn-container-active .chzn-single-with-drop {
|
||||
-webkit-border-radius: 0 3px 0 0;
|
||||
-moz-border-radius: 0 3px 0 0;
|
||||
border-radius: 0 3px 0 0;
|
||||
}
|
||||
.input-prepend .chzn-container-single .chzn-drop {
|
||||
border-color: #ccc;
|
||||
}
|
||||
.input-prepend > .add-on,
|
||||
.input-append > .add-on {
|
||||
vertical-align: top;
|
||||
}
|
||||
.element-invisible {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.form-vertical .control-label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.form-vertical .controls {
|
||||
margin-left: 0;
|
||||
}
|
||||
.width-auto {
|
||||
width: auto;
|
||||
}
|
||||
.btn-group .chzn-results {
|
||||
white-space: normal;
|
||||
}
|
||||
.accordion-body.in:hover {
|
||||
overflow: visible;
|
||||
}
|
||||
.invalid {
|
||||
color: #9d261d;
|
||||
font-weight: bold;
|
||||
}
|
||||
input.invalid {
|
||||
border: 1px solid #9d261d;
|
||||
}
|
||||
.tooltip {
|
||||
max-width: 400px;
|
||||
}
|
||||
.tooltip-inner {
|
||||
max-width: none;
|
||||
text-align: left;
|
||||
text-shadow: none;
|
||||
}
|
||||
th .tooltip-inner {
|
||||
font-weight: normal;
|
||||
}
|
||||
.tooltip.hasimage {
|
||||
opacity: 1;
|
||||
}
|
||||
.tip-text {
|
||||
text-align: left;
|
||||
}
|
||||
1090
media/jui/css/bootstrap-responsive.css
vendored
Normal file
1090
media/jui/css/bootstrap-responsive.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
9
media/jui/css/bootstrap-responsive.min.css
vendored
Normal file
9
media/jui/css/bootstrap-responsive.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
562
media/jui/css/bootstrap-rtl.css
vendored
Normal file
562
media/jui/css/bootstrap-rtl.css
vendored
Normal file
@@ -0,0 +1,562 @@
|
||||
.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;
|
||||
}
|
||||
.pull-right {
|
||||
float: left;
|
||||
}
|
||||
.pull-left {
|
||||
float: right;
|
||||
}
|
||||
.table th,
|
||||
.table td {
|
||||
text-align: right;
|
||||
}
|
||||
.navbar .brand {
|
||||
float: right;
|
||||
padding: 8px 20px 12px;
|
||||
margin-right: -20px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.navbar .nav,
|
||||
.navbar .nav > li {
|
||||
float: left;
|
||||
}
|
||||
.navbar .nav.pull-right {
|
||||
margin-right: 10px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.pull-right > .dropdown-menu {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
[class*="span"] {
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.row-fluid [class*="span"] {
|
||||
float: right;
|
||||
margin-right: 2.127659574%;
|
||||
*margin-right: 2.0744680846382977%;
|
||||
margin-left: 0px !important;
|
||||
*margin-left: 0px !important;
|
||||
}
|
||||
.row-fluid [class*="span"]:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.form-horizontal .control-label {
|
||||
float: right;
|
||||
width: auto;
|
||||
padding-left: 5px;
|
||||
padding-right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
.form-horizontal .controls {
|
||||
*display: inline-block;
|
||||
*padding-right: 20px;
|
||||
margin-right: 160px;
|
||||
*margin-right: 0;
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.form-horizontal .controls:first-child {
|
||||
*padding-right: 160px;
|
||||
}
|
||||
.form-vertical .controls {
|
||||
*display: inline-block;
|
||||
*padding-right: 20px;
|
||||
margin-right: 0;
|
||||
*margin-right: 0;
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.form-vertical .control-label {
|
||||
float: none;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
text-align: right;
|
||||
width: auto;
|
||||
}
|
||||
.chzn-container-single-nosearch .chzn-search input {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
display: none;
|
||||
}
|
||||
.nav-tabs > li,
|
||||
.nav-pills > li {
|
||||
float: right;
|
||||
}
|
||||
.nav-stacked > li {
|
||||
float: none;
|
||||
}
|
||||
.btn-group > .btn {
|
||||
float: right;
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.btn-group > .btn:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.btn-group > .btn:first-child,
|
||||
.radio.btn-group > label:first-of-type {
|
||||
margin-left: 0;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
}
|
||||
.btn-group > .btn:last-child,
|
||||
.btn-group > .dropdown-toggle {
|
||||
-webkit-border-top-right-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
-moz-border-radius-topright: 0px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
}
|
||||
.btn-group > .btn.large:first-child {
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 0px;
|
||||
margin-right: 0;
|
||||
-webkit-border-bottom-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
-webkit-border-top-right-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
-moz-border-radius-bottomright: 6px;
|
||||
-moz-border-radius-topright: 6px;
|
||||
}
|
||||
.btn-group > .btn.large:last-child,
|
||||
.btn-group > .large.dropdown-toggle {
|
||||
-webkit-border-top-right-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
-moz-border-radius-topright: 0px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-webkit-border-top-left-radius: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
-webkit-border-bottom-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
-moz-border-radius-topleft: 6px;
|
||||
-moz-border-radius-bottomleft: 6px;
|
||||
}
|
||||
.btn-group > .btn:first-child:last-child {
|
||||
margin-left: 0;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
}
|
||||
.input-prepend .add-on {
|
||||
float: right;
|
||||
}
|
||||
.input-append .add-on {
|
||||
float: left;
|
||||
}
|
||||
.input-prepend .add-on,
|
||||
.input-prepend .btn {
|
||||
margin-left: -1px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.input-prepend .add-on:first-child,
|
||||
.input-prepend .btn:first-child {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-append input,
|
||||
.input-append select,
|
||||
.input-append .uneditable-input {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-append .uneditable-input {
|
||||
border-left-color: #ccc;
|
||||
border-right-color: #eee;
|
||||
}
|
||||
.input-append .add-on:last-child,
|
||||
.input-append .btn:last-child {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-prepend.input-append input,
|
||||
.input-prepend.input-append select,
|
||||
.input-prepend.input-append .uneditable-input {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.input-prepend.input-append .add-on:first-child,
|
||||
.input-prepend.input-append .btn:first-child {
|
||||
margin-left: -1px;
|
||||
margin-right: 0px;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
float: right;
|
||||
}
|
||||
.input-prepend.input-append .add-on:last-child,
|
||||
.input-prepend.input-append .btn:last-child {
|
||||
margin-right: -1px;
|
||||
margin-left: 0px;
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.input-prepend input,
|
||||
.input-prepend select,
|
||||
.input-prepend .uneditable-input {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
body {
|
||||
direction: rtl;
|
||||
}
|
||||
.pager .next a {
|
||||
float: left;
|
||||
}
|
||||
.pager .previous a {
|
||||
float: right;
|
||||
}
|
||||
.btn-group > .btn:first-child,
|
||||
.radio.btn-group > label:first-of-type {
|
||||
margin-left: 0;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 0px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
}
|
||||
.icon-arrow-right {
|
||||
background-position: -241px -94px;
|
||||
float: left;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.icon-arrow-left {
|
||||
background-position: -264px -95px;
|
||||
}
|
||||
.icon-refresh {
|
||||
background-position: -240px -23px;
|
||||
}
|
||||
#refresh-status {
|
||||
background-position: right center;
|
||||
padding-left: 0;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.checkbox input[type="checkbox"] {
|
||||
float: right;
|
||||
margin-right: 2px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.list-striped,
|
||||
.row-striped {
|
||||
list-style: none;
|
||||
line-height: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
.btn-group + .btn-group {
|
||||
margin-right: 5px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.tabs-left > .nav-tabs {
|
||||
float: right;
|
||||
margin-left: 19px;
|
||||
border-left: 1px solid #DDD;
|
||||
margin-right: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
.tabs-left > .nav-tabs .active > a,
|
||||
.tabs-left > .nav-tabs .active > a:hover {
|
||||
border-color: #DDD #DDD #DDD transparent;
|
||||
}
|
||||
.tabs-left > .nav-tabs > li > a {
|
||||
margin-left: -1px;
|
||||
-webkit-border-radius: 0 4px 4px 0;
|
||||
-moz-border-radius: 0 4px 4px 0;
|
||||
border-radius: 0 4px 4px 0;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.controls > .radio:first-child,
|
||||
.controls > .checkbox:first-child {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.btn-toolbar {
|
||||
margin-top: 14px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.navbar .nav > li {
|
||||
float: right;
|
||||
}
|
||||
.icon-folder-2 {
|
||||
line-height: 25px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.navbar .nav > li > a {
|
||||
padding: 9px 10px;
|
||||
color: #D2E3FC;
|
||||
}
|
||||
.container-logo {
|
||||
padding-top: 6px;
|
||||
}
|
||||
.modal-header .close {
|
||||
float: left;
|
||||
}
|
||||
.pagination a {
|
||||
float: right;
|
||||
}
|
||||
.pagination ul {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||
}
|
||||
.pagination a {
|
||||
float: right;
|
||||
padding: 0 14px;
|
||||
line-height: 34px;
|
||||
text-decoration: none;
|
||||
border: 1px solid #ddd;
|
||||
border-right-width: 0;
|
||||
}
|
||||
.pagination li:first-child a {
|
||||
border-right-width: 1px;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.pagination li:last-child a {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.pagination-centered {
|
||||
text-align: center;
|
||||
}
|
||||
.pagination-right {
|
||||
text-align: right;
|
||||
}
|
||||
.icon-first:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-previous:before {
|
||||
content: "\7d";
|
||||
}
|
||||
.icon-last:before {
|
||||
content: "\7b";
|
||||
}
|
||||
.icon-next:before {
|
||||
content: "\7c";
|
||||
}
|
||||
.dl-horizontal dt {
|
||||
float: right;
|
||||
}
|
||||
.profile> ul {
|
||||
margin: 9px 25px 0 0;
|
||||
}
|
||||
.dropdown-submenu > a:after {
|
||||
float: left;
|
||||
border-width: 5px 5px 5px 0;
|
||||
margin-left: -10px;
|
||||
border-left-color: transparent;
|
||||
border-right-color: #CCC;
|
||||
}
|
||||
.badge {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.tip-text {
|
||||
text-align: right;
|
||||
}
|
||||
.icon-file-add:before {
|
||||
content: "(";
|
||||
}
|
||||
.icon-eye-open:before,
|
||||
.icon-eye:before {
|
||||
content: ">";
|
||||
}
|
||||
.icon-checkin:before,
|
||||
.icon-checkbox:before {
|
||||
content: "<";
|
||||
}
|
||||
.icon-save-new:before,
|
||||
.icon-plus-2:before {
|
||||
content: "[";
|
||||
}
|
||||
.btn-toolbar .btn + .btn,
|
||||
.btn-toolbar .btn-group + .btn,
|
||||
.btn-toolbar .btn + .btn-group {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.btn-toolbar .btn-wrapper {
|
||||
display: inline-block;
|
||||
margin: 0 5px 5px 0;
|
||||
}
|
||||
.btn-group > .btn + .btn {
|
||||
margin-left: 0;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.input-append .add-on,
|
||||
.input-append .btn,
|
||||
.input-prepend .add-on,
|
||||
.input-prepend .btn {
|
||||
margin-left: 0;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.table-bordered {
|
||||
border-right-width: 0;
|
||||
border-left-width: 1px;
|
||||
border-right-style: none;
|
||||
border-left-style: solid;
|
||||
border-right-color: -moz-use-text-color;
|
||||
border-left-color: #DDDDDD;
|
||||
}
|
||||
.chzn-container-single .chzn-single {
|
||||
padding-right: 8px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
margin-left: 26px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
left: 26px;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: right;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
margin-right: 5px;
|
||||
margin-left: 0;
|
||||
padding-right: 5px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
||||
left: 3px;
|
||||
right: auto;
|
||||
}
|
||||
.alert {
|
||||
padding-right: 14px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
.alert .close {
|
||||
left: -21px;
|
||||
right: auto;
|
||||
}
|
||||
.close {
|
||||
float: left;
|
||||
}
|
||||
.form-search .radio,
|
||||
.form-search .checkbox,
|
||||
.form-inline .radio,
|
||||
.form-inline .checkbox {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.form-search .radio input[type="radio"],
|
||||
.form-search .checkbox input[type="checkbox"],
|
||||
.form-inline .radio input[type="radio"],
|
||||
.form-inline .checkbox input[type="checkbox"] {
|
||||
float: right;
|
||||
margin-left: 3px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.com_media .container-main .media {
|
||||
display: inline-block;
|
||||
}
|
||||
.thumbnails > li {
|
||||
float: right;
|
||||
margin-bottom: 18px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
#mediamanager-form .description,
|
||||
#mediamanager-form .filesize,
|
||||
#mediamanager-form .dimensions {
|
||||
direction: ltr;
|
||||
}
|
||||
.tooltip-inner {
|
||||
text-align: right;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.btn-toolbar .btn-wrapper {
|
||||
display: block;
|
||||
margin: 0 0 5px 0;
|
||||
}
|
||||
.btn-toolbar .btn-wrapper .btn {
|
||||
margin-left: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
6206
media/jui/css/bootstrap.css
vendored
Normal file
6206
media/jui/css/bootstrap.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
9
media/jui/css/bootstrap.min.css
vendored
Normal file
9
media/jui/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
media/jui/css/chosen-sprite.png
Normal file
BIN
media/jui/css/chosen-sprite.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 559 B |
399
media/jui/css/chosen.css
Normal file
399
media/jui/css/chosen.css
Normal file
@@ -0,0 +1,399 @@
|
||||
/* @group Base */
|
||||
/* Joomla changes made for RTL for 3.0 */
|
||||
.chzn-container {
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
.chzn-container .chzn-drop {
|
||||
background: #fff;
|
||||
border: 1px solid #aaa;
|
||||
border-top: 0;
|
||||
position: absolute;
|
||||
top: 29px;
|
||||
left: 0;
|
||||
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
|
||||
-moz-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
-o-box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
box-shadow : 0 4px 5px rgba(0,0,0,.15);
|
||||
z-index: 1010;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Single Chosen */
|
||||
.chzn-container-single .chzn-single {
|
||||
background-color: #ffffff;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius : 5px;
|
||||
border-radius : 5px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
border: 1px solid #aaaaaa;
|
||||
-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
box-shadow : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
height: 23px;
|
||||
line-height: 24px;
|
||||
padding: 0 0 0 8px;
|
||||
color: #444444;
|
||||
text-decoration: none;
|
||||
}
|
||||
.chzn-container-single .chzn-default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-o-text-overflow: ellipsis;
|
||||
-ms-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 6px;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
font-size: 1px;
|
||||
background: url('chosen-sprite.png') right top no-repeat;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
|
||||
background-position: right top;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 18px;
|
||||
}
|
||||
.chzn-container-single .chzn-single div b {
|
||||
background: url('chosen-sprite.png') no-repeat 0 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.chzn-container-single .chzn-search {
|
||||
padding: 3px 4px;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
z-index: 1010;
|
||||
}
|
||||
.chzn-container-single .chzn-search input {
|
||||
background: #fff url('chosen-sprite.png') no-repeat 100% -22px;
|
||||
background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat 100% -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
margin: 1px 0;
|
||||
padding: 4px 20px 4px 5px;
|
||||
outline: 0;
|
||||
border: 1px solid #aaa;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
.chzn-container-single .chzn-drop {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius : 0 0 4px 4px;
|
||||
border-radius : 0 0 4px 4px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
.chzn-container-single-nosearch .chzn-search input {
|
||||
position: absolute;
|
||||
/* Changed for RTL */
|
||||
/* left: -9000px; */
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* @group Multi Chosen */
|
||||
.chzn-container-multi .chzn-choices {
|
||||
background-color: #fff;
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
border: 1px solid #aaa;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
position: relative;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field {
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field input {
|
||||
color: #666;
|
||||
background: transparent !important;
|
||||
border: 0 !important;
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
height: 15px;
|
||||
padding: 5px;
|
||||
margin: 1px 0;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow : none;
|
||||
-o-box-shadow : none;
|
||||
box-shadow : none;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-field .default {
|
||||
color: #999;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
-moz-background-clip : padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip : padding-box;
|
||||
background-color: #e4e4e4;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
|
||||
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
|
||||
-webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
-moz-box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
box-shadow : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
|
||||
color: #333;
|
||||
border: 1px solid #aaaaaa;
|
||||
line-height: 13px;
|
||||
padding: 3px 20px 3px 5px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 4px;
|
||||
width: 12px;
|
||||
height: 13px;
|
||||
font-size: 1px;
|
||||
background: url('chosen-sprite.png') right top no-repeat;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
|
||||
background-position: right -11px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
|
||||
background-position: right -11px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Results */
|
||||
.chzn-container .chzn-results {
|
||||
margin: 0 4px 4px 0;
|
||||
max-height: 240px;
|
||||
padding: 0 0 0 4px;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.chzn-container-multi .chzn-results {
|
||||
margin: -1px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.chzn-container .chzn-results li {
|
||||
display: none;
|
||||
line-height: 15px;
|
||||
padding: 5px 6px;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.chzn-container .chzn-results .active-result {
|
||||
cursor: pointer;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted {
|
||||
background-color: #3875d7;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
|
||||
background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: -ms-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
|
||||
color: #fff;
|
||||
}
|
||||
.chzn-container .chzn-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal;
|
||||
}
|
||||
.chzn-container .chzn-results .highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
.chzn-container .chzn-results .no-results {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
}
|
||||
.chzn-container .chzn-results .group-result {
|
||||
cursor: default;
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
.chzn-container .chzn-results .group-option {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.chzn-container-multi .chzn-drop .result-selected {
|
||||
display: none;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll {
|
||||
background: white;
|
||||
margin: 0 4px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 321px; /* This should by dynamic with js */
|
||||
z-index: 1;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll span {
|
||||
display: inline-block;
|
||||
height: 17px;
|
||||
text-indent: -5000px;
|
||||
width: 9px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down {
|
||||
bottom: 0;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-down span {
|
||||
background: url('chosen-sprite.png') no-repeat -4px -3px;
|
||||
}
|
||||
.chzn-container .chzn-results-scroll-up span {
|
||||
background: url('chosen-sprite.png') no-repeat -22px -3px;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Active */
|
||||
.chzn-container-active .chzn-single {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop {
|
||||
border: 1px solid #aaa;
|
||||
-webkit-box-shadow: 0 1px 0 #fff inset;
|
||||
-moz-box-shadow : 0 1px 0 #fff inset;
|
||||
-o-box-shadow : 0 1px 0 #fff inset;
|
||||
box-shadow : 0 1px 0 #fff inset;
|
||||
background-color: #eee;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
|
||||
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: -ms-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
background-image: linear-gradient(top, #eeeeee 20%, #ffffff 80%);
|
||||
-webkit-border-bottom-left-radius : 0;
|
||||
-webkit-border-bottom-right-radius: 0;
|
||||
-moz-border-radius-bottomleft : 0;
|
||||
-moz-border-radius-bottomright: 0;
|
||||
border-bottom-left-radius : 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div {
|
||||
background: transparent;
|
||||
border-left: none;
|
||||
}
|
||||
.chzn-container-active .chzn-single-with-drop div b {
|
||||
background-position: -18px 1px;
|
||||
}
|
||||
.chzn-container-active .chzn-choices {
|
||||
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
|
||||
-moz-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
-o-box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
box-shadow : 0 0 5px rgba(0,0,0,.3);
|
||||
border: 1px solid #5897fb;
|
||||
}
|
||||
.chzn-container-active .chzn-choices .search-field input {
|
||||
color: #111 !important;
|
||||
}
|
||||
/* @end */
|
||||
|
||||
/* @group Disabled Support */
|
||||
.chzn-disabled {
|
||||
cursor: default;
|
||||
opacity:0.5 !important;
|
||||
}
|
||||
.chzn-disabled .chzn-single {
|
||||
cursor: default;
|
||||
}
|
||||
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* @group Right to Left */
|
||||
.chzn-rtl { text-align: right; }
|
||||
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
|
||||
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }
|
||||
|
||||
.chzn-rtl .chzn-single div { left: 3px; right: auto; }
|
||||
.chzn-rtl .chzn-single abbr {
|
||||
left: 26px;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
|
||||
.chzn-rtl .chzn-choices li { float: right; }
|
||||
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
|
||||
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: right top;}
|
||||
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
|
||||
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
|
||||
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
|
||||
.chzn-rtl .chzn-search input {
|
||||
background: #fff url('chosen-sprite.png') no-repeat -38px -22px;
|
||||
background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
|
||||
background: url('chosen-sprite.png') no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -38px -22px, -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
background: url('chosen-sprite.png') no-repeat -38px -22px, linear-gradient(top, #eeeeee 1%, #ffffff 15%);
|
||||
padding: 4px 5px 4px 20px;
|
||||
direction: rtl;
|
||||
}
|
||||
/* @end */
|
||||
466
media/jui/css/icomoon.css
Normal file
466
media/jui/css/icomoon.css
Normal file
@@ -0,0 +1,466 @@
|
||||
@font-face {
|
||||
font-family: 'IcoMoon';
|
||||
src: url('../fonts/IcoMoon.eot');
|
||||
src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/IcoMoon.svg#IcoMoon') format('svg'),
|
||||
url('../fonts/IcoMoon.woff') format('woff'),
|
||||
url('../fonts/IcoMoon.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[data-icon]:before {
|
||||
font-family: 'IcoMoon';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
}
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
}
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
font-family: 'IcoMoon';
|
||||
font-style: normal;
|
||||
speak: none;
|
||||
}
|
||||
[class^="icon-"].disabled,
|
||||
[class*=" icon-"].disabled {
|
||||
font-weight: normal;
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\21";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\22";
|
||||
}
|
||||
.icon-checkedout:before,
|
||||
.icon-lock:before,
|
||||
.icon-locked:before {
|
||||
content: "\23";
|
||||
}
|
||||
.icon-comment:before,
|
||||
.icon-comments:before {
|
||||
content: "\24";
|
||||
}
|
||||
.icon-comments-2:before {
|
||||
content: "\25";
|
||||
}
|
||||
.icon-share-alt:before,
|
||||
.icon-out:before {
|
||||
content: "\26";
|
||||
}
|
||||
.icon-share:before,
|
||||
.icon-redo:before {
|
||||
content: "\27";
|
||||
}
|
||||
.icon-undo:before {
|
||||
content: "\28";
|
||||
}
|
||||
.icon-file-add:before {
|
||||
content: "\29";
|
||||
}
|
||||
.icon-new:before,
|
||||
.icon-plus:before {
|
||||
content: "\2a";
|
||||
}
|
||||
.icon-apply:before,
|
||||
.icon-edit:before,
|
||||
.icon-pencil:before {
|
||||
content: "\2b";
|
||||
}
|
||||
.icon-pencil-2:before {
|
||||
content: "\2c";
|
||||
}
|
||||
.icon-folder-open:before,
|
||||
.icon-folder:before {
|
||||
content: "\2d";
|
||||
}
|
||||
.icon-folder-close:before,
|
||||
.icon-folder-2:before {
|
||||
content: "\2e";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\2f";
|
||||
}
|
||||
.icon-pictures:before {
|
||||
content: "\30";
|
||||
}
|
||||
.icon-list:before,
|
||||
.icon-list-view:before {
|
||||
content: "\31";
|
||||
}
|
||||
.icon-power-cord:before {
|
||||
content: "\32";
|
||||
}
|
||||
.icon-cube:before {
|
||||
content: "\33";
|
||||
}
|
||||
.icon-puzzle:before {
|
||||
content: "\34";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\35";
|
||||
}
|
||||
.icon-tools:before {
|
||||
content: "\36";
|
||||
}
|
||||
.icon-cogs:before {
|
||||
content: "\37";
|
||||
}
|
||||
.icon-options:before,
|
||||
.icon-cog:before {
|
||||
content: "\38";
|
||||
}
|
||||
.icon-equalizer:before {
|
||||
content: "\39";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\3a";
|
||||
}
|
||||
.icon-brush:before {
|
||||
content: "\3b";
|
||||
}
|
||||
.icon-eye-open:before,
|
||||
.icon-eye:before {
|
||||
content: "\3c";
|
||||
}
|
||||
.icon-checkbox-unchecked:before {
|
||||
content: "\3d";
|
||||
}
|
||||
.icon-checkin:before,
|
||||
.icon-checkbox:before {
|
||||
content: "\3e";
|
||||
}
|
||||
.icon-checkbox-partial:before {
|
||||
content: "\3f";
|
||||
}
|
||||
.icon-asterisk:before,
|
||||
.icon-star-empty:before {
|
||||
content: "\40";
|
||||
}
|
||||
.icon-star-2:before {
|
||||
content: "\41";
|
||||
}
|
||||
.icon-featured:before,
|
||||
.icon-star:before {
|
||||
content: "\42";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\43";
|
||||
}
|
||||
.icon-calendar-2:before {
|
||||
content: "\44";
|
||||
}
|
||||
.icon-question-sign:before,
|
||||
.icon-help:before {
|
||||
content: "\45";
|
||||
}
|
||||
.icon-support:before {
|
||||
content: "\46";
|
||||
}
|
||||
.icon-pending:before,
|
||||
.icon-warning:before {
|
||||
content: "\48";
|
||||
}
|
||||
.icon-publish:before,
|
||||
.icon-save:before,
|
||||
.icon-ok:before,
|
||||
.icon-checkmark:before {
|
||||
content: "\47";
|
||||
}
|
||||
.icon-unpublish:before,
|
||||
.icon-cancel:before {
|
||||
content: "\4a";
|
||||
}
|
||||
.icon-eye-close:before,
|
||||
.icon-minus:before {
|
||||
content: "\4b";
|
||||
}
|
||||
.icon-purge:before,
|
||||
.icon-trash:before {
|
||||
content: "\4c";
|
||||
}
|
||||
.icon-envelope:before,
|
||||
.icon-mail:before {
|
||||
content: "\4d";
|
||||
}
|
||||
.icon-mail-2:before {
|
||||
content: "\4e";
|
||||
}
|
||||
.icon-unarchive:before,
|
||||
.icon-drawer:before {
|
||||
content: "\4f";
|
||||
}
|
||||
.icon-archive:before,
|
||||
.icon-drawer-2:before {
|
||||
content: "\50";
|
||||
}
|
||||
.icon-box-add:before {
|
||||
content: "\51";
|
||||
}
|
||||
.icon-box-remove:before {
|
||||
content: "\52";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\53";
|
||||
}
|
||||
.icon-filter:before {
|
||||
content: "\54";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\55";
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\56";
|
||||
}
|
||||
.icon-music:before {
|
||||
content: "\57";
|
||||
}
|
||||
.icon-grid-view:before {
|
||||
content: "\58";
|
||||
}
|
||||
.icon-grid-view-2:before {
|
||||
content: "\59";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\5a";
|
||||
}
|
||||
.icon-thumbs-up:before {
|
||||
content: "\5b";
|
||||
}
|
||||
.icon-thumbs-down:before {
|
||||
content: "\5c";
|
||||
}
|
||||
.icon-delete:before,
|
||||
.icon-remove:before,
|
||||
.icon-cancel-2:before {
|
||||
content: "\49";
|
||||
}
|
||||
.icon-save-new:before,
|
||||
.icon-plus-2:before {
|
||||
content: "\5d";
|
||||
}
|
||||
.icon-ban-circle:before,
|
||||
.icon-minus-sign:before,
|
||||
.icon-minus-2:before {
|
||||
content: "\5e";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\5f";
|
||||
}
|
||||
.icon-quote:before {
|
||||
content: "\60";
|
||||
}
|
||||
.icon-quote-2:before {
|
||||
content: "\61";
|
||||
}
|
||||
.icon-database:before {
|
||||
content: "\62";
|
||||
}
|
||||
.icon-location:before {
|
||||
content: "\63";
|
||||
}
|
||||
.icon-zoom-in:before {
|
||||
content: "\64";
|
||||
}
|
||||
.icon-zoom-out:before {
|
||||
content: "\65";
|
||||
}
|
||||
.icon-expand:before {
|
||||
content: "\66";
|
||||
}
|
||||
.icon-contract:before {
|
||||
content: "\67";
|
||||
}
|
||||
.icon-expand-2:before {
|
||||
content: "\68";
|
||||
}
|
||||
.icon-contract-2:before {
|
||||
content: "\69";
|
||||
}
|
||||
.icon-health:before {
|
||||
content: "\6a";
|
||||
}
|
||||
.icon-wand:before {
|
||||
content: "\6b";
|
||||
}
|
||||
.icon-unblock:before,
|
||||
.icon-refresh:before {
|
||||
content: "\6c";
|
||||
}
|
||||
.icon-vcard:before {
|
||||
content: "\6d";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\6e";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\6f";
|
||||
}
|
||||
.icon-address:before {
|
||||
content: "\70";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\71";
|
||||
}
|
||||
.icon-flag-2:before {
|
||||
content: "\72";
|
||||
}
|
||||
.icon-pin:before {
|
||||
content: "\73";
|
||||
}
|
||||
.icon-lamp:before {
|
||||
content: "\74";
|
||||
}
|
||||
.icon-chart:before {
|
||||
content: "\75";
|
||||
}
|
||||
.icon-bars:before {
|
||||
content: "\76";
|
||||
}
|
||||
.icon-pie:before {
|
||||
content: "\77";
|
||||
}
|
||||
.icon-dashboard:before {
|
||||
content: "\78";
|
||||
}
|
||||
.icon-lightning:before {
|
||||
content: "\79";
|
||||
}
|
||||
.icon-move:before {
|
||||
content: "\7a";
|
||||
}
|
||||
.icon-next:before {
|
||||
content: "\7b";
|
||||
}
|
||||
.icon-previous:before {
|
||||
content: "\7c";
|
||||
}
|
||||
.icon-first:before {
|
||||
content: "\7d";
|
||||
}
|
||||
.icon-last:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-shuffle:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-arrow-first:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-arrow-last:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-chevron-up:before,
|
||||
.icon-uparrow:before,
|
||||
.icon-arrow-up:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-chevron-right:before,
|
||||
.icon-arrow-right:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-chevron-down:before,
|
||||
.icon-downarrow:before,
|
||||
.icon-arrow-down:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-chevron-left:before,
|
||||
.icon-arrow-left:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-arrow-up-2:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-arrow-right-2:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-download:before,
|
||||
.icon-arrow-down-2:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-arrow-left-2:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.icon-play-2:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-menu-2:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-arrow-up-3:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-arrow-right-3:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-arrow-down-3:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-arrow-left-3:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-print:before,
|
||||
.icon-printer:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-color-palette:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-camera-2:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-file:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-file-remove:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-save-copy:before,
|
||||
.icon-copy:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-cart:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-basket:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-broadcast:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-screen:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-tablet:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-mobile:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-users:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-bookmark:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-out-2:before {
|
||||
content: "\e024";
|
||||
}
|
||||
1
media/jui/css/index.html
Normal file
1
media/jui/css/index.html
Normal file
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
321
media/jui/css/jquery.minicolors.css
Normal file
321
media/jui/css/jquery.minicolors.css
Normal file
@@ -0,0 +1,321 @@
|
||||
/**
|
||||
* BASED ON:
|
||||
*
|
||||
* jQuery MiniColors: A tiny color picker built on jQuery
|
||||
*
|
||||
* Copyright Cory LaViska for A Beautiful Site, LLC. (http://www.abeautifulsite.net/)
|
||||
*
|
||||
* Dual-licensed under the MIT and GPL Version 2 licenses
|
||||
*
|
||||
*/
|
||||
.minicolors {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.minicolors-focus {
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
.minicolors.minicolors-theme-default .minicolors-input {
|
||||
margin: 0px;
|
||||
margin-right: 3px;
|
||||
border: solid 1px #CCC;
|
||||
font: 14px sans-serif;
|
||||
width: 65px;
|
||||
height: 16px;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .04);
|
||||
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .04);
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .04);
|
||||
padding: 2px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.minicolors-theme-default.minicolors .minicolors-input {
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.minicolors-theme-default.minicolors-swatch-left .minicolors-input {
|
||||
margin-left: -1px;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.minicolors-theme-default.minicolors-focus .minicolors-input,
|
||||
.minicolors-theme-default.minicolors-focus .minicolors-swatch {
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
.minicolors-hidden {
|
||||
position: absolute;
|
||||
left: -9999em;
|
||||
}
|
||||
|
||||
.minicolors-swatch {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(../img/jquery.minicolors.png) -80px 0;
|
||||
border: solid 1px #CCC;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.minicolors-swatch span {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
-webkit-box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
|
||||
-moz-box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
|
||||
box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Panel */
|
||||
.minicolors-panel {
|
||||
position: absolute;
|
||||
top: 26px;
|
||||
left: 0;
|
||||
width: 173px;
|
||||
height: 152px;
|
||||
background: white;
|
||||
border: solid 1px #CCC;
|
||||
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
||||
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
||||
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.minicolors-position-top .minicolors-panel {
|
||||
top: -156px;
|
||||
}
|
||||
|
||||
.minicolors-position-left .minicolors-panel {
|
||||
left: -83px;
|
||||
}
|
||||
|
||||
.minicolors-position-left.minicolors-with-opacity .minicolors-panel {
|
||||
left: -104px;
|
||||
}
|
||||
|
||||
.minicolors-with-opacity .minicolors-panel {
|
||||
width: 194px;
|
||||
}
|
||||
|
||||
.minicolors .minicolors-grid {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: url(../img/jquery.minicolors.png) -120px 0;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.minicolors .minicolors-grid-inner {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.minicolors-slider-saturation .minicolors-grid {
|
||||
background-position: -420px 0;
|
||||
}
|
||||
|
||||
.minicolors-slider-saturation .minicolors-grid-inner {
|
||||
background: url(../img/jquery.minicolors.png) -270px 0;
|
||||
}
|
||||
|
||||
.minicolors-slider-brightness .minicolors-grid {
|
||||
background-position: -570px 0;
|
||||
}
|
||||
|
||||
.minicolors-slider-brightness .minicolors-grid-inner {
|
||||
background: black;
|
||||
}
|
||||
|
||||
.minicolors-slider-wheel .minicolors-grid {
|
||||
background-position: -720px 0;
|
||||
}
|
||||
|
||||
.minicolors-slider,
|
||||
.minicolors-opacity-slider {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 152px;
|
||||
width: 20px;
|
||||
height: 150px;
|
||||
background: #ffffff url(../img/jquery.minicolors.png) 0 0;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.minicolors-slider-saturation .minicolors-slider {
|
||||
background-position: -60px 0;
|
||||
}
|
||||
|
||||
.minicolors-slider-brightness .minicolors-slider {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
|
||||
.minicolors-slider-wheel .minicolors-slider {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
|
||||
.minicolors-opacity-slider {
|
||||
left: 173px;
|
||||
background-position: -40px 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.minicolors-with-opacity .minicolors-opacity-slider {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Pickers */
|
||||
.minicolors-grid .minicolors-picker {
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
left: 70px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border: solid 1px black;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
margin-top: -6px;
|
||||
margin-left: -6px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.minicolors-grid .minicolors-picker span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
border: solid 2px white;
|
||||
}
|
||||
|
||||
.minicolors-picker {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 18px;
|
||||
height: 2px;
|
||||
background: white;
|
||||
border: solid 1px black;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
/* Inline controls */
|
||||
.minicolors-inline .minicolors-input,
|
||||
.minicolors-inline .minicolors-swatch {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.minicolors-inline .minicolors-panel {
|
||||
position: relative;
|
||||
top: auto;
|
||||
left: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Bootstrap Theme (theme: 'bootstrap')
|
||||
*
|
||||
*/
|
||||
|
||||
/* Input styles */
|
||||
.minicolors-theme-bootstrap .minicolors-input {
|
||||
padding: 4px 6px;
|
||||
padding-left: 30px;
|
||||
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
|
||||
font-size: 14px;
|
||||
height: 19px;
|
||||
width: 65px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
/* When the input is disabled */
|
||||
.minicolors-theme-bootstrap .minicolors-input[disabled] {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
/* Swatch styles */
|
||||
.minicolors-theme-bootstrap .minicolors-swatch {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
top: 4px;
|
||||
z-index: 12;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Handle swatch position (left = default / right) */
|
||||
.minicolors-theme-bootstrap.minicolors-swatch-position-right .minicolors-input {
|
||||
padding-left: 6px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.minicolors-theme-bootstrap.minicolors-swatch-position-right .minicolors-swatch {
|
||||
left: auto;
|
||||
right: 4px;
|
||||
}
|
||||
|
||||
/* Panel styles */
|
||||
.minicolors-theme-bootstrap .minicolors-panel {
|
||||
top: -68px;
|
||||
left: 100%;
|
||||
z-index: 13;
|
||||
padding: 5px;
|
||||
border: 1px solid #dddddd;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-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-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.minicolors-theme-bootstrap .minicolors-slider,
|
||||
.minicolors-theme-bootstrap .minicolors-opacity-slider {
|
||||
top: 6px;
|
||||
left: 157px;
|
||||
}
|
||||
|
||||
.minicolors-theme-bootstrap .minicolors-grid {
|
||||
top: 6px;
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.minicolors-theme-bootstrap.minicolors-position-left .minicolors-panel {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
.minicolors-theme-bootstrap.minicolors-position-top .minicolors-panel {
|
||||
top: -164px;
|
||||
left: -6px;
|
||||
}
|
||||
.minicolors-theme-bootstrap.minicolors-position-bottom .minicolors-panel {
|
||||
left: -6px;
|
||||
top: 30px;
|
||||
}
|
||||
80
media/jui/css/jquery.simplecolors.css
Normal file
80
media/jui/css/jquery.simplecolors.css
Normal file
@@ -0,0 +1,80 @@
|
||||
/**
|
||||
* LOOSELY BASED ON:
|
||||
* Very simple jQuery Color Picker
|
||||
* Copyright (C) 2012 Tanguy Krotoff
|
||||
* Licensed under the MIT license
|
||||
*
|
||||
* ADAPTED BY:
|
||||
* Copyright (C) 2013 Peter van Westen
|
||||
*/
|
||||
|
||||
.simplecolors-swatch {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: url(../img/jquery.minicolors.png) -80px 0;
|
||||
border: solid 1px #CCC;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.simplecolors-swatch span {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: none;
|
||||
-webkit-box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
|
||||
-moz-box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
|
||||
box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.simplecolors-panel .simplecolors-swatch {
|
||||
margin: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
.simplecolors-swatch.active,
|
||||
.simplecolors-swatch:hover,
|
||||
.simplecolors-swatch:focus,
|
||||
.simplecolors-swatch span:focus {
|
||||
outline: 0;
|
||||
outline: thin dotted \9; /* IE6-9 */
|
||||
}
|
||||
|
||||
.simplecolors-swatch:hover,
|
||||
.simplecolors-swatch.active {
|
||||
border-color: rgba(82, 168, 236, 0.8);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
||||
}
|
||||
|
||||
.simplecolors-panel {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: 12;
|
||||
display: none;
|
||||
float: left;
|
||||
padding: 6px 2px 2px 6px;
|
||||
margin: 1px 0 0;
|
||||
list-style: none;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #dddddd;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-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-box;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
78
media/jui/css/sortablelist.css
Normal file
78
media/jui/css/sortablelist.css
Normal file
@@ -0,0 +1,78 @@
|
||||
/**
|
||||
* @copyright Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
.dnd-list-highlight {
|
||||
position: relative;
|
||||
margin-bottom: 18px;
|
||||
color: #404040;
|
||||
background-color: #eedc94;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
|
||||
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
|
||||
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
|
||||
background-image: linear-gradient(top, #fceec1, #eedc94);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
border-color: #eedc94 #eedc94 #e4c652;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.dndlist-place-holder {
|
||||
height: 51px;
|
||||
border-left: none;
|
||||
border-right:none;
|
||||
}
|
||||
|
||||
.dndlist-dragged-row {
|
||||
background-color: #5bb75b !important;
|
||||
*background-color: #51a351 !important;
|
||||
background-image: -ms-linear-gradient(top, #62c462, #51a351) !important;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)) !important;
|
||||
background-image: -webkit-linear-gradient(top, #62c462, #51a351) !important;
|
||||
background-image: -o-linear-gradient(top, #62c462, #51a351) !important;
|
||||
background-image: -moz-linear-gradient(top, #62c462, #51a351) !important;
|
||||
background-image: linear-gradient(top, #62c462, #51a351) !important;
|
||||
background-repeat: repeat-x !important;
|
||||
border-color: #51a351 #51a351 #387038 !important;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0) !important;
|
||||
filter: progid:dximagetransform.microsoft.gradient(enabled=false) !important;
|
||||
height: 54px;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
|
||||
.dndlist-group-disabled {
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity=30);
|
||||
}
|
||||
|
||||
.dndlist-group-disabled td {
|
||||
background-image: url("../img/bg-overlay.png");
|
||||
}
|
||||
|
||||
.sortable .sortable-handler {
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.sortable .sortable-handler.sortable-inactive{
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
|
||||
.middle, .table td.middle, .table th.middle {
|
||||
vertical-align: middle;
|
||||
}
|
||||
BIN
media/jui/fonts/IcoMoon.eot
Normal file
BIN
media/jui/fonts/IcoMoon.eot
Normal file
Binary file not shown.
378
media/jui/fonts/IcoMoon.svg
Normal file
378
media/jui/fonts/IcoMoon.svg
Normal file
@@ -0,0 +1,378 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG font generated by IcoMoon.</metadata>
|
||||
<defs>
|
||||
<font id="IcoMoon" horiz-adv-x="512" >
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
<glyph unicode="!" d="M 256.00,448.00L0.00,192.00l 48.00-48.00l 48.00,48.00l0.00-224.00 l 128.00,0.00 l0.00,96.00 l 64.00,0.00 l0.00-96.00 l 128.00,0.00 L 416.00,192.00 l 48.00-48.00l 48.00,48.00L 256.00,448.00z M 116.00-16.00l-4.00,0.00 L 112.00,208.00 l 4.00,4.00L 116.00-16.00 z M 132.00-16.00l-8.00,0.00 L 124.00,220.00 l 8.00,8.00
|
||||
L 132.00-16.00 z M 148.00-16.00l-8.00,0.00 L 140.00,236.00 l 8.00,8.00L 148.00-16.00 z M 164.00-16.00l-8.00,0.00 L 156.00,252.00 l 8.00,8.00L 164.00-16.00 z M 180.00-16.00l-8.00,0.00 L 172.00,268.00 l 8.00,8.00L 180.00-16.00 z M 196.00-16.00l-8.00,0.00 L 188.00,284.00 l 8.00,8.00L 196.00-16.00 z M 212.00,80.00l-4.00,0.00 l0.00-96.00 l-4.00,0.00 L 204.00,300.00
|
||||
l 8.00,8.00L 212.00,80.00 z M 228.00,80.00l-8.00,0.00 L 220.00,316.00 l 8.00,8.00L 228.00,80.00 z M 244.00,80.00l-8.00,0.00 L 236.00,332.00 l 8.00,8.00L 244.00,80.00 z M 260.00,80.00l-8.00,0.00 L 252.00,348.00 l 4.00,4.00l 4.00-4.00L 260.00,80.00 z M 276.00,80.00l-8.00,0.00 L 268.00,340.00 l 8.00-8.00L 276.00,80.00 z M 292.00,80.00l-8.00,0.00
|
||||
L 284.00,324.00 l 8.00-8.00L 292.00,80.00 z M 308.00-16.00l-4.00,0.00 l0.00,96.00 l-4.00,0.00 L 300.00,308.00 l 8.00-8.00L 308.00-16.00 z M 324.00-16.00l-8.00,0.00 L 316.00,292.00 l 8.00-8.00L 324.00-16.00 z M 340.00-16.00l-8.00,0.00 L 332.00,276.00 l 8.00-8.00L 340.00-16.00 z M 356.00-16.00l-8.00,0.00 L 348.00,260.00 l 8.00-8.00L 356.00-16.00 z
|
||||
M 372.00-16.00l-8.00,0.00 L 364.00,244.00 l 8.00-8.00L 372.00-16.00 z M 388.00-16.00l-8.00,0.00 L 380.00,228.00 l 8.00-8.00L 388.00-16.00 z M 400.00-16.00l-4.00,0.00 L 396.00,212.00 l 4.00-4.00L 400.00-16.00 z" />
|
||||
<glyph unicode=""" d="M 311.413,128.632c-11.055,1.759-11.307,32.157-11.307,32.157s 32.484,32.158, 39.564,75.401
|
||||
c 19.045,0.00, 30.809,45.973, 11.761,62.148C 352.226,315.365, 375.911,432.00, 256.00,432.00c-119.911,0.00-96.225-116.635-95.432-133.662
|
||||
c-19.047-16.175-7.285-62.148, 11.761-62.148c 7.079-43.243, 39.564-75.401, 39.564-75.401s-0.252-30.398-11.307-32.157
|
||||
C 164.976,122.966, 32.00,64.315, 32.00,0.00l 224.00,0.00 l 224.00,0.00 C 480.00,64.315, 347.024,122.966, 311.413,128.632z" />
|
||||
<glyph unicode="#" d="M 448.00,256.00l-32.00,0.00 l0.00,96.00 C 416.00,422.691, 344.365,480.00, 256.00,480.00C 167.634,480.00, 96.00,422.691, 96.00,352.00l0.00-96.00 L 64.00,256.00 c-17.602,0.00-32.00-14.40-32.00-32.00l0.00-224.00
|
||||
c0.00-17.60, 14.398-32.00, 32.00-32.00l 384.00,0.00 c 17.60,0.00, 32.00,14.40, 32.00,32.00L 480.00,224.00 C 480.00,241.60, 465.60,256.00, 448.00,256.00z M 160.00,352.00c0.00,19.368, 14.312,33.709, 22.843,40.534
|
||||
c 8.732,6.985, 19.587,12.79, 31.391,16.784C 227.339,413.752, 241.391,416.00, 256.00,416.00c 14.607,0.00, 28.66-2.248, 41.766-6.682
|
||||
c 11.804-3.994, 22.658-9.799, 31.391-16.784C 337.689,385.709, 352.00,371.368, 352.00,352.00l0.00-96.00 L 160.00,256.00 L 160.00,352.00 z" />
|
||||
<glyph unicode="$" d="M 480.00,416.00L 32.00,416.00 C 14.40,416.00,0.00,401.60,0.00,384.00l0.00-224.00 c0.00-17.60, 14.40-32.00, 32.00-32.00l 64.00,0.00 l0.00-96.00 l 72.00,96.00l 312.00,0.00 c 17.60,0.00, 32.00,14.40, 32.00,32.00L 512.00,384.00
|
||||
C 512.00,401.60, 497.60,416.00, 480.00,416.00z" />
|
||||
<glyph unicode="%" d="M 128.00,224.00l 224.00,0.00 c 17.594,0.00, 32.00,14.406, 32.00,32.00L 384.00,416.00 c0.00,17.594-14.406,32.00-32.00,32.00L 32.00,448.00 C 14.406,448.00,0.00,433.594,0.00,416.00l0.00-160.00
|
||||
c0.00-17.594, 14.404-32.00, 32.00-32.00l 32.00,0.00 l0.00-64.00 L 128.00,224.00zM 480.00,288.00l-64.00,0.00 l0.00-64.00 c0.00-17.594-14.406-32.00-32.00-32.00L 160.00,192.00 l0.00-96.00 c0.00-17.596, 14.404-32.00, 32.00-32.00l 192.00,0.00 l 64.00-64.00l0.00,64.00 l 32.00,0.00 c 17.594,0.00, 32.00,14.404, 32.00,32.00L 512.00,256.00
|
||||
C 512.00,273.594, 497.594,288.00, 480.00,288.00z" />
|
||||
<glyph unicode="&" d="M 128.00,160.00c0.00,0.00, 29.412,96.00, 192.00,96.00l0.00-96.00 l 192.00,128.00L 320.00,416.00l0.00-96.00 C 192.00,320.00, 128.00,240.164, 128.00,160.00zM 352.00,96.00L 64.00,96.00 L 64.00,288.00 l 62.938,0.00 c 5.047,5.959, 10.456,11.667, 16.244,17.09c 21.982,20.595, 48.281,36.326, 78.057,46.91L0.00,352.00 l0.00-320.00 l 416.00,0.00
|
||||
L 416.00,166.312 l-64.00-42.667L 352.00,96.00 z" />
|
||||
<glyph unicode="'" d="M 288.00,355.814L 288.00,480.00 l 192.00-192.00L 288.00,96.00L 288.00,222.912 C 64.625,228.153, 74.206,71.016, 131.07-32.00
|
||||
C-9.286,119.707, 20.52,362.785, 288.00,355.814z" />
|
||||
<glyph unicode="(" d="M 380.931-32.00C 437.794,71.016, 447.375,228.153, 224.00,222.912L 224.00,96.00 L 32.00,288.00L 224.00,480.00l0.00-124.186
|
||||
C 491.481,362.785, 521.285,119.707, 380.931-32.00z" />
|
||||
<glyph unicode=")" d="M 448.00,96.00L 448.00,160.00L 384.00,160.00L 384.00,96.00L 320.00,96.00L 320.00,32.00L 384.00,32.00L 384.00-32.00L 448.00-32.00L 448.00,32.00L 512.00,32.00L 512.00,96.00 zM 32.00,448.00L 320.00,448.00L 320.00,352.00L 416.00,352.00L 416.00,192.00L 448.00,192.00L 448.00,352.00L 320.00,480.00L0.00,480.00L0.00-32.00L 288.00-32.00L 288.00,0.00L 32.00,0.00 z" />
|
||||
<glyph unicode="*" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 288.00,192.00l0.00-160.00 l-64.00,0.00 L 224.00,192.00 L 64.00,192.00 l0.00,64.00
|
||||
l 160.00,0.00 L 224.00,416.00 l 64.00,0.00 l0.00-160.00 l 160.00,0.00 l0.00-64.00 L 288.00,192.00 z" />
|
||||
<glyph unicode="+" d="M 507.332,401.96L 433.96,475.333c-6.224,6.222-16.404,6.222-22.628,0.00L 384.00,448.00l 96.00-96.00l 27.332,27.333
|
||||
C 513.556,385.556, 513.556,395.738, 507.332,401.96zM 128.00,96.00L 256.00,128.00L 448.00,320.00L 352.00,416.00L 160.00,224.00 zM 416.00,32.00L 64.00,32.00 L 64.00,384.00 l 192.00,0.00 l 64.00,64.00L 32.00,448.00 C 14.40,448.00,0.00,433.60,0.00,416.00l0.00-416.00 c0.00-17.60, 14.399-32.00, 32.00-32.00l 416.00,0.00 c 17.60,0.00, 32.00,14.40, 32.00,32.00L 480.00,288.00 l-64.00-64.00L 416.00,32.00 z" />
|
||||
<glyph unicode="," d="M 488.00,456.00c-32.00,32.00-64.00,32.00-96.00,0.00l-8.00-8.00l 96.00-96.00l 8.00,8.00C 520.00,392.00, 520.00,424.00, 488.00,456.00zM 32.00,96.00L0.00-32.00l 128.00,32.00l 320.00,320.00l-96.00,96.00L 32.00,96.00z M 128.00,64.00l-32.00,32.00l 256.00,256.00l 32.00-32.00L 128.00,64.00z" />
|
||||
<glyph unicode="-" d="M0.00,320.00L 16.00,32.00L 496.00,32.00L 512.00,320.00 zM 464.00,384.00L 256.00,384.00L 240.00,416.00L 64.00,416.00L 32.00,352.00L 480.00,352.00 z" />
|
||||
<glyph unicode="." d="M 224.00,416.00L 288.00,352.00L 512.00,352.00L 512.00,0.00L0.00,0.00L0.00,416.00 z" />
|
||||
<glyph unicode="/" d="M0.00,416.00l0.00-384.00 l 512.00,0.00 L 512.00,416.00 L0.00,416.00 z M 480.00,64.00l-32.00,0.00 l-96.00,144.00l-64.00-48.00L 160.00,320.00L 64.00,64.00L 32.00,64.00 L 32.00,384.00 l 448.00,0.00 L 480.00,64.00 zM 352.00,304.00A48.00,48.00 6300.00 1,0 448.00,304A48.00,48.00 6300.00 1,0 352.00,304z" />
|
||||
<glyph unicode="0" d="M 64.00,352.00l0.00-320.00 l 448.00,0.00 L 512.00,352.00 L 64.00,352.00 z M 480.00,85.333L 416.00,192.00l-72.533-60.444L 288.00,224.00L 96.00,64.00L 96.00,320.00 l 384.00,0.00 L 480.00,85.333 zM 128.00,240.00A48.00,48.00 1260.00 1,0 224.00,240A48.00,48.00 1260.00 1,0 128.00,240zM 448.00,416.00L0.00,416.00L0.00,96.00L 32.00,96.00L 32.00,384.00L 448.00,384.00 z" />
|
||||
<glyph unicode="1" d="M0.00,480.00L 128.00,480.00L 128.00,352.00L0.00,352.00zM 192.00,480.00L 512.00,480.00L 512.00,352.00L 192.00,352.00zM0.00,288.00L 128.00,288.00L 128.00,160.00L0.00,160.00zM 192.00,288.00L 512.00,288.00L 512.00,160.00L 192.00,160.00zM0.00,96.00L 128.00,96.00L 128.00-32.00L0.00-32.00zM 192.00,96.00L 512.00,96.00L 512.00-32.00L 192.00-32.00z" />
|
||||
<glyph unicode="2" d="M 512.00,338.75L 466.747,384.00L 377.374,294.624L 326.624,345.375L 415.999,434.75L 370.749,480.00L 281.374,390.625L 224.00,448.00L 180.687,404.688L 436.688,148.687L 480.00,191.999L 422.624,249.375 zM 137.374,105.373c 82.884-82.881, 192.597-18.181, 259.646,37.732L 175.108,365.017
|
||||
C 119.196,297.969, 54.494,188.256, 137.374,105.373zM 95.999,127.998L 159.996,64.00L 64.00-31.996L 0.002,32.001z" />
|
||||
<glyph unicode="3" d="M 256.00,448.00L 32.00,352.00L 256.00,256.00L 480.00,352.00 zM 32.00,64.00L 224.00-16.00L 224.00,208.00L 32.00,288.00 zM 288.00-16.00L 480.00,64.00L 480.00,288.00L 288.00,208.00 z" />
|
||||
<glyph unicode="4" d="M 472.037,344.543l-77.289,0.00 c-21.704,0.033-43.327,8.772-22.241,45.979C 393.634,427.804, 408.548,480.00, 323.729,480.00
|
||||
c-84.816,0.00-69.901-52.195-48.774-89.478c 21.086-37.207-0.537-45.945-22.243-45.979l-77.29,0.00 c-18.051,0.00-32.819-14.771-32.819-32.818
|
||||
l0.00-94.87 c0.00-21.746-8.701-43.492-45.98-22.367c-37.28,21.127-89.478,36.04-89.478-48.778c0.00-84.814, 52.196-69.90, 89.478-48.775
|
||||
c 37.279,21.127, 45.98-0.619, 45.98-22.369l0.00-73.747 c0.00-18.053, 14.77-32.818, 32.819-32.818l 77.163,0.00 c 21.749,0.00, 43.495,8.701, 22.37,45.981
|
||||
c-21.126,37.277-36.042,89.475, 48.774,89.475c 84.817,0.00, 69.903-52.195, 48.776-89.475C 351.38-23.299, 373.128-32.00, 394.875-32.00l 77.16,0.00
|
||||
c 18.053,0.00, 32.821,14.77, 32.821,32.818L 504.856,311.726 C 504.858,329.774, 490.09,344.543, 472.037,344.543z" />
|
||||
<glyph unicode="5" d="M 254.059,418.977C 205.881,476.227, 169.369,480.00, 96.00,480.00l0.00-256.00 c 128.267,64.00, 142.636-8.335, 223.506-1.023
|
||||
C 399.234,230.197, 467.031,291.564, 512.00,352.00C 384.644,322.547, 320.54,339.977, 254.059,418.977zM0.00,480.00L 64.00,480.00L 64.00-32.00L0.00-32.00z" />
|
||||
<glyph unicode="6" d="M 499.483,76.77l-211.33,200.009c 32.213,32.712, 64.673,65.683, 71.878,72.889c 13.922,13.909, 32.279,20.021, 32.279,20.021
|
||||
l 22.701,32.104l-8.606,8.594l-8.596,8.62l-32.117-22.713c0.00,0.00-6.111-18.357-20.021-32.266c-7.235-7.237-40.464-39.948-73.313-72.305
|
||||
l-21.269,20.131c 16.727,33.953, 10.755,76.478-17.825,105.07c-24.70,24.665-59.762,32.521-90.746,23.418l 69.836-72.979l-57.428-57.426
|
||||
l-72.99,69.836c-9.092-30.961-1.259-66.071, 23.429-90.758c 28.593-28.571, 71.106-34.555, 105.049-17.791l 19.854-20.98
|
||||
c-12.684-12.511-22.656-22.369-27.178-26.894c-9.348,8.456-20.69,19.825-32.324,12.915c-9.937-45.733-50.924-46.198-50.924-46.198
|
||||
S 22.869,93.083, 5.99,76.218c-16.877-16.88, 6.573-46.223, 13.298-52.936c 6.725-6.736, 36.066-30.179, 52.945-13.298
|
||||
c 16.866,16.865, 113.852,113.853, 113.852,113.853s 0.462,40.976, 46.199,50.924c 6.908,11.632-4.459,22.968-12.917,32.321
|
||||
c 4.47,4.47, 14.148,14.261, 26.449,26.731l 199.679-210.994c 13.909-15.317, 36.355-16.80, 49.852-3.316l 7.428,7.429
|
||||
C 516.281,40.449, 514.768,62.885, 499.483,76.77z M 196.956,186.924L 48.609,38.578c-3.478-3.479-9.402-3.153-13.286,0.727
|
||||
c-3.881,3.882-4.203,9.811-0.737,13.285l 148.355,148.358c 3.455,3.454, 9.404,3.131, 13.286-0.738
|
||||
C 200.088,196.328, 200.41,190.38, 196.956,186.924z" />
|
||||
<glyph unicode="7" d="M 181.861,118.974l 20.649,28.908l-22.627,22.628l-28.909-20.648c-5.361,2.997-11.102,5.387-17.133,7.096L 128.00,192.00L 96.00,192.00
|
||||
l-5.84-35.043c-6.031-1.709-11.772-4.099-17.133-7.096L 44.118,170.51L 21.49,147.882l 20.649-28.908
|
||||
c-2.997-5.36-5.387-11.103-7.096-17.133L0.00,96.00l0.00-32.00 l 35.043-5.841c 1.709-6.03, 4.099-11.772, 7.096-17.133L 21.49,12.118l 22.627-22.628
|
||||
l 28.909,20.648c 5.361-2.997, 11.102-5.387, 17.133-7.096L 96.00-32.00l 32.00,0.00 l 5.84,35.043c 6.031,1.709, 11.772,4.099, 17.133,7.096l 28.909-20.648
|
||||
l 22.627,22.628l-20.649,28.908c 2.997,5.36, 5.387,11.103, 7.096,17.133L 224.00,64.00l0.00,32.00 l-35.043,5.841
|
||||
C 187.248,107.871, 184.858,113.613, 181.861,118.974z M 112.00,48.00c-17.674,0.00-32.00,14.327-32.00,32.00s 14.326,32.00, 32.00,32.00s 32.00-14.327, 32.00-32.00
|
||||
S 129.674,48.00, 112.00,48.00zM 512.00,288.00l0.00,32.00 l-33.691,6.125c-0.621,4.023-1.416,7.989-2.362,11.895l 28.779,18.55L 492.48,386.134l-33.472-7.234
|
||||
c-2.107,3.455-4.363,6.81-6.746,10.065l 19.503,28.171l-22.628,22.627l-28.171-19.503c-3.256,2.383-6.61,4.638-10.065,6.747
|
||||
l 7.234,33.472L 388.571,472.726l-18.55-28.779c-3.906,0.946-7.872,1.741-11.895,2.362L 352.00,480.00l-32.00,0.00 l-6.126-33.691
|
||||
c-4.023-0.621-7.988-1.416-11.895-2.362L 283.43,472.726L 253.866,460.48l 7.234-33.472c-3.455-2.108-6.81-4.364-10.065-6.747
|
||||
l-28.171,19.503l-22.627-22.627l 19.503-28.171c-2.383-3.255-4.639-6.61-6.747-10.065l-33.472,7.234l-12.246-29.564l 28.779-18.55
|
||||
c-0.946-3.906-1.741-7.871-2.362-11.895L 160.00,320.00l0.00-32.00 l 33.691-6.125c 0.621-4.023, 1.416-7.989, 2.362-11.895l-28.779-18.55
|
||||
l 12.246-29.564l 33.472,7.234c 2.108-3.455, 4.364-6.809, 6.747-10.065l-19.503-28.171l 22.627-22.628l 28.171,19.503
|
||||
c 3.255-2.383, 6.61-4.638, 10.065-6.746l-7.234-33.472l 29.564-12.246l 18.551,28.779c 3.905-0.946, 7.871-1.741, 11.894-2.362L 320.00,128.00l 32.00,0.00
|
||||
l 6.126,33.691c 4.022,0.621, 7.988,1.416, 11.895,2.362l 18.55-28.779l 29.564,12.246l-7.234,33.472
|
||||
c 3.455,2.108, 6.81,4.363, 10.065,6.746l 28.171-19.503l 22.628,22.628l-19.503,28.171c 2.383,3.256, 4.638,6.61, 6.746,10.065
|
||||
l 33.472-7.234l 12.246,29.565l-28.779,18.55c 0.946,3.906, 1.741,7.871, 2.362,11.895L 512.00,288.00z M 336.00,234.40
|
||||
c-38.439,0.00-69.60,31.161-69.60,69.60c0.00,38.439, 31.16,69.60, 69.60,69.60s 69.60-31.161, 69.60-69.60C 405.60,265.561, 374.44,234.40, 336.00,234.40z" />
|
||||
<glyph unicode="8" d="M 466.895,174.875c-26.863,46.527-10.708,106.152, 36.076,133.244l-50.313,87.146c-14.375-8.427-31.088-13.259-48.923-13.259
|
||||
c-53.768,0.00-97.354,43.873-97.354,97.995L 205.752,480.001 c 0.133-16.705-4.037-33.641-12.979-49.126
|
||||
c-26.862-46.528-86.578-62.351-133.431-35.379L 9.03,308.35c 14.485-8.236, 27.025-20.294, 35.943-35.739
|
||||
c 26.819-46.454, 10.756-105.96-35.854-133.112l 50.313-87.146c 14.325,8.348, 30.958,13.127, 48.70,13.127
|
||||
c 53.598,0.00, 97.072-43.596, 97.35-97.479l 100.627,0.00 c-0.043,16.537, 4.136,33.285, 12.983,48.609
|
||||
c 26.818,46.453, 86.388,62.297, 133.207,35.506l 50.313,87.145C 488.222,147.494, 475.766,159.51, 466.895,174.875z M 256.00,120.334
|
||||
c-57.254,0.00-103.668,46.412-103.668,103.667c0.00,57.254, 46.413,103.667, 103.668,103.667c 57.254,0.00, 103.666-46.413, 103.666-103.667
|
||||
C 359.665,166.746, 313.254,120.334, 256.00,120.334z" />
|
||||
<glyph unicode="9" d="M 144.00,320.00L 80.00,320.00 c-8.80,0.00-16.00-7.20-16.00-16.00l0.00-32.00 c0.00-8.80, 7.20-16.00, 16.00-16.00l 64.00,0.00 c 8.80,0.00, 16.00,7.20, 16.00,16.00l0.00,32.00 C 160.00,312.80, 152.80,320.00, 144.00,320.00zM 96.00,416.00L 128.00,416.00L 128.00,336.00L 96.00,336.00zM 96.00,240.00L 128.00,240.00L 128.00,32.00L 96.00,32.00zM 272.00,192.00l-64.00,0.00 c-8.80,0.00-16.00-7.20-16.00-16.00l0.00-32.00 c0.00-8.80, 7.20-16.00, 16.00-16.00l 64.00,0.00 c 8.801,0.00, 16.00,7.20, 16.00,16.00l0.00,32.00 C 288.00,184.80, 280.801,192.00, 272.00,192.00zM 224.001,416.00L 256.001,416.00L 256.001,208.00L 224.001,208.00zM 224.001,112.00L 256.001,112.00L 256.001,32.00L 224.001,32.00zM 400.00,288.00l-64.00,0.00 c-8.799,0.00-16.00-7.20-16.00-16.00l0.00-32.00 c0.00-8.80, 7.201-16.00, 16.00-16.00l 64.00,0.00 c 8.801,0.00, 16.00,7.20, 16.00,16.00l0.00,32.00 C 416.00,280.80, 408.801,288.00, 400.00,288.00zM 352.00,416.00L 384.00,416.00L 384.00,304.00L 352.00,304.00zM 352.00,208.00L 384.00,208.00L 384.00,32.00L 352.00,32.00zM 440.00,480.00L 40.00,480.00 C 17.944,480.00,0.00,462.056,0.00,440.00l0.00-432.00 c0.00-22.056, 17.944-40.00, 40.00-40.00l 400.00,0.00 c 22.056,0.00, 40.00,17.944, 40.00,40.00L 480.00,440.00
|
||||
C 480.00,462.056, 462.056,480.00, 440.00,480.00z M 448.00,8.00c0.00-4.40-3.60-8.00-8.00-8.00L 40.00,0.00 c-4.40,0.00-8.00,3.60-8.00,8.00L 32.00,440.00 c0.00,4.40, 3.60,8.00, 8.00,8.00l 400.00,0.00 c 4.40,0.00, 8.00-3.60, 8.00-8.00L 448.00,8.00 z" />
|
||||
<glyph unicode=":" d="M 507.882,411.883L 448.00,352.00l-64.00,64.00l 59.882,59.883C 435.057,478.557, 425.698,480.00, 416.00,480.00c-53.021,0.00-96.00-42.98-96.00-96.00
|
||||
c0.00-9.697, 1.442-19.057, 4.116-27.882L 123.882,155.883C 115.057,158.557, 105.698,160.00, 96.00,160.00c-53.021,0.00-96.00-42.98-96.00-96.00
|
||||
c0.00-9.697, 1.442-19.058, 4.117-27.882L 64.00,96.00l 64.00-64.00l-59.883-59.882C 76.943-30.556, 86.302-32.00, 96.00-32.00c 53.02,0.00, 96.00,42.981, 96.00,96.00
|
||||
c0.00,9.698-1.444,19.059-4.118,27.883l 200.234,200.235C 396.943,289.444, 406.302,288.00, 416.00,288.00c 53.02,0.00, 96.00,42.981, 96.00,96.00
|
||||
C 512.00,393.698, 510.556,403.058, 507.882,411.883z" />
|
||||
<glyph unicode=";" d="M 160.061,160.00C 96.036,160.00, 117.88,46.86,0.00,21.363c 32.011-21.324, 125.898-39.027, 192.072,10.668
|
||||
C 249.298,75.006, 224.085,160.00, 160.061,160.00zM 505.965,441.965c-32.009,32.007-110.472-72.027-171.617-107.603c-60.98-37.464-144.033-112.027-96.021-160.037
|
||||
c 48.01-48.013, 122.571,35.04, 160.036,96.022C 433.938,331.495, 537.973,409.958, 505.965,441.965z" />
|
||||
<glyph unicode="<" d="M 256.00,368.00C 128.00,368.00, 0.001,256.001,0.00,224.00l0.00,0.00c 0.001-32.001, 128.00-144.00, 256.00-144.00s 255.997,111.999, 256.00,144.00l0.00,0.00
|
||||
C 511.997,256.001, 384.00,368.00, 256.00,368.00z M 256.00,128.00c-53.021,0.00-96.00,42.98-96.00,96.00c0.00,53.02, 42.979,96.00, 96.00,96.00c 53.02,0.00, 96.00-42.98, 96.00-96.00
|
||||
C 352.00,170.98, 309.02,128.00, 256.00,128.00zM 192.00,224.00A64.00,64.00 1260.00 1,0 320.00,224A64.00,64.00 1260.00 1,0 192.00,224z" />
|
||||
<glyph unicode="=" d="M0.00,480.00l0.00-512.00 l 512.00,0.00 L 512.00,480.00 L0.00,480.00 z M 480.00,0.00L 32.00,0.00 L 32.00,448.00 l 448.00,0.00 L 480.00,0.00 z" />
|
||||
<glyph unicode=">" d="M0.00,480.00l0.00-512.00 l 512.00,0.00 L 512.00,480.00 L0.00,480.00 z M 480.00,0.00L 32.00,0.00 L 32.00,448.00 l 448.00,0.00 L 480.00,0.00 zM 384.00,352.00L 224.00,192.00L 128.00,288.00L 64.00,224.00L 224.00,64.00L 448.00,288.00 z" />
|
||||
<glyph unicode="?" d="M0.00,480.00l0.00-512.00 l 512.00,0.00 L 512.00,480.00 L0.00,480.00 z M 480.00,0.00L 32.00,0.00 L 32.00,448.00 l 448.00,0.00 L 480.00,0.00 zM 128.00,352.00L 384.00,352.00L 384.00,96.00L 128.00,96.00z" />
|
||||
<glyph unicode="@" d="M 512.00,281.475L 335.11,307.179L 256.00,467.47l-79.108-160.291L0.00,281.475l 128.00-124.769L 97.784-19.47L 256.00,63.709l 158.216-83.179
|
||||
l-30.217,176.176L 512.00,281.475z M 256.00,90.823l-126.341-66.421l 24.128,140.683L 51.575,264.717l 141.254,20.526L 256.00,413.241
|
||||
l 63.172-127.998l 141.253-20.525l-102.214-99.632l 24.13-140.683L 256.00,90.823z" />
|
||||
<glyph unicode="A" d="M 512.00,281.475L 335.11,307.179L 256.00,467.47l-79.108-160.291L0.00,281.475l 128.00-124.769L 97.784-19.47L 256.00,63.709l 158.216-83.179
|
||||
l-30.217,176.176L 512.00,281.475z M 256.00,90.823l0.00,322.417l 63.172-127.998l 141.253-20.525l-102.214-99.632l 24.13-140.683L 256.00,90.823z" />
|
||||
<glyph unicode="B" d="M 512.00,281.475L 335.11,307.179L 256.00,467.47l-79.108-160.291L0.00,281.475l 128.00-124.769L 97.784-19.47L 256.00,63.709l 158.216-83.179
|
||||
l-30.217,176.176L 512.00,281.475z" />
|
||||
<glyph unicode="C" d="M 160.00,288.00L 224.00,288.00L 224.00,224.00L 160.00,224.00zM 256.00,288.00L 320.00,288.00L 320.00,224.00L 256.00,224.00zM 352.00,288.00L 416.00,288.00L 416.00,224.00L 352.00,224.00zM 64.00,96.00L 128.00,96.00L 128.00,32.00L 64.00,32.00zM 160.00,96.00L 224.00,96.00L 224.00,32.00L 160.00,32.00zM 256.00,96.00L 320.00,96.00L 320.00,32.00L 256.00,32.00zM 160.00,192.00L 224.00,192.00L 224.00,128.00L 160.00,128.00zM 256.00,192.00L 320.00,192.00L 320.00,128.00L 256.00,128.00zM 352.00,192.00L 416.00,192.00L 416.00,128.00L 352.00,128.00zM 64.00,192.00L 128.00,192.00L 128.00,128.00L 64.00,128.00zM 416.00,480.00l0.00-32.00 l-64.00,0.00 L 352.00,480.00 L 128.00,480.00 l0.00-32.00 L 64.00,448.00 L 64.00,480.00 L0.00,480.00 l0.00-512.00 l 480.00,0.00 L 480.00,480.00 L 416.00,480.00 z M 448.00,0.00L 32.00,0.00 L 32.00,352.00 l 416.00,0.00 L 448.00,0.00 z" />
|
||||
<glyph unicode="D" d="M 64.00,320.00L 96.00,320.00L 96.00,288.00L 64.00,288.00zM 128.00,320.00L 160.00,320.00L 160.00,288.00L 128.00,288.00zM 192.00,320.00L 224.00,320.00L 224.00,288.00L 192.00,288.00zM 256.00,320.00L 288.00,320.00L 288.00,288.00L 256.00,288.00zM 320.00,320.00L 352.00,320.00L 352.00,288.00L 320.00,288.00zM 384.00,320.00L 416.00,320.00L 416.00,288.00L 384.00,288.00zM 64.00,256.00L 96.00,256.00L 96.00,224.00L 64.00,224.00zM 128.00,256.00L 160.00,256.00L 160.00,224.00L 128.00,224.00zM 192.00,256.00L 224.00,256.00L 224.00,224.00L 192.00,224.00zM 256.00,256.00L 288.00,256.00L 288.00,224.00L 256.00,224.00zM 320.00,256.00L 352.00,256.00L 352.00,224.00L 320.00,224.00zM 384.00,256.00L 416.00,256.00L 416.00,224.00L 384.00,224.00zM 64.00,192.00L 96.00,192.00L 96.00,160.00L 64.00,160.00zM 128.00,192.00L 160.00,192.00L 160.00,160.00L 128.00,160.00zM 192.00,192.00L 224.00,192.00L 224.00,160.00L 192.00,160.00zM 256.00,192.00L 288.00,192.00L 288.00,160.00L 256.00,160.00zM 320.00,192.00L 352.00,192.00L 352.00,160.00L 320.00,160.00zM 384.00,192.00L 416.00,192.00L 416.00,160.00L 384.00,160.00zM 64.00,128.00L 96.00,128.00L 96.00,96.00L 64.00,96.00zM 128.00,128.00L 160.00,128.00L 160.00,96.00L 128.00,96.00zM 192.00,128.00L 224.00,128.00L 224.00,96.00L 192.00,96.00zM 256.00,128.00L 288.00,128.00L 288.00,96.00L 256.00,96.00zM 320.00,128.00L 352.00,128.00L 352.00,96.00L 320.00,96.00zM 384.00,128.00L 416.00,128.00L 416.00,96.00L 384.00,96.00zM 64.00,64.00L 96.00,64.00L 96.00,32.00L 64.00,32.00zM 128.00,64.00L 160.00,64.00L 160.00,32.00L 128.00,32.00zM 192.00,64.00L 224.00,64.00L 224.00,32.00L 192.00,32.00zM 256.00,64.00L 288.00,64.00L 288.00,32.00L 256.00,32.00zM 320.00,64.00L 352.00,64.00L 352.00,32.00L 320.00,32.00zM 384.00,64.00L 416.00,64.00L 416.00,32.00L 384.00,32.00zM 416.00,448.00L 416.00,480.00 l-64.00,0.00 l0.00-64.00 l-32.00,0.00 L 320.00,448.00 L 160.00,448.00 l0.00-32.00 l-32.00,0.00 L 128.00,480.00 L 64.00,480.00 l0.00-32.00 L0.00,448.00 l0.00-480.00 l 480.00,0.00 L 480.00,448.00 L 416.00,448.00 z M 448.00,0.00L 32.00,0.00 L 32.00,352.00 l 416.00,0.00 L 448.00,0.00 z" />
|
||||
<glyph unicode="E" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 256.00,32.00
|
||||
c-26.51,0.00-48.00,21.49-48.00,48.00s 21.49,48.00, 48.00,48.00s 48.00-21.49, 48.00-48.00S 282.51,32.00, 256.00,32.00z M 368.064,302.971
|
||||
c-2.495-8.446-5.956-16.459-10.406-24.007c-4.445-7.567-9.79-14.732-16.019-21.476c-6.229-6.771-13.061-13.267-20.541-19.486
|
||||
c-8.363-6.936-15.08-13.076-20.146-18.418c-5.057-5.328-8.488-9.967-10.269-13.867c-3.339-7.174-5.853-24.363-2.691-45.717l-63.959,0.00
|
||||
c-0.525,37.938, 5.058,56.501, 11.688,70.258c 6.764,13.884, 19.377,28.554, 37.888,44.031c 8.011,6.567, 14.236,12.408, 18.675,17.479
|
||||
c 4.449,5.067, 7.841,9.599, 10.143,13.604c 2.307,4.00, 3.729,7.734, 4.271,11.211c 0.53,3.461, 0.793,7.056, 0.793,10.799
|
||||
c0.00,6.938-1.199,13.337-3.603,19.205c-2.396,5.883-5.824,10.938-10.264,15.197c-4.457,4.281-9.696,7.617-15.744,10.021
|
||||
c-6.048,2.399-12.804,3.61-20.279,3.61c-29.164,0.00-46.955-20.371-53.365-61.104l-64.027,0.00 c 1.598,17.44, 5.56,33.211, 11.876,47.353
|
||||
c 6.313,14.15, 14.576,26.151, 24.813,36.028c 10.231,9.876, 22.146,17.47, 35.754,22.796c 13.60,5.34, 28.409,8.012, 44.419,8.012
|
||||
c 17.08,0.00, 32.642-2.441, 46.696-7.332c 14.057-4.899, 26.104-11.709, 36.146-20.42c 10.057-8.713, 17.872-19.119, 23.482-31.211
|
||||
c 5.591-12.104, 8.411-25.261, 8.411-39.484C 371.804,320.454, 370.546,311.424, 368.064,302.971z" />
|
||||
<glyph unicode="F" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 160.00,224.00
|
||||
c0.00,53.02, 42.98,96.00, 96.00,96.00s 96.00-42.98, 96.00-96.00s-42.98-96.00-96.00-96.00S 160.00,170.98, 160.00,224.00z M 462.99,138.262L 462.99,138.262l-88.71,36.745
|
||||
C 380.539,190.099, 384.00,206.645, 384.00,224.00s-3.461,33.901-9.72,48.993l 61.063,25.293l 27.647,11.452C 473.944,283.327, 480.00,254.373, 480.00,224.00
|
||||
C 480.00,193.627, 473.943,164.673, 462.99,138.262L 462.99,138.262z M 341.739,430.99L 341.739,430.99L 341.739,430.99l-36.745-88.71
|
||||
C 289.902,348.539, 273.356,352.00, 256.00,352.00s-33.901-3.461-48.993-9.72l-17.23,41.599l-19.515,47.112C 196.673,441.943, 225.628,448.00, 256.00,448.00
|
||||
C 286.373,448.00, 315.327,441.943, 341.739,430.99z M 49.01,309.738l 47.112-19.515l 41.599-17.23C 131.462,257.901, 128.00,241.355, 128.00,224.00
|
||||
s 3.461-33.901, 9.72-48.993l-88.71-36.745C 38.057,164.673, 32.00,193.627, 32.00,224.00C 32.00,254.373, 38.057,283.327, 49.01,309.738z
|
||||
M 170.262,17.01l 11.452,27.647l 25.293,61.063C 222.099,99.461, 238.645,96.00, 256.00,96.00s 33.901,3.461, 48.993,9.72l 36.745-88.71l0.00,0.00l0.00,0.00
|
||||
C 315.327,6.058, 286.373,0.00, 256.00,0.00C 225.628,0.00, 196.673,6.057, 170.262,17.01z" />
|
||||
<glyph unicode="H" d="M 503.695,61.288L 291.385,429.02c-19.461,33.709-51.308,33.709-70.77,0.00L 8.306,61.288C-11.156,27.579, 4.768,0.00, 43.691,0.00
|
||||
l 424.618,0.00 C 507.233,0.00, 523.156,27.579, 503.695,61.288z M 296.00,352.00l-8.00-192.00l-64.00,0.00 l-8.00,192.00L 296.00,352.00 z M 256.00,32.00c-26.51,0.00-48.00,21.49-48.00,48.00
|
||||
s 21.49,48.00, 48.00,48.00s 48.00-21.49, 48.00-48.00S 282.51,32.00, 256.00,32.00z" />
|
||||
<glyph unicode="G" d="M 432.00,432.00L 192.00,192.00L 80.00,304.00L0.00,224.00L 192.00,32.00L 512.00,352.00 z" />
|
||||
<glyph unicode="J" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 416.00,128.00l-64.00-64.00l-96.00,96.00l-96.00-96.00
|
||||
l-64.00,64.00l 96.00,96.00l-96.00,96.00l 64.00,64.00l 96.00-96.00l 96.00,96.00l 64.00-64.00l-96.00-96.00L 416.00,128.00z" />
|
||||
<glyph unicode="K" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 64.00,192.00l0.00,64.00 l 384.00,0.00 l0.00-64.00 L 64.00,192.00 z" />
|
||||
<glyph unicode="L" d="M 64.00,0.00c0.00-17.673, 14.327-32.00, 32.00-32.00l 320.00,0.00 c 17.674,0.00, 32.00,14.327, 32.00,32.00L 448.00,352.00 L 64.00,352.00 L 64.00,0.00 z M 320.00,288.00l 64.00,0.00 l0.00-256.00 l-64.00,0.00 L 320.00,288.00 z M 224.00,288.00l 64.00,0.00 l0.00-256.00 l-64.00,0.00
|
||||
L 224.00,288.00 z M 128.00,288.00l 64.00,0.00 l0.00-256.00 l-64.00,0.00 L 128.00,288.00 zM 448.00,448.00L 320.00,448.00 L 320.00,480.00 L 192.00,480.00 l0.00-32.00 L 64.00,448.00 C 28.654,448.00,0.00,419.346,0.00,384.00l 512.00,0.00 C 512.00,419.346, 483.347,448.00, 448.00,448.00z" />
|
||||
<glyph unicode="M" d="M 325.608,214.818L 512.00,86.264L 512.00,382.211 zM0.00,382.211L0.00,86.264L 186.388,214.836 zM 256.00,152.309L 211.499,192.264L0.00,64.00L 512.00,64.00L 300.495,192.264 zM 496.64,384.00L 15.36,384.00L 256.00,203.074 z" />
|
||||
<glyph unicode="N" d="M 325.607,118.95L 512.00-9.605L 512.00,286.343 zM0.00,286.343L0.00-9.605L 186.388,118.968 zM 256.00,56.44L 211.499,96.395L0.00-31.868L 512.00-31.868L 300.494,96.395 zM 15.359,288.00L 496.64,288.00L 255.999,468.926 z" />
|
||||
<glyph unicode="O" d="M 352.00,384.00L 160.00,384.00 L0.00,192.00l0.00-80.00 l0.00-48.00 c0.00-17.673, 14.327-32.00, 32.00-32.00l 448.00,0.00 c 17.674,0.00, 32.00,14.327, 32.00,32.00l0.00,48.00 l0.00,80.00 L 352.00,384.00z M 384.00,192.00l-64.00-64.00L 192.00,128.00
|
||||
l-64.00,64.00L 41.655,192.00 l 133.333,160.00l 162.024,0.00 l 133.333-160.00L 384.00,192.00 z" />
|
||||
<glyph unicode="P" d="M 352.00,384.00L 160.00,384.00 L0.00,192.00l0.00-128.00 c0.00-17.673, 14.327-32.00, 32.00-32.00l 448.00,0.00 c 17.674,0.00, 32.00,14.327, 32.00,32.00L 512.00,192.00 L 352.00,384.00z M 320.00,128.00L 192.00,128.00 l-32.00,32.00l 192.00,0.00
|
||||
L 320.00,128.00z M 41.655,192.00l 133.333,160.00l 162.024,0.00 l 133.333-160.00L 41.655,192.00 zM 142.482,288.00L 369.518,288.00L 342.851,320.00L 169.148,320.00 zM 89.149,224.00L 422.852,224.00L 396.185,256.00L 115.815,256.00 z" />
|
||||
<glyph unicode="Q" d="M 416.00,448.00L 96.00,448.00 L0.00,352.00l0.00-336.00 c0.00-8.837, 7.163-16.00, 16.00-16.00l 480.00,0.00 c 8.836,0.00, 16.00,7.163, 16.00,16.00L 512.00,352.00 L 416.00,448.00z M 256.00,64.00L 96.00,192.00l 96.00,0.00 l0.00,96.00 l 128.00,0.00 l0.00-96.00 l 96.00,0.00
|
||||
L 256.00,64.00z M 77.255,384.00l 32.00,32.00l 293.489,0.00 l 32.00-32.00L 77.255,384.00 z" />
|
||||
<glyph unicode="R" d="M 416.00,448.00L 96.00,448.00 L0.00,352.00l0.00-336.00 c0.00-8.837, 7.163-16.00, 16.00-16.00l 480.00,0.00 c 8.836,0.00, 16.00,7.163, 16.00,16.00L 512.00,352.00 L 416.00,448.00z M 320.00,160.00l0.00-96.00 L 192.00,64.00 l0.00,96.00 L 96.00,160.00 l 160.00,128.00
|
||||
l 160.00-128.00L 320.00,160.00 z M 77.255,384.00l 32.00,32.00l 293.488,0.00 l 32.00-32.00L 77.255,384.00 z" />
|
||||
<glyph unicode="S" d="M 449.077,10.754l-114.54,168.305c 65.459,51.835, 83.963,145.677, 39.835,219.126
|
||||
C 326.445,477.959, 222.559,503.857, 142.793,455.94C 63.028,408.007, 37.131,304.124, 85.054,224.357
|
||||
c 43.213-71.942, 131.962-100.047, 207.479-69.717l 95.143-180.783c 2.95-5.611, 9.802-7.523, 15.229-4.273l 42.784,25.72
|
||||
C 451.126-1.433, 452.653,5.518, 449.077,10.754z M 288.781,212.968c-54.211-32.563-124.808-14.959-157.375,39.253
|
||||
c-32.565,54.197-14.952,124.794, 39.253,157.36c 54.189,32.57, 124.787,14.961, 157.351-39.245
|
||||
C 360.579,316.138, 342.978,245.525, 288.781,212.968z" />
|
||||
<glyph unicode="T" d="M 256.00,480.00C 114.615,480.00,0.00,444.183,0.00,400.00l0.00-48.00 l 192.00-192.00l0.00-160.00 c0.00-17.673, 28.653-32.00, 64.00-32.00c 35.346,0.00, 64.00,14.327, 64.00,32.00L 320.00,160.00 l 192.00,192.00L 512.00,400.00
|
||||
C 512.00,444.183, 397.385,480.00, 256.00,480.00z M 47.192,410.588c 11.972,6.829, 28.791,13.31, 48.639,18.744C 139.803,441.37, 196.685,448.00, 256.00,448.00
|
||||
c 59.314,0.00, 116.197-6.63, 160.169-18.668c 19.848-5.434, 36.667-11.915, 48.64-18.744c 7.896-4.503, 12.162-8.312, 14.148-10.588
|
||||
c-1.986-2.276-6.253-6.084-14.148-10.588c-11.973-6.829-28.792-13.31-48.64-18.744C 372.198,358.63, 315.315,352.00, 256.00,352.00
|
||||
c-59.315,0.00-116.197,6.63-160.169,18.668c-19.848,5.434-36.667,11.915-48.639,18.744C 39.296,393.916, 35.03,397.724, 33.043,400.00
|
||||
C 35.03,402.276, 39.296,406.084, 47.192,410.588z" />
|
||||
<glyph unicode="U" d="M 154.007,208.00A101.993,101.993 6300.00 1,0 357.993,208A101.993,101.993 6300.00 1,0 154.007,208zM 480.00,352.00L 368.00,352.00 c-8.00,32.00-16.00,64.00-48.00,64.00L 192.00,416.00 c-32.00,0.00-40.00-32.00-48.00-64.00L 32.00,352.00 c-17.60,0.00-32.00-14.40-32.00-32.00l0.00-256.00 c0.00-17.60, 14.40-32.00, 32.00-32.00l 448.00,0.00
|
||||
c 17.60,0.00, 32.00,14.40, 32.00,32.00L 512.00,320.00 C 512.00,337.60, 497.60,352.00, 480.00,352.00z M 256.00,64.00c-79.529,0.00-144.00,64.471-144.00,144.00c0.00,79.529, 64.471,144.00, 144.00,144.00
|
||||
c 79.529,0.00, 144.00-64.471, 144.00-144.00C 400.00,128.471, 335.53,64.00, 256.00,64.00z M 480.00,288.00l-64.00,0.00 l0.00,32.00 l 64.00,0.00 L 480.00,288.00 z" />
|
||||
<glyph unicode="V" d="M 490.594,399.946C 418.778,410.271, 339.428,416.00, 256.001,416.00c-83.43,0.00-162.778-5.729-234.597-16.054
|
||||
C 7.639,346.083,0.00,286.571,0.00,224.00c0.00-62.57, 7.639-122.083, 21.404-175.945C 93.223,37.729, 172.572,32.00, 256.001,32.00
|
||||
c 83.427,0.00, 162.776,5.729, 234.593,16.055C 504.36,101.917, 512.00,161.43, 512.00,224.00C 512.00,286.571, 504.36,346.083, 490.594,399.946z
|
||||
M 192.001,128.00L 192.001,320.00 l 160.00-96.00L 192.001,128.00z" />
|
||||
<glyph unicode="W" d="M 155.755,448.451l-13.09-340.294c-17.465,8.962-39.377,12.84-62.368,9.578c-49.574-7.021-85.271-44.418-79.729-83.517
|
||||
c 5.543-39.102, 50.223-65.101, 99.795-58.078c 43.996,6.235, 77.021,36.395, 80.022,70.43l 0.01-0.019c 0.006,0.077, 0.011,0.193, 0.018,0.28
|
||||
c 0.073,0.865, 0.115,1.741, 0.147,2.611c 1.846,35.143, 13.148,302.082, 13.148,302.082l 278.355,28.679l-12.572-240.41
|
||||
c-17.863,9.942-40.822,14.371-64.964,10.95c-49.574-7.028-85.268-44.417-79.726-83.521c 5.541-39.098, 50.221-65.102, 99.795-58.071
|
||||
c 44.933,6.36, 78.41,37.682, 80.166,72.604l 0.021,0.021C 495.742,97.752, 512.00,473.005, 512.00,473.005L 155.755,448.451z" />
|
||||
<glyph unicode="X" d="M0.00,480.00L 224.00,480.00L 224.00,256.00L0.00,256.00zM 288.00,480.00L 512.00,480.00L 512.00,256.00L 288.00,256.00zM0.00,192.00L 224.00,192.00L 224.00-32.00L0.00-32.00zM 288.00,192.00L 512.00,192.00L 512.00-32.00L 288.00-32.00z" />
|
||||
<glyph unicode="Y" d="M0.00,480.00L 128.00,480.00L 128.00,352.00L0.00,352.00zM 192.00,480.00L 320.00,480.00L 320.00,352.00L 192.00,352.00zM 384.00,480.00L 512.00,480.00L 512.00,352.00L 384.00,352.00zM0.00,288.00L 128.00,288.00L 128.00,160.00L0.00,160.00zM 192.00,288.00L 320.00,288.00L 320.00,160.00L 192.00,160.00zM 384.00,288.00L 512.00,288.00L 512.00,160.00L 384.00,160.00zM0.00,96.00L 128.00,96.00L 128.00-32.00L0.00-32.00zM 192.00,96.00L 320.00,96.00L 320.00-32.00L 192.00-32.00zM 384.00,96.00L 512.00,96.00L 512.00-32.00L 384.00-32.00z" />
|
||||
<glyph unicode="Z" d="M 192.00,448.00L 320.00,448.00L 320.00,320.00L 192.00,320.00zM 192.00,288.00L 320.00,288.00L 320.00,160.00L 192.00,160.00zM 192.00,128.00L 320.00,128.00L 320.00,0.00L 192.00,0.00z" />
|
||||
<glyph unicode="[" d="M 446.141,117.407c 0.852,10.12, 21.951,23.983, 21.934,34.12c-0.049,10.643-18.482,28.455-17.086,39.007
|
||||
c 1.104,8.37, 16.555,20.793, 17.059,29.245c 0.898,15.353-19.852,45.40-34.119,51.174c-22.643,9.168-137.705,4.883-137.705,4.883
|
||||
c-11.246,19.653, 20.035,68.201, 28.639,89.162c 12.631,30.719, 10.504,71.466-5.471,92.399C 299.879,482.98, 264.063,484.68, 263.325,473.238
|
||||
c-5.336-83.01-21.229-106.053-42.505-122.455c-12.786-9.863-23.954-18.497-29.854-33.528
|
||||
c-36.261-92.354-65.52-122.037-79.528-125.254L 64.00,192.001 l0.00-198.885 l 145.721-19.501c0.00,0.00, 133.455-12.632, 175.482,0.00
|
||||
c 13.223,3.966, 36.039,23.818, 41.432,36.556c 3.074,7.315-1.197,24.622, 2.443,31.677c 5.371,10.458, 28.051,23.559, 28.027,37.771
|
||||
C 457.082,89.754, 445.276,107.298, 446.141,117.407z" />
|
||||
<glyph unicode="\" d="M 468.051,228.233c-0.50,8.447-15.959,20.854-17.063,29.237c-1.398,10.544, 17.047,28.369, 17.076,39.00
|
||||
c 0.023,10.137-21.072,24.002-21.93,34.127c-0.861,10.104, 10.953,27.644, 10.969,37.781c 0.025,14.216-22.658,27.314-28.033,37.771
|
||||
c-3.631,7.059, 0.643,24.368-2.443,31.681c-5.385,12.739-28.203,32.595-41.414,36.556c-42.035,12.629-175.483,0.00-175.483,0.00L 64.00,454.89
|
||||
L 64.00,256.00 l 47.445,0.00 c 13.993-7.782, 43.261-32.282, 79.526-124.636c 5.90-15.034, 17.073-24.288, 29.854-34.143
|
||||
c 21.282-16.406, 37.157-39.442, 42.493-122.459c 0.743-11.443, 36.557-9.74, 56.064,15.837c 15.975,20.931, 18.109,61.682, 5.484,92.402
|
||||
c-8.604,20.962-39.895,69.511-28.643,89.171c0.00,0.00, 115.066-4.285, 137.701,4.871C 448.192,182.817, 468.942,212.873, 468.051,228.233z" />
|
||||
<glyph unicode="I" d="M 507.331,68.67c-0.002,0.002-0.004,0.004-0.006,0.005L 352.003,224.00l 155.322,155.325c 0.002,0.002, 0.004,0.003, 0.006,0.005
|
||||
c 1.672,1.673, 2.881,3.627, 3.656,5.708c 2.123,5.688, 0.912,12.341-3.662,16.915L 433.952,475.326c-4.574,4.573-11.225,5.783-16.914,3.66
|
||||
c-2.08-0.775-4.035-1.984-5.709-3.655c0.00-0.002-0.002-0.003-0.004-0.005L 256.001,320.00L 100.677,475.325
|
||||
c-0.002,0.002-0.003,0.003-0.005,0.005c-1.673,1.671-3.627,2.88-5.707,3.655c-5.69,2.124-12.341,0.913-16.915-3.66L 4.676,401.951
|
||||
c-4.574-4.574-5.784-11.226-3.661-16.914c 0.776-2.08, 1.985-4.036, 3.656-5.708c 0.002-0.001, 0.003-0.003, 0.005-0.005L 160.001,224.00
|
||||
L 4.676,68.674c-0.001-0.002-0.003-0.003-0.004-0.005c-1.671-1.673-2.88-3.627-3.657-5.707c-2.124-5.688-0.913-12.341, 3.661-16.915
|
||||
l 73.374-73.373c 4.575-4.574, 11.226-5.784, 16.915-3.661c 2.08,0.776, 4.035,1.985, 5.708,3.656c 0.001,0.002, 0.003,0.003, 0.005,0.005
|
||||
l 155.324,155.325l 155.324-155.325c 0.002-0.001, 0.004-0.003, 0.006-0.004c 1.674-1.672, 3.627-2.881, 5.707-3.657
|
||||
c 5.689-2.123, 12.342-0.913, 16.914,3.661l 73.373,73.374c 4.574,4.574, 5.785,11.227, 3.662,16.915
|
||||
C 510.212,65.043, 509.003,66.997, 507.331,68.67z" />
|
||||
<glyph unicode="]" d="M 496.00,288.00L 320.00,288.00 L 320.00,464.00 c0.00,8.836-7.164,16.00-16.00,16.00l-96.00,0.00 c-8.836,0.00-16.00-7.164-16.00-16.00l0.00-176.00 L 16.00,288.00 c-8.836,0.00-16.00-7.164-16.00-16.00l0.00-96.00
|
||||
c0.00-8.836, 7.164-16.00, 16.00-16.00l 176.00,0.00 l0.00-176.00 c0.00-8.836, 7.164-16.00, 16.00-16.00l 96.00,0.00 c 8.836,0.00, 16.00,7.164, 16.00,16.00L 320.00,160.00 l 176.00,0.00 c 8.836,0.00, 16.00,7.164, 16.00,16.00l0.00,96.00
|
||||
C 512.00,280.836, 504.836,288.00, 496.00,288.00z" />
|
||||
<glyph unicode="^" d="M0.00,272.00l0.00-96.00 c0.00-8.836, 7.164-16.00, 16.00-16.00l 480.00,0.00 c 8.836,0.00, 16.00,7.164, 16.00,16.00l0.00,96.00 c0.00,8.836-7.164,16.00-16.00,16.00L 16.00,288.00 C 7.164,288.00,0.00,280.836,0.00,272.00z" />
|
||||
<glyph unicode="_" d="M 352.00,480.00c-88.365,0.00-160.00-71.634-160.00-160.00c0.00-10.013, 0.929-19.808, 2.688-29.312L0.00,96.00l0.00-96.00 c0.00-17.673, 14.327-32.00, 32.00-32.00
|
||||
l 32.00,0.00 l0.00,32.00 l 64.00,0.00 l0.00,64.00 l 64.00,0.00 l0.00,64.00 l 64.00,0.00 l 41.521,41.521C 314.526,163.363, 332.869,160.00, 352.00,160.00c 88.365,0.00, 160.00,71.634, 160.00,160.00S 440.365,480.00, 352.00,480.00z
|
||||
M 399.937,319.937c-26.51,0.00-48.00,21.49-48.00,48.00s 21.49,48.00, 48.00,48.00s 48.00-21.49, 48.00-48.00S 426.447,319.937, 399.937,319.937z" />
|
||||
<glyph unicode="`" d="M 0.24,145.083c 2.679-47.049, 39.488-88.803, 91.279-98.567c 60.231-11.338, 110.09,26.223, 120.614,82.178
|
||||
c 10.537,55.972-22.22,109.096-82.441,120.438c-4.812,0.906-9.542,1.012-14.271,1.328c 0.172,25.458, 72.882,109.237, 120.208,153.047
|
||||
l-34.006,0.00 C 20.17,311.957-2.764,172.124, 0.24,145.083zM 512.00,403.506l-33.999,0.00 C 296.55,311.956, 273.608,172.124, 276.62,145.083c 2.664-47.049, 39.479-88.803, 91.273-98.567
|
||||
c 60.233-11.338, 110.072,26.223, 120.613,82.178c 10.541,55.972-22.227,109.096-82.45,120.438c-4.798,0.906-9.528,1.012-14.271,1.328
|
||||
C 391.968,275.918, 464.682,359.696, 512.00,403.506z" />
|
||||
<glyph unicode="a" d="M 511.76,302.919c-2.665,47.049-39.484,88.805-91.275,98.566c-60.233,11.338-110.089-26.221-120.615-82.176
|
||||
c-10.532-55.97, 22.22-109.093, 82.445-120.438c 4.802-0.908, 9.535-1.013, 14.274-1.329c-0.176-25.463-72.893-109.236-120.214-153.049
|
||||
l 34.006,0.00 C 491.829,136.047, 514.767,275.88, 511.76,302.919zM0.00,44.494l 34.006,0.00 C 215.452,136.047, 238.395,275.88, 235.381,302.92c-2.662,47.049-39.48,88.806-91.271,98.565
|
||||
C 83.871,412.823, 34.029,375.267, 23.495,319.312c-10.542-55.97, 22.218-109.094, 82.446-120.438c 4.798-0.908, 9.529-1.014, 14.274-1.329
|
||||
C 120.04,172.081, 47.323,88.308,0.00,44.494z" />
|
||||
<glyph unicode="b" d="M 256.00,480.00C 114.614,480.00,0.00,444.184,0.00,400.00l0.00-64.00 c0.00-44.183, 114.611-80.00, 256.00-80.00c 141.385,0.00, 256.00,35.817, 256.00,80.00L 512.00,400.00 C 512.00,444.184, 397.385,480.00, 256.00,480.00
|
||||
zM 255.193,224.00C 140.566,224.00, 43.94,247.543, 11.32,280.00C 3.705,272.423,0.00,264.361,0.00,256.00l0.00-64.00 c0.00-44.184, 114.611-80.00, 256.00-80.00
|
||||
c 141.385,0.00, 256.00,35.816, 256.00,80.00l0.00,64.00 c0.00,8.361-4.516,16.423-12.131,24.00C 467.25,247.543, 369.82,224.00, 255.193,224.00zM 255.193,80.00C 140.566,80.00, 43.94,103.544, 11.32,136.00C 3.705,128.424,0.00,120.361,0.00,112.00l0.00-64.00 c0.00-44.183, 114.611-80.00, 256.00-80.00
|
||||
c 141.385,0.00, 256.00,35.817, 256.00,80.00l0.00,64.00 c0.00,8.361-4.516,16.424-12.131,24.00C 467.25,103.544, 369.82,80.00, 255.193,80.00z" />
|
||||
<glyph unicode="c" d="M 256.00,480.00c-81.67,0.00-147.871-66.202-147.871-147.87c0.00-2.014, 0.061-4.101, 0.16-6.224c 0.05-1.234, 0.126-2.454, 0.209-3.682
|
||||
c 0.051-0.779, 0.113-1.574, 0.18-2.371c 0.104-1.304, 0.21-2.61, 0.35-3.906C 121.292,196.493, 256.001-32.00, 256.001-32.00
|
||||
s 134.705,228.492, 146.97,347.948c 0.143,1.295, 0.245,2.603, 0.351,3.905c 0.065,0.797, 0.131,1.592, 0.183,2.371
|
||||
c 0.084,1.229, 0.158,2.447, 0.21,3.683c 0.097,2.124, 0.157,4.211, 0.157,6.224C 403.866,413.799, 337.666,480.00, 256.00,480.00z M 320.00,320.00
|
||||
c0.00-35.347-28.654-64.00-64.00-64.00c-35.346,0.00-64.00,28.653-64.00,64.00s 28.654,64.00, 64.00,64.00C 291.346,384.00, 320.00,355.347, 320.00,320.00z" />
|
||||
<glyph unicode="d" d="M 192.00,384.00L 160.00,384.00L 160.00,320.00L 96.00,320.00L 96.00,288.00L 160.00,288.00L 160.00,224.00L 192.00,224.00L 192.00,288.00L 256.00,288.00L 256.00,320.00L 192.00,320.00 zM 318.771,201.076C 339.674,230.021, 352.00,265.568, 352.00,304.00C 352.00,401.202, 273.202,480.00, 176.00,480.00S0.00,401.202,0.00,304.00s 78.798-176.00, 176.00-176.00
|
||||
c 38.432,0.00, 73.979,12.326, 102.924,33.229L 448.00-32.00l 64.00,64.00L 318.771,201.076z M 176.00,176.00c-70.692,0.00-128.00,57.308-128.00,128.00S 105.308,432.00, 176.00,432.00
|
||||
s 128.00-57.308, 128.00-128.00S 246.693,176.00, 176.00,176.00z" />
|
||||
<glyph unicode="e" d="M 96.00,320.00L 256.00,320.00L 256.00,288.00L 96.00,288.00zM 318.771,201.076C 339.674,230.021, 352.00,265.568, 352.00,304.00C 352.00,401.202, 273.202,480.00, 176.00,480.00S0.00,401.202,0.00,304.00s 78.798-176.00, 176.00-176.00
|
||||
c 38.432,0.00, 73.979,12.326, 102.924,33.229L 448.00-32.00l 64.00,64.00L 318.771,201.076z M 176.00,176.00c-70.692,0.00-128.00,57.308-128.00,128.00S 105.308,432.00, 176.00,432.00
|
||||
s 128.00-57.308, 128.00-128.00S 246.693,176.00, 176.00,176.00z" />
|
||||
<glyph unicode="f" d="M 176.00,208.00L 80.00,112.00L0.00,192.00L0.00-32.00L 224.00-32.00L 144.00,48.00L 240.00,144.00 zM 288.00,480.00L 368.00,400.00L 272.00,304.00L 336.00,240.00L 432.00,336.00L 512.00,256.00L 512.00,480.00 z" />
|
||||
<glyph unicode="g" d="M 80.00,112.00L0.00,32.00L 64.00-32.00L 144.00,48.00L 224.00-32.00L 224.00,192.00L0.00,192.00 zM 512.00,416.00L 448.00,480.00L 368.00,400.00L 288.00,480.00L 288.00,256.00L 512.00,256.00L 432.00,336.00 z" />
|
||||
<glyph unicode="h" d="M 230.627,294.627L 150.628,374.627L 192.00,416.00L0.00,480.00L 64.00,288.00L 105.373,329.373L 185.373,249.373 zM 326.626,249.373L 406.627,329.372L 447.999,288.00L 512.00,480.00L 320.00,416.00L 361.372,374.627L 281.372,294.627 zM 281.372,153.373L 361.372,73.372L 320.00,32.00L 512.00-32.00L 448.00,160.00L 406.627,118.627L 326.627,198.627 zM 185.374,198.627L 105.373,118.627L 64.001,160.00L0.00-32.00L 192.00,32.00L 150.628,73.373L 230.628,153.373 z" />
|
||||
<glyph unicode="i" d="M 38.627,313.373L 230.627,249.373L 166.627,441.373L 125.255,400.00L 45.255,480.00L0.00,434.746L 80.00,354.745 zM 432.00,354.746L 512.00,434.746L 466.746,480.00L 386.745,400.00L 345.373,441.373L 281.372,249.373L 473.372,313.373 zM 473.372,134.627L 281.372,198.627L 345.372,6.627L 386.745,48.00L 466.745-32.00L 512.00,13.254L 432.00,93.255 zM 80.00,93.254L0.00,13.254L 45.254-32.00L 125.255,48.00L 166.627,6.627L 230.628,198.627L 38.628,134.627 z" />
|
||||
<glyph unicode="j" d="M 416.00,160.00L 384.00,128.00L 320.00,288.00L 256.00,96.00L 160.00,448.00L 96.00,128.00L0.00,128.00L0.00,96.00L 122.235,96.00L 164.794,308.803L 225.128,87.58L 252.937-14.385L 322.734,195.005L 354.288,116.115L 372.313,71.057L 429.256,128.00L 512.00,128.00L 512.00,160.00 z" />
|
||||
<glyph unicode="k" d="M 258.181,254.091l 94.386,29.34L 256.00,351.723L 256.00,480.00 L 152.532,405.466L 32.00,448.00l 42.533-120.533L0.00,224.00l 128.00,0.00 l 68.567-96.568l 29.341,94.387
|
||||
L 448.00-32.00l 64.00,64.00L 258.181,254.091z M 202.327,277.672l-19.579-62.986l-38.084,53.01L 78.712,267.696 l 39.447,52.861L 96.979,383.021l 62.464-21.182
|
||||
l 52.862,39.447l0.00-65.952 l 53.008-38.084L 202.327,277.672z" />
|
||||
<glyph unicode="l" d="M 512.00,288.00L 512.00,480.00 l-74.985-74.985C 390.689,451.342, 326.694,480.00, 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00
|
||||
c 70.692,0.00, 134.692,28.654, 181.02,74.98l-45.255,45.255C 357.02,53.49, 309.02,32.00, 256.00,32.00c-106.039,0.00-192.00,85.961-192.00,192.00
|
||||
c0.00,106.039, 85.961,192.00, 192.00,192.00c 53.02,0.00, 101.004-21.506, 135.748-56.252L 320.00,288.00L 512.00,288.00 z" />
|
||||
<glyph unicode="m" d="M 448.00,384.00L 64.00,384.00 c-35.20,0.00-64.00-28.80-64.00-64.00l0.00-224.00 c0.00-35.20, 28.80-64.00, 64.00-64.00l 384.00,0.00 c 35.20,0.00, 64.00,28.80, 64.00,64.00L 512.00,320.00 C 512.00,355.20, 483.20,384.00, 448.00,384.00z
|
||||
M 64.00,96.00c0.00,70.692, 35.817,128.00, 80.00,128.00c-26.51,0.00-48.00,21.49-48.00,48.00s 21.49,48.00, 48.00,48.00s 48.00-21.49, 48.00-48.00s-21.49-48.00-48.00-48.00
|
||||
c 44.183,0.00, 80.00-57.308, 80.00-128.00L 64.00,96.00 z M 448.00,96.00L 288.00,96.00 l0.00,32.00 l 160.00,0.00 L 448.00,96.00 z M 448.00,192.00L 288.00,192.00 l0.00,32.00 l 160.00,0.00 L 448.00,192.00 z M 448.00,288.00L 288.00,288.00 l0.00,32.00 l 160.00,0.00 L 448.00,288.00 z" />
|
||||
<glyph unicode="n" d="M 240.00,448.00C 107.452,448.00,0.00,340.548,0.00,208.00c0.00-132.549, 107.452-240.00, 240.00-240.00c 132.549,0.00, 240.00,107.451, 240.00,240.00
|
||||
C 480.00,340.548, 372.549,448.00, 240.00,448.00z M 240.00,0.00c-114.875,0.00-208.00,93.125-208.00,208.00S 125.125,416.00, 240.00,416.00s 208.00-93.125, 208.00-208.00
|
||||
S 354.875,0.00, 240.00,0.00zM 256.00,253.258L 256.00,384.00 l-32.00,0.00 l0.00-130.742 c-18.641-6.59-32.00-24.36-32.00-45.258c0.00-26.51, 21.49-48.00, 48.00-48.00c 20.898,0.00, 38.667,13.359, 45.258,32.00
|
||||
L 384.00,192.00 l0.00,32.00 l-98.742,0.00 C 280.438,237.635, 269.636,248.437, 256.00,253.258z" />
|
||||
<glyph unicode="o" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 256.00,0.00
|
||||
C 132.288,0.00, 32.00,100.288, 32.00,224.00S 132.288,448.00, 256.00,448.00s 224.00-100.288, 224.00-224.00S 379.712,0.00, 256.00,0.00zM 128.00,96.00l 169.373,79.17L 384.00,352.00l-173.255-82.745L 128.00,96.00z M 256.00,256.00c 17.673,0.00, 32.00-14.327, 32.00-32.00c0.00-17.673-14.327-32.00-32.00-32.00
|
||||
c-17.673,0.00-32.00,14.327-32.00,32.00C 224.00,241.673, 238.327,256.00, 256.00,256.00z" />
|
||||
<glyph unicode="p" d="M 480.00,352.00c 17.673,0.00, 32.00,14.327, 32.00,32.00L 512.00,448.00 l-64.00,0.00 L 448.00,480.00 L 32.00,480.00 C 14.40,480.00,0.00,465.601,0.00,448.00l0.00-448.00 c0.00-17.60, 14.398-32.00, 32.00-32.00l 416.00,0.00 L 448.00,96.00 l 32.00,0.00
|
||||
c 17.673,0.00, 32.00,14.327, 32.00,32.00l0.00,64.00 l-64.00,0.00 l0.00,32.00 l 32.00,0.00 c 17.673,0.00, 32.00,14.327, 32.00,32.00l0.00,64.00 l-64.00,0.00 l0.00,32.00 L 480.00,352.00 z M 288.00,333.255
|
||||
c 24.992,0.00, 45.255-20.262, 45.255-45.255S 312.992,242.745, 288.00,242.745c-24.994,0.00-45.255,20.262-45.255,45.255
|
||||
S 263.006,333.255, 288.00,333.255z M 128.00,0.00L 96.00,0.00 L 96.00,448.00 l 32.00,0.00 L 128.00,0.00 z M 208.656,128.00c0.00,96.00, 53.272,96.00, 79.909,96.00c 26.636,0.00, 79.908,0.00, 79.908-96.00L 208.656,128.00 z
|
||||
" />
|
||||
<glyph unicode="q" d="M 426.67,480.00L 85.343,480.00 C 38.405,480.00,0.00,441.594,0.00,394.656l0.00-341.314 C0.00,6.375, 38.406-32.00, 85.344-32.00L 426.67-32.00
|
||||
c 46.938,0.00, 85.33,38.374, 85.33,85.342L 512.00,394.656 C 512.00,441.594, 473.608,480.00, 426.67,480.00z M 139.472,64.376C 115.487,64.376, 96.00,83.722, 96.00,107.69
|
||||
c0.00,23.842, 19.486,43.406, 43.472,43.406c 24.079,0.00, 43.53-19.564, 43.53-43.406C 183.001,83.722, 163.55,64.376, 139.472,64.376z
|
||||
M 248.734,64.002c0.00,40.905-15.904,79.409-44.73,108.222c-28.857,28.875-67.188,44.813-107.952,44.813L 96.052,279.63
|
||||
c 118.826,0.00, 215.563-96.721, 215.563-215.627L 248.734,64.002L 248.734,64.002z M 359.814,64.002
|
||||
c0.00,145.531-118.329,263.97-263.688,263.97L 96.126,390.596 c 180.001,0.00, 326.473-146.562, 326.473-326.596L 359.814,64.002L 359.814,64.002z" />
|
||||
<glyph unicode="r" d="M 348.916,316.476l-32.476,32.461L 154.035,186.566c-26.907-26.896-26.907-70.524,0.00-97.422
|
||||
c 26.902-26.896, 70.53-26.896, 97.437,0.00l 194.886,194.854c 44.857,44.831, 44.857,117.531,0.00,162.363
|
||||
c-44.833,44.852-117.556,44.852-162.391,0.00L 79.335,241.788l 0.017-0.016c-0.145-0.152-0.306-0.288-0.438-0.423
|
||||
c-62.551-62.548-62.551-163.928,0.00-226.453c 62.527-62.528, 163.934-62.528, 226.494,0.00c 0.137,0.137, 0.258,0.284, 0.41,0.438l 0.016-0.017
|
||||
l 139.666,139.646l-32.493,32.46L 273.35,47.792l-0.008,0.00 c-0.148-0.134-0.282-0.285-0.423-0.422
|
||||
c-44.537-44.529-116.99-44.529-161.538,0.00c-44.531,44.521-44.531,116.961,0.00,161.489c 0.152,0.152, 0.302,0.291, 0.444,0.423l-0.023,0.03
|
||||
l 204.64,204.583c 26.856,26.869, 70.572,26.869, 97.443,0.00c 26.856-26.867, 26.856-70.574,0.00-97.42L 218.999,121.625
|
||||
c-8.968-8.961-23.527-8.961-32.486,0.00c-8.947,8.943-8.947,23.516,0.00,32.46L 348.916,316.476z" />
|
||||
<glyph unicode="s" d="M 320.00,480.00L 320.00,416.00L 448.00,288.00L 512.00,288.00 zM 176.00,272.00L 64.00,256.00l 93.793-93.793L0.00-32.00l 194.207,157.793L 288.00,32.00l 16.00,112.00l 112.00,112.00L 288.00,384.00L 176.00,272.00z M 224.00,224.00l-32.00,32.00l 96.00,96.00l 32.00-32.00
|
||||
L 224.00,224.00z" />
|
||||
<glyph unicode="t" d="M 256.003,480.00c-85.374,0.00-154.661-68.339-154.661-152.54c0.00-42.102, 25.089-86.239, 53.788-133.976
|
||||
c 28.70-47.737, 6.022-100.49, 103.695-99.073c 93.617,1.376, 69.35,44.274, 96.629,92.011c 27.289,47.736, 55.205,98.938, 55.205,141.039
|
||||
C 410.66,411.662, 341.371,480.00, 256.003,480.00zM 191.076,80.777l0.00-40.615 c 19.95-6.488, 41.896-10.088, 64.927-10.088c 23.029,0.00, 44.97,3.60, 64.921,10.086l0.00,37.525
|
||||
c-11.158-10.273-29.447-13.10-62.10-13.645C 222.605,63.443, 202.953,67.848, 191.076,80.777zM 191.753,14.944c 2.507-13.705, 13.30-46.944, 64.25-46.944c 50.949,0.00, 61.742,33.239, 64.25,46.944
|
||||
c-28.826-8.815-41.977-9.291-64.25-9.291C 233.728,5.653, 220.577,6.129, 191.753,14.944z" />
|
||||
<glyph unicode="u" d="M 496.00,0.00L 384.00,0.00L 384.00,16.00L 368.00,16.00L 368.00,0.00L 208.00,0.00L 208.00,16.00L 192.00,16.00L 192.00,0.00L 80.00,0.00L 80.00,16.00L 64.00,16.00L 64.00,0.00L 32.00,0.00L 32.00,144.00L 48.00,144.00L 48.00,160.00L 32.00,160.00L 32.00,272.00L 48.00,272.00L 48.00,288.00L 32.00,288.00L 32.00,400.00L 48.00,400.00L 48.00,416.00L 32.00,416.00L 32.00,480.00L0.00,480.00L0.00-32.00L 512.00-32.00L 512.00,16.00L 496.00,16.00 zM 220.00,284.00L 212.00,276.00L 212.00,149.941L 220.00,157.941 zM 204.00,268.00L 196.00,260.00L 196.00,133.941L 204.00,141.941 zM 188.00,125.941L 188.00,258.00L 180.00,262.00L 180.00,128.833L 187.261,125.202 zM 268.00,332.00L 260.00,324.00L 260.00,197.941L 268.00,205.941 zM 236.00,300.00L 228.00,292.00L 228.00,165.941L 236.00,173.941 zM 172.00,266.00L 164.00,270.00L 164.00,136.833L 172.00,132.833 zM 252.00,316.00L 244.00,308.00L 244.00,181.941L 252.00,189.941 zM 124.00,290.00L 116.00,294.00L 116.00,160.833L 124.00,156.833 zM 92.00,306.00L 84.00,310.00L 84.00,176.833L 92.00,172.833 zM 156.00,274.00L 148.00,278.00L 148.00,144.833L 156.00,140.833 zM 108.00,298.00L 100.00,302.00L 100.00,168.833L 108.00,164.833 zM 76.00,314.00L 68.00,318.00L 68.00,184.833L 76.00,180.833 zM 284.00,348.00L 276.00,340.00L 276.00,213.941L 284.00,221.941 zM 140.00,282.00L 132.00,286.00L 132.00,152.833L 140.00,148.833 zM 412.00,316.00L 404.00,308.00L 404.00,137.267L 412.00,149.267 zM 428.00,332.00L 420.00,324.00L 420.00,161.267L 428.00,173.267 zM 444.00,348.00L 436.00,340.00L 436.00,185.267L 444.00,197.267 zM 476.00,380.00L 468.00,372.00L 468.00,233.267L 476.00,245.267 zM 460.00,364.00L 452.00,356.00L 452.00,209.267L 460.00,221.267 zM 508.00,412.00L 500.00,404.00L 500.00,281.267L 508.00,293.267 zM 492.00,396.00L 484.00,388.00L 484.00,257.267L 492.00,269.267 zM 348.00,312.00L 340.00,317.333L 340.00,162.666L 348.00,152.00 zM 332.00,322.667L 324.00,328.00L 324.00,184.00L 332.00,173.333 zM 300.00,344.00L 292.00,349.333L 292.00,226.667L 300.00,216.00 zM 316.00,333.333L 308.00,338.667L 308.00,205.333L 316.00,194.666 zM 364.00,301.333L 356.00,306.667L 356.00,141.333L 364.00,130.666 zM 396.00,300.00L 388.00,292.00L 388.00,113.268L 396.00,125.267 zM 380.00,290.667L 372.00,296.00L 372.00,119.999L 380.00,109.333 zM 384.00,64.00L 288.00,192.00L 192.00,96.00L 64.00,160.00L 64.00,32.00L 512.00,32.00L 512.00,256.00 z" />
|
||||
<glyph unicode="v" d="M0.00,64.00L 512.00,64.00L 512.00,0.00L0.00,0.00zM 64.00,192.00L 128.00,192.00L 128.00,96.00L 64.00,96.00zM 160.00,320.00L 224.00,320.00L 224.00,96.00L 160.00,96.00zM 256.00,224.00L 320.00,224.00L 320.00,96.00L 256.00,96.00zM 352.00,416.00L 416.00,416.00L 416.00,96.00L 352.00,96.00z" />
|
||||
<glyph unicode="w" d="M 224.00,192.00L 224.00,416.00 C 100.288,416.00,0.00,315.712,0.00,192.00s 100.288-224.00, 224.00-224.00s 224.00,100.288, 224.00,224.00c0.00,36.017-8.514,70.042-23.618,100.191
|
||||
L 224.00,192.00zM 456.382,356.191C 419.606,429.599, 343.695,480.00, 256.00,480.00l0.00-224.00 L 456.382,356.191z" />
|
||||
<glyph unicode="x" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 256.00,32.00
|
||||
c-106.039,0.00-192.00,85.961-192.00,192.00c0.00,106.039, 85.961,192.00, 192.00,192.00c 106.039,0.00, 192.00-85.961, 192.00-192.00C 448.00,117.961, 362.039,32.00, 256.00,32.00zM 224.00,352.00A32.00,32.00 4500.00 1,0 288.00,352A32.00,32.00 4500.00 1,0 224.00,352zM 320.00,320.00A32.00,32.00 4500.00 1,0 384.00,320A32.00,32.00 4500.00 1,0 320.00,320zM 128.00,320.00A32.00,32.00 4500.00 1,0 192.00,320A32.00,32.00 4500.00 1,0 128.00,320zM 224.00,128.00L 224.00,96.00L 288.00,96.00L 288.00,128.00L 256.00,288.00 z" />
|
||||
<glyph unicode="y" d="M 192.00,480.00L0.00,224.00L 192.00,224.00L 64.00-32.00L 512.00,288.00L 256.00,288.00L 448.00,480.00 z" />
|
||||
<glyph unicode="z" d="M 512.00,224.00L 384.00,320.00L 384.00,256.00L 288.00,256.00L 288.00,352.00L 352.00,352.00L 256.00,480.00L 160.00,352.00L 224.00,352.00L 224.00,256.00L 128.00,256.00L 128.00,320.00L0.00,224.00L 128.00,128.00L 128.00,192.00L 224.00,192.00L 224.00,96.00L 160.00,96.00L 256.00-32.00L 352.00,96.00L 288.00,96.00L 288.00,192.00L 384.00,192.00L 384.00,128.00 z" />
|
||||
<glyph unicode="{" d="M 255.999,224.00L 128.00,352.00L 128.00,96.00 zM 256.00,352.00L 256.00,96.00L 384.00,224.00 z" />
|
||||
<glyph unicode="|" d="M 256.001,224.00L 384.00,96.00L 384.00,352.00 zM 256.00,96.00L 256.00,352.00L 128.00,224.00 z" />
|
||||
<glyph unicode="}" d="M 256.001,224.00L 384.00,96.00L 384.00,352.00 zM 128.00,352.00L 64.00,352.00L 64.00,96.00L 128.00,96.00L 128.00,224.00L 256.00,96.00L 256.00,352.00L 128.00,224.00 z" />
|
||||
<glyph unicode="" d="M 256.00,224.00L 128.00,352.00L 128.00,96.00 zM 384.00,96.00L 448.00,96.00L 448.00,352.00L 384.00,352.00L 384.00,224.00L 256.001,352.00L 256.001,96.00L 384.00,224.00 z" />
|
||||
<glyph unicode="" d="M 437.011,405.01C 390.685,451.338, 326.693,480.00, 256.00,480.00C 146.256,480.00, 52.655,410.936, 16.251,313.906l 59.938-22.477
|
||||
C 103.491,364.202, 173.692,416.00, 256.00,416.00c 53.02,0.00, 101.01-21.50, 135.753-56.247L 320.00,288.00l 192.00,0.00 L 512.00,480.00 L 437.011,405.01zM 256.00,32.00c-53.02,0.00-101.013,21.496-135.756,56.244L 192.00,160.00L0.00,160.00 l0.00-192.00 l 74.997,74.997C 121.32-3.334, 185.306-32.00, 256.00-32.00
|
||||
c 109.745,0.00, 203.346,69.064, 239.75,166.094l-59.938,22.477C 408.51,83.798, 338.309,32.00, 256.00,32.00z" />
|
||||
<glyph unicode="" d="M 512.00,352.00L 384.00,480.00l0.00-96.00 c-65.386,0.00-115.376-15.604-152.825-47.704c-2.625-2.25-5.142-4.55-7.581-6.887
|
||||
c 13.76-19.082, 24.358-38.758, 33.886-57.545C 281.641,301.065, 316.507,320.00, 384.00,320.00l0.00-96.00 l0.00,0.00 l0.00-96.00 c-108.223,0.00-132.563,48.68-163.378,110.311
|
||||
c-17.153,34.306-34.89,69.78-67.796,97.985C 115.376,368.396, 65.386,384.00,0.00,384.00l0.00-64.00 c 108.223,0.00, 132.563-48.68, 163.378-110.311
|
||||
c 17.153-34.306, 34.89-69.78, 67.796-97.985C 268.624,79.604, 318.615,64.00, 384.00,64.00l0.00-96.00 l 128.00,128.00L 384.00,224.00L 512.00,352.00zM0.00,128.00l0.00-64.00 c 65.386,0.00, 115.375,15.604, 152.825,47.704c 2.625,2.249, 5.142,4.55, 7.581,6.888
|
||||
c-13.76,19.081-24.359,38.758-33.886,57.545C 102.36,146.936, 67.494,128.00,0.00,128.00z" />
|
||||
<glyph unicode="" d="M 416.00,384.00L 320.00,480.00L 64.00,224.00L 320.00-32.00L 416.00,64.00L 256.00,224.00 zM0.00,480.00L0.00-32.00L 64.00-32.00L 64.00,224.00L 64.00,480.00 z" />
|
||||
<glyph unicode="" d="M 96.00,64.00L 192.00-32.00L 448.00,224.00L 192.00,480.00L 96.00,384.00L 256.00,224.00 zM 512.00-32.00L 512.00,480.00L 448.00,480.00L 448.00,224.00L 448.00-32.00 z" />
|
||||
<glyph unicode="" d="M0.00,160.00L 96.00,64.00L 256.00,224.00L 416.00,64.00L 512.00,160.00L 256.001,416.00 z" />
|
||||
<glyph unicode="" d="M 192.00,480.00L 96.00,384.00L 256.00,224.00L 96.00,64.00L 192.00-32.00L 448.00,224.00 z" />
|
||||
<glyph unicode="" d="M 512.00,288.00L 416.00,384.00L 256.00,224.00L 96.00,384.00L0.00,288.00L 256.00,32.001 z" />
|
||||
<glyph unicode="" d="M 320.00-32.00L 416.00,64.00L 256.00,224.00L 416.00,384.00L 320.00,480.00L 64.00,224.00 z" />
|
||||
<glyph unicode="" d="M 128.00,256.00L 128.00,192.001L 224.00,288.00L 224.00,96.001L 288.00,96.00L 288.001,288.00L 384.001,192.00L 384.001,256.00L 256.001,384.00 zM0.00,224.00c0.00-141.384, 114.615-255.999, 256.00-256.00c 141.385,0.00, 256.00,114.615, 256.00,256.00c 0.001,141.385-114.614,256.00-256.00,256.00
|
||||
S0.00,365.385,0.00,224.00z M 480.001,224.00C 480.00,100.288, 379.712,0.00, 256.00,0.00C 132.288,0.001, 32.00,100.289, 32.00,224.00c0.00,123.712, 100.288,224.00, 224.00,224.00
|
||||
S 480.001,347.712, 480.001,224.00z" />
|
||||
<glyph unicode="" d="M 288.00,352.00L 224.00,352.00L 320.00,256.00L 128.00,256.00L 128.00,192.00L 320.00,192.00L 224.00,96.00L 288.00,96.00L 416.00,224.00 zM 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 256.00,0.00
|
||||
C 132.288,0.00, 32.00,100.288, 32.00,224.00S 132.288,448.00, 256.00,448.00s 224.00-100.288, 224.00-224.00S 379.712,0.00, 256.00,0.00z" />
|
||||
<glyph unicode="" d="M 384.00,192.00L 384.00,256.00L 288.00,160.00L 288.00,352.00L 224.00,352.00L 224.00,160.00L 128.00,256.00L 128.00,192.00L 256.00,64.00 zM 512.00,224.00C 512.00,365.385, 397.385,480.00, 256.00,480.00S0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00S 512.00,82.615, 512.00,224.00z M 32.00,224.00
|
||||
C 32.00,347.712, 132.288,448.00, 256.00,448.00s 224.00-100.288, 224.00-224.00S 379.712,0.00, 256.00,0.00S 32.00,100.288, 32.00,224.00z" />
|
||||
<glyph unicode="" d="M 224.00,96.00L 288.00,96.00L 192.00,192.00L 384.00,192.00L 384.00,256.00L 192.00,256.00L 288.00,352.00L 224.00,352.00L 96.00,224.00 zM 256.00-32.00c 141.385,0.00, 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00C0.00,82.615, 114.615-32.00, 256.00-32.00z
|
||||
M 256.00,448.00c 123.712,0.00, 224.00-100.289, 224.00-224.00S 379.712,0.00, 256.00,0.00S 32.00,100.288, 32.00,224.00C 32.00,347.712, 132.288,448.00, 256.00,448.00z" />
|
||||
<glyph unicode="" d="M 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 256.00,0.00
|
||||
C 132.288,0.00, 32.00,100.288, 32.00,224.00S 132.288,448.00, 256.00,448.00s 224.00-100.288, 224.00-224.00S 379.712,0.00, 256.00,0.00zM 192.00,113.148L 384.00,224.00L 192.00,334.852 z" />
|
||||
<glyph unicode="" d="M 384.00,256.00L 256.00,384.00L 128.00,256.00 zM 128.00,160.00L 256.00,32.00L 384.00,160.00 z" />
|
||||
<glyph unicode="" d="M 384.00,160.00L 256.00,288.00L 128.00,160.00 z" />
|
||||
<glyph unicode="" d="M 192.001,96.00L 320.001,224.00L 192.001,352.00 z" />
|
||||
<glyph unicode="" d="M 128.00,288.00L 256.00,160.00L 384.00,288.00 z" />
|
||||
<glyph unicode="" d="M 320.001,352.00L 192.001,224.00L 320.001,95.999 z" />
|
||||
<glyph unicode="" d="M 448.00,192.00L 448.00,64.00L 64.00,64.00L 64.00,192.00L0.00,192.00L0.00,0.00L 512.00,0.00L 512.00,192.00 zM 416.00,448.00L 96.00,448.00 l0.00-352.00 l 320.00,0.00 L 416.00,448.00 z M 352.00,160.00L 160.00,160.00 l0.00,32.00 l 192.00,0.00 L 352.00,160.00 z M 352.00,256.00L 160.00,256.00 l0.00,32.00 l 192.00,0.00 L 352.00,256.00 z M 352.00,352.00L 160.00,352.00 L 160.00,384.00 l 192.00,0.00 L 352.00,352.00 z" />
|
||||
<glyph unicode="" d="M 257.54,416.00C 92.994,416.00,0.00,306.648,0.00,226.653c0.00-121.887, 109.354-174.477, 200.308-196.956
|
||||
C 291.269,7.209, 315.48,48.462, 314.022,96.00c-1.771,57.75, 21.074,62.496, 41.52,60.459C 375.973,154.408, 512.00,122.695, 512.00,214.674
|
||||
C 512.002,306.648, 422.072,416.00, 257.54,416.00z M 80.00,152.00c-13.255,0.00-24.00,10.744-24.00,24.00s 10.745,24.00, 24.00,24.00s 24.00-10.744, 24.00-24.00S 93.255,152.00, 80.00,152.00z
|
||||
M 112.00,248.00c-13.255,0.00-24.00,10.745-24.00,24.00s 10.745,24.00, 24.00,24.00s 24.00-10.745, 24.00-24.00S 125.255,248.00, 112.00,248.00z M 176.00,336.00c0.00,17.673, 14.327,32.00, 32.00,32.00
|
||||
c 17.674,0.00, 32.00-14.327, 32.00-32.00s-14.326-32.00-32.00-32.00C 190.327,304.00, 176.00,318.327, 176.00,336.00z M 256.00,150.724c-30.225,0.00-54.727,18.294-54.727,40.862
|
||||
c0.00,22.567, 24.502,40.861, 54.727,40.861c 30.226,0.00, 54.727-18.294, 54.727-40.861C 310.727,169.018, 286.226,150.724, 256.00,150.724z
|
||||
M 352.00,272.00c-26.51,0.00-48.00,21.491-48.00,48.00s 21.49,48.00, 48.00,48.00s 48.00-21.491, 48.00-48.00S 378.51,272.00, 352.00,272.00z" />
|
||||
<glyph unicode="" d="M 288.00,352.00L 64.00,352.00 c-17.601,0.00-32.00-14.399-32.00-32.00l0.00-192.00 c0.00-17.60, 14.399-32.00, 32.00-32.00l 224.00,0.00 c 17.601,0.00, 32.00,14.40, 32.00,32.00L 320.00,320.00
|
||||
C 320.00,337.601, 305.601,352.00, 288.00,352.00zM 352.00,242.286L 352.00,205.715L 480.00,96.00L 480.00,352.00 z" />
|
||||
<glyph unicode="" d="M 352.00,480.00L 32.00,480.00 l0.00-512.00 l 448.00,0.00 L 480.00,352.00 L 352.00,480.00z M 448.00,0.00L 64.00,0.00 L 64.00,448.00 l 288.00,0.00 l0.00-96.00 l 96.00,0.00 L 448.00,0.00 z" />
|
||||
<glyph unicode="" d="M 320.00,96.00L 512.00,96.00L 512.00,32.00L 320.00,32.00zM 32.00,448.00L 320.00,448.00L 320.00,352.00L 416.00,352.00L 416.00,192.00L 448.00,192.00L 448.00,352.00L 320.00,480.00L0.00,480.00L0.00-32.00L 288.00-32.00L 288.00,0.00L 32.00,0.00 z" />
|
||||
<glyph unicode="" d="M 448.00,352.00L 320.00,352.00 L 320.00,416.00 L 256.00,480.00L0.00,480.00 l0.00-384.00 l 192.00,0.00 l0.00-128.00 l 320.00,0.00 L 512.00,288.00 L 448.00,352.00z M 32.00,128.00L 32.00,448.00 l 192.00,0.00 l 64.00-64.00l0.00-32.00 l-96.00,0.00 l0.00-224.00 L 32.00,128.00 z M 480.00,0.00L 224.00,0.00 L 224.00,320.00 l 192.00,0.00 l 64.00-64.00L 480.00,0.00
|
||||
z" />
|
||||
<glyph unicode="" d="M 64.00,16.00A48.00,48.00 1260.00 1,0 160.00,16A48.00,48.00 1260.00 1,0 64.00,16zM 384.00,16.00A48.00,48.00 1260.00 1,0 480.00,16A48.00,48.00 1260.00 1,0 384.00,16zM 480.00,224.00L 480.00,416.00 L 64.00,416.00 C 64.00,451.346, 35.347,480.00,0.00,480.00l0.00-32.00 c 17.645,0.00, 32.00-14.355, 32.00-32.00l 24.037-206.027C 41.39,198.244, 32.00,180.223, 32.00,160.00
|
||||
c0.00-35.348, 28.654-64.00, 64.00-64.00l 384.00,0.00 l0.00,32.00 L 96.00,128.00 c-17.673,0.00-32.00,14.327-32.00,32.00c0.00,0.109, 0.007,0.218, 0.008,0.328L 480.00,224.00z M 67.951,384.00L 448.00,384.00 l0.00-4.00
|
||||
L 68.417,380.00 L 67.951,384.00z M 448.00,372.00l0.00-8.00 L 70.284,364.00 l-0.934,8.00L 448.00,372.00 z M 448.00,356.00l0.00-8.00 L 72.151,348.00 l-0.934,8.00L 448.00,356.00 z M 448.00,340.00l0.00-8.00 L 74.018,332.00 l-0.934,8.00L 448.00,340.00 z M 448.00,324.00l0.00-8.00
|
||||
L 75.884,316.00 l-0.934,8.00L 448.00,324.00 z M 448.00,308.00l0.00-8.00 L 77.751,300.00 l-0.934,8.00L 448.00,308.00 z M 88.951,204.00l-0.934,8.00l 102.082,0.00 l-52.267-8.00L 88.951,204.00 z M 87.084,220.00l-0.933,8.00
|
||||
l 208.481,0.00 l-52.267-8.00L 87.084,220.00 z M 85.218,236.00l-0.934,8.00l 314.882,0.00 l-52.267-8.00L 85.218,236.00 z M 83.351,252.00l-0.933,8.00L 448.00,260.00 l0.00-8.00 L 83.351,252.00 z M 81.484,268.00
|
||||
l-0.934,8.00L 448.00,276.00 l0.00-8.00 L 81.484,268.00 z M 79.618,284.00l-0.934,8.00L 448.00,292.00 l0.00-8.00 L 79.618,284.00 z" />
|
||||
<glyph unicode="" d="M 406.494,288.00L 317.573,403.765C 319.134,407.535, 320.00,411.666, 320.00,416.00c0.00,17.673-14.326,32.00-32.00,32.00c-17.673,0.00-32.00-14.327-32.00-32.00
|
||||
s 14.327-32.00, 32.00-32.00c 1.421,0.00, 2.816,0.102, 4.188,0.282L 366.144,288.00L 145.857,288.00 l 73.956,96.282C 221.184,384.102, 222.58,384.00, 224.00,384.00
|
||||
c 17.673,0.00, 32.00,14.327, 32.00,32.00s-14.327,32.00-32.00,32.00s-32.00-14.327-32.00-32.00c0.00-4.334, 0.866-8.465, 2.427-12.234L 105.506,288.00L0.00,288.00 l0.00-64.00 l 32.00,0.00 l 32.00-256.00l 384.00,0.00
|
||||
l 32.00,256.00l 32.00,0.00 l0.00,64.00 L 406.494,288.00 z M 160.00,32.00L 96.00,32.00 l0.00,64.00 l 64.00,0.00 L 160.00,32.00 z M 160.00,160.00L 96.00,160.00 l0.00,64.00 l 64.00,0.00 L 160.00,160.00 z M 288.00,32.00l-64.00,0.00 l0.00,64.00 l 64.00,0.00 L 288.00,32.00 z M 288.00,160.00l-64.00,0.00 l0.00,64.00 l 64.00,0.00 L 288.00,160.00 z
|
||||
M 416.00,32.00l-64.00,0.00 l0.00,64.00 l 64.00,0.00 L 416.00,32.00 z M 416.00,160.00l-64.00,0.00 l0.00,64.00 l 64.00,0.00 L 416.00,160.00 z" />
|
||||
<glyph unicode="" d="M 224.00,96.00A32.00,32.00 6300.00 1,0 288.00,96A32.00,32.00 6300.00 1,0 224.00,96zM 256.00,416.00c-96.026,0.00-182.161-42.307-240.815-109.286l 24.081-21.071C 92.055,345.923, 169.577,384.00, 256.00,384.00
|
||||
c 86.423,0.00, 163.945-38.077, 216.734-98.357l 24.081,21.071C 438.161,373.693, 352.027,416.00, 256.00,416.00zM 256.00,320.00c-67.218,0.00-127.513-29.615-168.571-76.50l 24.082-21.071C 146.703,262.616, 198.385,288.00, 256.00,288.00
|
||||
c 57.616,0.00, 109.297-25.384, 144.489-65.571l 24.082,21.071C 383.513,290.385, 323.219,320.00, 256.00,320.00zM 256.00,224.00c-38.41,0.00-72.865-16.923-96.326-43.715l 24.082-21.071C 201.352,179.308, 227.192,192.00, 256.00,192.00
|
||||
c 28.808,0.00, 54.648-12.692, 72.245-32.786l 24.081,21.071C 328.865,207.077, 294.41,224.00, 256.00,224.00z" />
|
||||
<glyph unicode="" d="M 512.00,64.00L 512.00,448.00 L0.00,448.00 l0.00-384.00 l 224.00,0.00 l0.00-32.00 l-96.00,0.00 l0.00-32.00 l 256.00,0.00 l0.00,32.00 l-96.00,0.00 l0.00,32.00 L 512.00,64.00 z M 64.00,384.00l 384.00,0.00 l0.00-256.00 L 64.00,128.00 L 64.00,384.00 z" />
|
||||
<glyph unicode="" d="M 416.00,480.00L 96.00,480.00 C 78.40,480.00, 64.00,465.60, 64.00,448.00l0.00-448.00 c0.00-17.60, 14.40-32.00, 32.00-32.00l 320.00,0.00 c 17.60,0.00, 32.00,14.40, 32.00,32.00L 448.00,448.00 C 448.00,465.60, 433.60,480.00, 416.00,480.00z M 256.00-16.00
|
||||
c-8.837,0.00-16.00,7.163-16.00,16.00s 7.163,16.00, 16.00,16.00s 16.00-7.163, 16.00-16.00S 264.837-16.00, 256.00-16.00z M 384.00,32.00L 128.00,32.00 L 128.00,416.00 l 256.00,0.00 L 384.00,32.00 z" />
|
||||
<glyph unicode="" d="M 384.00,480.00L 96.00,480.00 C 78.40,480.00, 64.00,465.601, 64.00,448.00l0.00-448.00 c0.00-17.60, 14.399-32.00, 32.00-32.00l 288.00,0.00 c 17.60,0.00, 32.00,14.40, 32.00,32.00L 416.00,448.00 C 416.00,465.601, 401.60,480.00, 384.00,480.00z
|
||||
M 240.00-8.891c-13.746,0.00-24.891,11.145-24.891,24.891s 11.145,24.891, 24.891,24.891s 24.891-11.145, 24.891-24.891
|
||||
S 253.746-8.891, 240.00-8.891z M 384.00,64.00L 96.00,64.00 L 96.00,416.00 l 288.00,0.00 L 384.00,64.00 z" />
|
||||
<glyph unicode="" d="M 288.00,158.078l0.00,14.768 c 19.129,16.60, 32.00,47.621, 32.00,83.154c0.00,53.02-28.653,96.00-64.00,96.00c-35.346,0.00-64.00-42.98-64.00-96.00
|
||||
c0.00-35.535, 12.872-66.558, 32.003-83.156l0.00-14.766 c-73.031-8.895-128.00-47.634-128.00-94.078L 416.00,64.00 C 416.00,110.444, 361.031,149.184, 288.00,158.078zM 160.84,175.194c-13.354,8.158-30.188,13.814-48.839,15.902l0.00,7.341 c 9.562,8.301, 16.00,23.799, 16.00,41.563
|
||||
c0.00,26.51-14.327,48.00-32.00,48.00s-32.00-21.49-32.00-48.00c0.00-17.764, 6.438-33.262, 16.00-41.563l0.00-7.327 c-45.402-5.079-80.00-31.397-80.00-63.109l 89.713,0.00
|
||||
C 106.735,147.614, 131.324,163.943, 160.84,175.194zM 432.00,191.11l0.00,7.327 c 9.563,8.301, 16.00,23.799, 16.00,41.563c0.00,26.51-14.327,48.00-32.00,48.00s-32.00-21.49-32.00-48.00
|
||||
c0.00-17.764, 6.438-33.262, 16.00-41.563l0.00-7.341 c-18.65-2.088-35.485-7.744-48.84-15.902c 29.516-11.251, 54.104-27.58, 71.127-47.193L 512.00,128.001
|
||||
C 512.00,159.713, 477.403,186.031, 432.00,191.11z" />
|
||||
<glyph unicode="" d="M 480.00,352.00L 352.00,352.00 L 352.00,384.00 c0.00,17.60-14.40,32.00-32.00,32.00L 192.00,416.00 c-17.602,0.00-32.00-14.40-32.00-32.00l0.00-32.00 L 32.00,352.00 C 14.40,352.00,0.00,337.60,0.00,320.00l0.00-256.00
|
||||
c0.00-17.601, 14.398-32.00, 32.00-32.00l 448.00,0.00 c 17.60,0.00, 32.00,14.399, 32.00,32.00L 512.00,320.00 C 512.00,337.60, 497.60,352.00, 480.00,352.00z M 192.00,383.942
|
||||
c 0.017,0.02, 0.037,0.041, 0.057,0.058l 127.886,0.00 c 0.021-0.017, 0.041-0.038, 0.059-0.058L 320.002,352.00 L 192.00,352.00 L 192.00,383.942 z M 480.00,224.00l-64.00,0.00 l0.00-48.00
|
||||
c0.00-8.801-7.20-16.00-16.00-16.00l-32.00,0.00 c-8.802,0.00-16.00,7.199-16.00,16.00l0.00,48.00 L 160.00,224.00 l0.00-48.00 c0.00-8.801-7.20-16.00-16.00-16.00l-32.00,0.00 c-8.801,0.00-16.00,7.199-16.00,16.00l0.00,48.00 L 32.00,224.00 l0.00,32.00 l 448.00,0.00
|
||||
L 480.00,224.00 z" />
|
||||
<glyph unicode="" d="M 448.00,128.00L 448.00,64.00L 64.00,64.00L 64.00,128.00L0.00,128.00L0.00,0.00L 512.00,0.00L 512.00,128.00 zM 384.00,288.00L 288.00,288.00L 288.00,448.00L 224.00,448.00L 224.00,288.00L 128.00,288.00L 256.00,96.00 z" />
|
||||
<glyph unicode="" d="M 448.00,128.00L 448.00,64.00L 64.00,64.00L 64.00,128.00L0.00,128.00L0.00,0.00L 512.00,0.00L 512.00,128.00 zM 128.00,256.00L 224.00,256.00L 224.00,96.00L 288.00,96.00L 288.00,256.00L 384.00,256.00L 256.00,448.00 z" />
|
||||
<glyph unicode="" d="M 96.00,480.00L 96.00-32.00L 256.00,128.00L 416.00-32.00L 416.00,480.00 z" />
|
||||
<glyph unicode="" d="M 320.00,448.00L 384.00,384.00L 160.00,160.00L 192.00,128.00L 416.00,352.00L 480.00,288.00L 480.00,448.00 zM 352.00,64.00L 96.00,64.00L 96.00,320.00L 224.00,320.00L 288.00,384.00L 32.00,384.00L 32.00,0.00L 416.00,0.00L 416.00,256.00L 352.00,192.00 z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 68 KiB |
BIN
media/jui/fonts/IcoMoon.ttf
Normal file
BIN
media/jui/fonts/IcoMoon.ttf
Normal file
Binary file not shown.
BIN
media/jui/fonts/IcoMoon.woff
Normal file
BIN
media/jui/fonts/IcoMoon.woff
Normal file
Binary file not shown.
2
media/jui/fonts/icomoon-license.txt
Normal file
2
media/jui/fonts/icomoon-license.txt
Normal file
@@ -0,0 +1,2 @@
|
||||
Icon Set: IcoMoon -- http://keyamoon.com/icomoon/
|
||||
License: Arbitrary -- http://keyamoon.com/icomoon/#toLicense
|
||||
1
media/jui/fonts/index.html
Normal file
1
media/jui/fonts/index.html
Normal file
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
BIN
media/jui/img/alpha.png
Normal file
BIN
media/jui/img/alpha.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 488 B |
BIN
media/jui/img/bg-overlay.png
Normal file
BIN
media/jui/img/bg-overlay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 B |
BIN
media/jui/img/glyphicons-halflings-white.png
Normal file
BIN
media/jui/img/glyphicons-halflings-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
media/jui/img/glyphicons-halflings.png
Normal file
BIN
media/jui/img/glyphicons-halflings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
media/jui/img/hue.png
Normal file
BIN
media/jui/img/hue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 176 B |
1
media/jui/img/index.html
Normal file
1
media/jui/img/index.html
Normal file
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
BIN
media/jui/img/joomla.png
Normal file
BIN
media/jui/img/joomla.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
media/jui/img/jquery.minicolors.png
Normal file
BIN
media/jui/img/jquery.minicolors.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
BIN
media/jui/img/saturation.png
Normal file
BIN
media/jui/img/saturation.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
1
media/jui/index.html
Normal file
1
media/jui/index.html
Normal file
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
130
media/jui/js/ajax-chosen.js
Normal file
130
media/jui/js/ajax-chosen.js
Normal file
@@ -0,0 +1,130 @@
|
||||
// Generated by CoffeeScript 1.4.0
|
||||
|
||||
|
||||
/* USING JOOMLA.JTEXT TO TRANSLATE LANGUAGE STRINGS
|
||||
* ================================================= */
|
||||
|
||||
|
||||
(function($) {
|
||||
return $.fn.ajaxChosen = function(settings, callback, chosenOptions) {
|
||||
var chosenXhr, defaultOptions, options, select;
|
||||
if (settings == null) {
|
||||
settings = {};
|
||||
}
|
||||
if (callback == null) {
|
||||
callback = {};
|
||||
}
|
||||
if (chosenOptions == null) {
|
||||
chosenOptions = function() {};
|
||||
}
|
||||
defaultOptions = {
|
||||
minTermLength: 3,
|
||||
afterTypeDelay: 500,
|
||||
jsonTermKey: "term",
|
||||
keepTypingMsg: Joomla.JText._('JGLOBAL_KEEP_TYPING'),
|
||||
lookingForMsg: Joomla.JText._('JGLOBAL_LOOKING_FOR')
|
||||
};
|
||||
select = this;
|
||||
chosenXhr = null;
|
||||
options = $.extend({}, defaultOptions, $(select).data(), settings);
|
||||
this.chosen(chosenOptions ? chosenOptions : {});
|
||||
return this.each(function() {
|
||||
return $(this).next('.chzn-container').find(".search-field > input, .chzn-search > input").bind('keyup', function() {
|
||||
var field, msg, success, untrimmed_val, val;
|
||||
untrimmed_val = $(this).val();
|
||||
val = $.trim($(this).val());
|
||||
msg = val.length < options.minTermLength ? options.keepTypingMsg : options.lookingForMsg + (" '" + val + "'");
|
||||
select.next('.chzn-container').find('.no-results').text(msg);
|
||||
if (val === $(this).data('prevVal')) {
|
||||
return false;
|
||||
}
|
||||
$(this).data('prevVal', val);
|
||||
if (this.timer) {
|
||||
clearTimeout(this.timer);
|
||||
}
|
||||
if (val.length < options.minTermLength) {
|
||||
return false;
|
||||
}
|
||||
field = $(this);
|
||||
if (!(options.data != null)) {
|
||||
options.data = {};
|
||||
}
|
||||
options.data[options.jsonTermKey] = val;
|
||||
if (options.dataCallback != null) {
|
||||
options.data = options.dataCallback(options.data);
|
||||
}
|
||||
success = options.success;
|
||||
options.success = function(data) {
|
||||
var items, nbItems, selected_values;
|
||||
if (!(data != null)) {
|
||||
return;
|
||||
}
|
||||
selected_values = [];
|
||||
select.find('option').each(function() {
|
||||
if (!$(this).is(":selected")) {
|
||||
return $(this).remove();
|
||||
} else {
|
||||
return selected_values.push($(this).val() + "-" + $(this).text());
|
||||
}
|
||||
});
|
||||
select.find('optgroup:empty').each(function() {
|
||||
return $(this).remove();
|
||||
});
|
||||
items = callback(data);
|
||||
nbItems = 0;
|
||||
$.each(items, function(i, element) {
|
||||
var group, text, value;
|
||||
nbItems++;
|
||||
if (element.group) {
|
||||
group = select.find("optgroup[label='" + element.text + "']");
|
||||
if (!group.size()) {
|
||||
group = $("<optgroup />");
|
||||
}
|
||||
group.attr('label', element.text).appendTo(select);
|
||||
return $.each(element.items, function(i, element) {
|
||||
var text, value;
|
||||
if (typeof element === "string") {
|
||||
value = i;
|
||||
text = element;
|
||||
} else {
|
||||
value = element.value;
|
||||
text = element.text;
|
||||
}
|
||||
if ($.inArray(value + "-" + text, selected_values) === -1) {
|
||||
return $("<option />").attr('value', value).html(text).appendTo(group);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
if (typeof element === "string") {
|
||||
value = i;
|
||||
text = element;
|
||||
} else {
|
||||
value = element.value;
|
||||
text = element.text;
|
||||
}
|
||||
if ($.inArray(value + "-" + text, selected_values) === -1) {
|
||||
return $("<option />").attr('value', value).html(text).appendTo(select);
|
||||
}
|
||||
}
|
||||
});
|
||||
if (nbItems) {
|
||||
select.trigger("liszt:updated");
|
||||
} else {
|
||||
select.data().chosen.no_results_clear();
|
||||
select.data().chosen.no_results(field.val());
|
||||
}
|
||||
if (success != null) {
|
||||
success(data);
|
||||
}
|
||||
return field.val(untrimmed_val);
|
||||
};
|
||||
return this.timer = setTimeout(function() {
|
||||
if (chosenXhr) {
|
||||
chosenXhr.abort();
|
||||
}
|
||||
return chosenXhr = $.ajax(options);
|
||||
}, options.afterTypeDelay);
|
||||
});
|
||||
});
|
||||
};
|
||||
})(jQuery);
|
||||
17
media/jui/js/ajax-chosen.min.js
vendored
Normal file
17
media/jui/js/ajax-chosen.min.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
|
||||
(function($){return $.fn.ajaxChosen=function(settings,callback,chosenOptions){var chosenXhr,defaultOptions,options,select;if(settings==null){settings={};}
|
||||
if(callback==null){callback={};}
|
||||
if(chosenOptions==null){chosenOptions=function(){};}
|
||||
defaultOptions={minTermLength:3,afterTypeDelay:500,jsonTermKey:"term",keepTypingMsg:Joomla.JText._('JGLOBAL_KEEP_TYPING'),lookingForMsg:Joomla.JText._('JGLOBAL_LOOKING_FOR')};select=this;chosenXhr=null;options=$.extend({},defaultOptions,$(select).data(),settings);this.chosen(chosenOptions?chosenOptions:{});return this.each(function(){return $(this).next('.chzn-container').find(".search-field > input, .chzn-search > input").bind('keyup',function(){var field,msg,success,untrimmed_val,val;untrimmed_val=$(this).attr('value');val=$.trim($(this).attr('value'));msg=val.length<options.minTermLength?options.keepTypingMsg:options.lookingForMsg+(" '"+val+"'");select.next('.chzn-container').find('.no-results').text(msg);if(val===$(this).data('prevVal')){return false;}
|
||||
$(this).data('prevVal',val);if(this.timer){clearTimeout(this.timer);}
|
||||
if(val.length<options.minTermLength){return false;}
|
||||
field=$(this);if(!(options.data!=null)){options.data={};}
|
||||
options.data[options.jsonTermKey]=val;if(options.dataCallback!=null){options.data=options.dataCallback(options.data);}
|
||||
success=options.success;options.success=function(data){var items,selected_values;if(!(data!=null)){return;}
|
||||
selected_values=[];select.find('option').each(function(){if(!$(this).is(":selected")){return $(this).remove();}else{return selected_values.push($(this).val()+"-"+$(this).text());}});select.find('optgroup:empty').each(function(){return $(this).remove();});items=callback(data);$.each(items,function(i,element){var group,text,value;if(element.group){group=select.find("optgroup[label='"+element.text+"']");if(!group.size()){group=$("<optgroup />");}
|
||||
group.attr('label',element.text).appendTo(select);return $.each(element.items,function(i,element){var text,value;if(typeof element==="string"){value=i;text=element;}else{value=element.value;text=element.text;}
|
||||
if($.inArray(value+"-"+text,selected_values)===-1){return $("<option />").attr('value',value).html(text).appendTo(group);}});}else{if(typeof element==="string"){value=i;text=element;}else{value=element.value;text=element.text;}
|
||||
if($.inArray(value+"-"+text,selected_values)===-1){return $("<option />").attr('value',value).html(text).appendTo(select);}}});if(Object.keys(items).length){select.trigger("liszt:updated");}else{select.data().chosen.no_results_clear();select.data().chosen.no_results(field.attr('value'));}
|
||||
if(success!=null){success(data);}
|
||||
return field.attr('value',untrimmed_val);};return this.timer=setTimeout(function(){if(chosenXhr){chosenXhr.abort();}
|
||||
return chosenXhr=$.ajax(options);},options.afterTypeDelay);});});};})(jQuery);
|
||||
2332
media/jui/js/bootstrap.js
vendored
Normal file
2332
media/jui/js/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
media/jui/js/bootstrap.min.js
vendored
Normal file
6
media/jui/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1113
media/jui/js/chosen.jquery.js
Normal file
1113
media/jui/js/chosen.jquery.js
Normal file
File diff suppressed because it is too large
Load Diff
13
media/jui/js/chosen.jquery.min.js
vendored
Normal file
13
media/jui/js/chosen.jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
50
media/jui/js/cms.js
Normal file
50
media/jui/js/cms.js
Normal file
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
* @copyright Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
|
||||
// Only define the Joomla namespace if not defined.
|
||||
if (typeof(Joomla) === 'undefined') {
|
||||
var Joomla = {};
|
||||
}
|
||||
|
||||
/**
|
||||
* Sets the HTML of the container-collapse element
|
||||
*/
|
||||
Joomla.setcollapse = function(url, name, height) {
|
||||
if (!document.getElementById('collapse-' + name)) {
|
||||
document.getElementById('container-collapse').innerHTML = '<div class="collapse fade" id="collapse-' + name + '"><iframe class="iframe" src="' + url + '" height="'+ height + '" width="100%"></iframe></div>';
|
||||
}
|
||||
}
|
||||
|
||||
if (jQuery) {
|
||||
jQuery(document).ready(function($) {
|
||||
var elements = {},
|
||||
linkedoptions = function(element, target, checkType) {
|
||||
var v = element.val(), id = element.attr('id');
|
||||
if(checkType && !element.is(':checked'))
|
||||
return;
|
||||
$('[rel=\"showon_'+target+'\"]').each(function(){
|
||||
var i = jQuery(this);
|
||||
if (i.hasClass('showon_' + v))
|
||||
i.show();
|
||||
else
|
||||
i.hide();
|
||||
});
|
||||
};
|
||||
$('[rel^=\"showon_\"]').each(function(){
|
||||
var el = $(this), target = el.attr('rel').replace('showon_', ''), targetEl = $('[name=\"' + target+'\"]');
|
||||
if (!elements[target]) {
|
||||
var targetType = targetEl.attr('type'), checkType = (targetType == 'checkbox' || targetType == 'radio');
|
||||
targetEl.bind('change', function(){
|
||||
linkedoptions( $(this), target, checkType);
|
||||
}).bind('click', function(){
|
||||
linkedoptions( $(this), target, checkType );
|
||||
}).each(function(){
|
||||
linkedoptions( $(this), target, checkType );
|
||||
});
|
||||
elements[target] = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
8
media/jui/js/html5.js
Normal file
8
media/jui/js/html5.js
Normal file
@@ -0,0 +1,8 @@
|
||||
/*
|
||||
HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||||
*/
|
||||
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
|
||||
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
|
||||
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
|
||||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
|
||||
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
|
||||
154
media/jui/js/icomoon-lte-ie7.js
Normal file
154
media/jui/js/icomoon-lte-ie7.js
Normal file
@@ -0,0 +1,154 @@
|
||||
/* Use this script if you need to support IE 7 and IE 6. */
|
||||
|
||||
window.onload = function() {
|
||||
function addIcon(el, entity) {
|
||||
var html = el.innerHTML;
|
||||
el.innerHTML = '<span style="font-family: \'IcoMoon\'">' + entity + '</span>' + html;
|
||||
}
|
||||
var icons = {
|
||||
'icon-home' : '!',
|
||||
'icon-user' : '"',
|
||||
'icon-locked' : '#',
|
||||
'icon-comments' : '$',
|
||||
'icon-comments-2' : '%',
|
||||
'icon-out' : '&',
|
||||
'icon-redo' : ''',
|
||||
'icon-undo' : '(',
|
||||
'icon-file-add' : ')',
|
||||
'icon-plus' : '*',
|
||||
'icon-pencil' : '+',
|
||||
'icon-pencil-2' : ',',
|
||||
'icon-folder' : '-',
|
||||
'icon-folder-2' : '.',
|
||||
'icon-picture' : '/',
|
||||
'icon-pictures' : '0',
|
||||
'icon-list-view' : '1',
|
||||
'icon-power-cord' : '2',
|
||||
'icon-cube' : '3',
|
||||
'icon-puzzle' : '4',
|
||||
'icon-flag' : '5',
|
||||
'icon-tools' : '6',
|
||||
'icon-cogs' : '7',
|
||||
'icon-cog' : '8',
|
||||
'icon-equalizer' : '9',
|
||||
'icon-wrench' : ':',
|
||||
'icon-brush' : ';',
|
||||
'icon-eye' : '<',
|
||||
'icon-checkbox-unchecked' : '=',
|
||||
'icon-checkbox' : '>',
|
||||
'icon-checkbox-partial' : '?',
|
||||
'icon-star' : '@',
|
||||
'icon-star-2' : 'A',
|
||||
'icon-star-3' : 'B',
|
||||
'icon-calendar' : 'C',
|
||||
'icon-calendar-2' : 'D',
|
||||
'icon-help' : 'E',
|
||||
'icon-support' : 'F',
|
||||
'icon-warning' : 'H',
|
||||
'icon-checkmark' : 'G',
|
||||
'icon-cancel' : 'J',
|
||||
'icon-minus' : 'K',
|
||||
'icon-remove' : 'L',
|
||||
'icon-mail' : 'M',
|
||||
'icon-mail-2' : 'N',
|
||||
'icon-drawer' : 'O',
|
||||
'icon-drawer-2' : 'P',
|
||||
'icon-box-add' : 'Q',
|
||||
'icon-box-remove' : 'R',
|
||||
'icon-search' : 'S',
|
||||
'icon-filter' : 'T',
|
||||
'icon-camera' : 'U',
|
||||
'icon-play' : 'V',
|
||||
'icon-music' : 'W',
|
||||
'icon-grid-view' : 'X',
|
||||
'icon-grid-view-2' : 'Y',
|
||||
'icon-menu' : 'Z',
|
||||
'icon-thumbs-up' : '[',
|
||||
'icon-thumbs-down' : '\',
|
||||
'icon-cancel-2' : 'I',
|
||||
'icon-plus-2' : ']',
|
||||
'icon-minus-2' : '^',
|
||||
'icon-key' : '_',
|
||||
'icon-quote' : '`',
|
||||
'icon-quote-2' : 'a',
|
||||
'icon-database' : 'b',
|
||||
'icon-location' : 'c',
|
||||
'icon-zoom-in' : 'd',
|
||||
'icon-zoom-out' : 'e',
|
||||
'icon-expand' : 'f',
|
||||
'icon-contract' : 'g',
|
||||
'icon-expand-2' : 'h',
|
||||
'icon-contract-2' : 'i',
|
||||
'icon-health' : 'j',
|
||||
'icon-wand' : 'k',
|
||||
'icon-refresh' : 'l',
|
||||
'icon-vcard' : 'm',
|
||||
'icon-clock' : 'n',
|
||||
'icon-compass' : 'o',
|
||||
'icon-address' : 'p',
|
||||
'icon-feed' : 'q',
|
||||
'icon-flag-2' : 'r',
|
||||
'icon-pin' : 's',
|
||||
'icon-lamp' : 't',
|
||||
'icon-chart' : 'u',
|
||||
'icon-bars' : 'v',
|
||||
'icon-pie' : 'w',
|
||||
'icon-dashboard' : 'x',
|
||||
'icon-lightning' : 'y',
|
||||
'icon-move' : 'z',
|
||||
'icon-next' : '{',
|
||||
'icon-previous' : '|',
|
||||
'icon-first' : '}',
|
||||
'icon-last' : '',
|
||||
'icon-loop' : '',
|
||||
'icon-shuffle' : '',
|
||||
'icon-arrow-first' : '',
|
||||
'icon-arrow-last' : '',
|
||||
'icon-arrow-up' : '',
|
||||
'icon-arrow-right' : '',
|
||||
'icon-arrow-down' : '',
|
||||
'icon-arrow-left' : '',
|
||||
'icon-arrow-up-2' : '',
|
||||
'icon-arrow-right-2' : '',
|
||||
'icon-arrow-down-2' : '',
|
||||
'icon-arrow-left-2' : '',
|
||||
'icon-play-2' : '',
|
||||
'icon-menu-2' : '',
|
||||
'icon-arrow-up-3' : '',
|
||||
'icon-arrow-right-3' : '',
|
||||
'icon-arrow-down-3' : '',
|
||||
'icon-arrow-left-3' : '',
|
||||
'icon-printer' : '',
|
||||
'icon-color-palette' : '',
|
||||
'icon-camera-2' : '',
|
||||
'icon-file' : '',
|
||||
'icon-file-remove' : '',
|
||||
'icon-copy' : '',
|
||||
'icon-cart' : '',
|
||||
'icon-basket' : '',
|
||||
'icon-broadcast' : '',
|
||||
'icon-screen' : '',
|
||||
'icon-tablet' : '',
|
||||
'icon-mobile' : '',
|
||||
'icon-users' : '',
|
||||
'icon-briefcase' : '',
|
||||
'icon-download' : '',
|
||||
'icon-upload' : '',
|
||||
'icon-bookmark' : '',
|
||||
'icon-out-2' : ''
|
||||
},
|
||||
els = document.getElementsByTagName('*'),
|
||||
i, attr, html, c, el;
|
||||
for (i = 0; i < els.length; i += 1) {
|
||||
el = els[i];
|
||||
attr = el.getAttribute('data-icon');
|
||||
if (attr) {
|
||||
addIcon(el, attr);
|
||||
}
|
||||
c = el.className;
|
||||
c = c.match(/icon-[^s'"]+/);
|
||||
if (c) {
|
||||
addIcon(el, icons[c[0]]);
|
||||
}
|
||||
}
|
||||
};
|
||||
1
media/jui/js/index.html
Normal file
1
media/jui/js/index.html
Normal file
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
1
media/jui/js/jquery-noconflict.js
vendored
Normal file
1
media/jui/js/jquery-noconflict.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
jQuery.noConflict();
|
||||
9472
media/jui/js/jquery.js
vendored
Normal file
9472
media/jui/js/jquery.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
2
media/jui/js/jquery.min.js
vendored
Normal file
2
media/jui/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
857
media/jui/js/jquery.minicolors.js
Normal file
857
media/jui/js/jquery.minicolors.js
Normal file
@@ -0,0 +1,857 @@
|
||||
/*
|
||||
* jQuery MiniColors: A tiny color picker built on jQuery
|
||||
*
|
||||
* Copyright Cory LaViska for A Beautiful Site, LLC. (http://www.abeautifulsite.net/)
|
||||
*
|
||||
* Dual-licensed under the MIT and GPL Version 2 licenses
|
||||
*
|
||||
*/
|
||||
if(jQuery) (function($) {
|
||||
|
||||
// Yay, MiniColors!
|
||||
$.minicolors = {
|
||||
// Default settings
|
||||
defaultSettings: {
|
||||
animationSpeed: 100,
|
||||
animationEasing: 'swing',
|
||||
change: null,
|
||||
changeDelay: 0,
|
||||
control: 'hue',
|
||||
defaultValue: '',
|
||||
hide: null,
|
||||
hideSpeed: 100,
|
||||
inline: false,
|
||||
letterCase: 'lowercase',
|
||||
opacity: false,
|
||||
position: 'default',
|
||||
show: null,
|
||||
showSpeed: 100,
|
||||
swatchPosition: 'left',
|
||||
textfield: true,
|
||||
theme: 'default'
|
||||
}
|
||||
};
|
||||
|
||||
// Public methods
|
||||
$.extend($.fn, {
|
||||
minicolors: function(method, data) {
|
||||
|
||||
switch(method) {
|
||||
|
||||
// Destroy the control
|
||||
case 'destroy':
|
||||
$(this).each( function() {
|
||||
destroy($(this));
|
||||
});
|
||||
return $(this);
|
||||
|
||||
// Hide the color picker
|
||||
case 'hide':
|
||||
hide();
|
||||
return $(this);
|
||||
|
||||
// Get/set opacity
|
||||
case 'opacity':
|
||||
if( data === undefined ) {
|
||||
// Getter
|
||||
return $(this).attr('data-opacity');
|
||||
} else {
|
||||
// Setter
|
||||
$(this).each( function() {
|
||||
refresh($(this).attr('data-opacity', data));
|
||||
});
|
||||
return $(this);
|
||||
}
|
||||
|
||||
// Get an RGB(A) object based on the current color/opacity
|
||||
case 'rgbObject':
|
||||
return rgbObject($(this), method === 'rgbaObject');
|
||||
|
||||
// Get an RGB(A) string based on the current color/opacity
|
||||
case 'rgbString':
|
||||
case 'rgbaString':
|
||||
return rgbString($(this), method === 'rgbaString')
|
||||
|
||||
// Get/set settings on the fly
|
||||
case 'settings':
|
||||
if( data === undefined ) {
|
||||
return $(this).data('minicolors-settings');
|
||||
} else {
|
||||
// Setter
|
||||
$(this).each( function() {
|
||||
var settings = $(this).data('minicolors-settings') || {};
|
||||
destroy($(this));
|
||||
$(this).minicolors($.extend(true, settings, data));
|
||||
});
|
||||
return $(this);
|
||||
}
|
||||
|
||||
// Show the color picker
|
||||
case 'show':
|
||||
show( $(this).eq(0) );
|
||||
return $(this);
|
||||
|
||||
// Get/set the hex color value
|
||||
case 'value':
|
||||
if( data === undefined ) {
|
||||
// Getter
|
||||
return $(this).val();
|
||||
} else {
|
||||
// Setter
|
||||
$(this).each( function() {
|
||||
refresh($(this).val(data));
|
||||
});
|
||||
return $(this);
|
||||
}
|
||||
|
||||
// Initializes the control
|
||||
case 'create':
|
||||
default:
|
||||
if( method !== 'create' ) data = method;
|
||||
$(this).each( function() {
|
||||
init($(this), data);
|
||||
});
|
||||
return $(this);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
// Initialize input elements
|
||||
function init(input, settings) {
|
||||
|
||||
var minicolors = $('<span class="minicolors" />'),
|
||||
defaultSettings = $.minicolors.defaultSettings;
|
||||
|
||||
// Do nothing if already initialized
|
||||
if( input.data('minicolors-initialized') ) return;
|
||||
|
||||
// Handle settings
|
||||
settings = $.extend(true, {}, defaultSettings, settings);
|
||||
|
||||
// The wrapper
|
||||
minicolors
|
||||
.addClass('minicolors-theme-' + settings.theme)
|
||||
.addClass('minicolors-swatch-position-' + settings.swatchPosition)
|
||||
.toggleClass('minicolors-swatch-left', settings.swatchPosition === 'left')
|
||||
.toggleClass('minicolors-with-opacity', settings.opacity);
|
||||
|
||||
// Custom positioning
|
||||
if( settings.position !== undefined ) {
|
||||
$.each(settings.position.split(' '), function() {
|
||||
minicolors.addClass('minicolors-position-' + this);
|
||||
});
|
||||
}
|
||||
|
||||
// The input
|
||||
input
|
||||
.addClass('minicolors-input')
|
||||
.data('minicolors-initialized', true)
|
||||
.data('minicolors-settings', settings)
|
||||
.prop('size', 7)
|
||||
.prop('maxlength', 7)
|
||||
.wrap(minicolors)
|
||||
.after(
|
||||
'<span class="minicolors-panel minicolors-slider-' + settings.control + '">' +
|
||||
'<span class="minicolors-slider">' +
|
||||
'<span class="minicolors-picker"></span>' +
|
||||
'</span>' +
|
||||
'<span class="minicolors-opacity-slider">' +
|
||||
'<span class="minicolors-picker"></span>' +
|
||||
'</span>' +
|
||||
'<span class="minicolors-grid">' +
|
||||
'<span class="minicolors-grid-inner"></span>' +
|
||||
'<span class="minicolors-picker"><span></span></span>' +
|
||||
'</span>' +
|
||||
'</span>'
|
||||
);
|
||||
|
||||
// Prevent text selection in IE
|
||||
input.parent().find('.minicolors-panel').on('selectstart', function() { return false; }).end();
|
||||
|
||||
// Detect swatch position
|
||||
if( settings.swatchPosition === 'left' ) {
|
||||
// Left
|
||||
input.before('<span class="minicolors-swatch"><span></span></span>');
|
||||
} else {
|
||||
// Right
|
||||
input.after('<span class="minicolors-swatch"><span></span></span>');
|
||||
}
|
||||
|
||||
// Disable textfield
|
||||
if( !settings.textfield ) input.addClass('minicolors-hidden');
|
||||
|
||||
// Inline controls
|
||||
if( settings.inline ) input.parent().addClass('minicolors-inline');
|
||||
|
||||
updateFromInput(input, false, true);
|
||||
|
||||
}
|
||||
|
||||
// Returns the input back to its original state
|
||||
function destroy(input) {
|
||||
|
||||
var minicolors = input.parent();
|
||||
|
||||
// Revert the input element
|
||||
input
|
||||
.removeData('minicolors-initialized')
|
||||
.removeData('minicolors-settings')
|
||||
.removeProp('size')
|
||||
.removeProp('maxlength')
|
||||
.removeClass('minicolors-input');
|
||||
|
||||
// Remove the wrap and destroy whatever remains
|
||||
minicolors.before(input).remove();
|
||||
|
||||
}
|
||||
|
||||
// Refresh the specified control
|
||||
function refresh(input) {
|
||||
updateFromInput(input);
|
||||
}
|
||||
|
||||
// Shows the specified dropdown panel
|
||||
function show(input) {
|
||||
|
||||
var minicolors = input.parent(),
|
||||
panel = minicolors.find('.minicolors-panel'),
|
||||
settings = input.data('minicolors-settings');
|
||||
|
||||
// Do nothing if uninitialized, disabled, inline, or already open
|
||||
if( !input.data('minicolors-initialized') ||
|
||||
input.prop('disabled') ||
|
||||
minicolors.hasClass('minicolors-inline') ||
|
||||
minicolors.hasClass('minicolors-focus')
|
||||
) return;
|
||||
|
||||
hide();
|
||||
|
||||
minicolors.addClass('minicolors-focus');
|
||||
panel
|
||||
.stop(true, true)
|
||||
.fadeIn(settings.showSpeed, function() {
|
||||
if( settings.show ) settings.show.call(input);
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Hides all dropdown panels
|
||||
function hide() {
|
||||
|
||||
$('.minicolors-input').each( function() {
|
||||
|
||||
var input = $(this),
|
||||
settings = input.data('minicolors-settings'),
|
||||
minicolors = input.parent();
|
||||
|
||||
// Don't hide inline controls
|
||||
if( settings.inline ) return;
|
||||
|
||||
minicolors.find('.minicolors-panel').fadeOut(settings.hideSpeed, function() {
|
||||
if(minicolors.hasClass('minicolors-focus')) {
|
||||
if( settings.hide ) settings.hide.call(input);
|
||||
}
|
||||
minicolors.removeClass('minicolors-focus');
|
||||
});
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
// Moves the selected picker
|
||||
function move(target, event, animate) {
|
||||
|
||||
var input = target.parents('.minicolors').find('.minicolors-input'),
|
||||
settings = input.data('minicolors-settings'),
|
||||
picker = target.find('[class$=-picker]'),
|
||||
offsetX = target.offset().left,
|
||||
offsetY = target.offset().top,
|
||||
x = Math.round(event.pageX - offsetX),
|
||||
y = Math.round(event.pageY - offsetY),
|
||||
duration = animate ? settings.animationSpeed : 0,
|
||||
wx, wy, r, phi;
|
||||
|
||||
|
||||
// Touch support
|
||||
if( event.originalEvent.changedTouches ) {
|
||||
x = event.originalEvent.changedTouches[0].pageX - offsetX;
|
||||
y = event.originalEvent.changedTouches[0].pageY - offsetY;
|
||||
}
|
||||
|
||||
// Constrain picker to its container
|
||||
if( x < 0 ) x = 0;
|
||||
if( y < 0 ) y = 0;
|
||||
if( x > target.width() ) x = target.width();
|
||||
if( y > target.height() ) y = target.height();
|
||||
|
||||
// Constrain color wheel values to the wheel
|
||||
if( target.parent().is('.minicolors-slider-wheel') && picker.parent().is('.minicolors-grid') ) {
|
||||
wx = 75 - x;
|
||||
wy = 75 - y;
|
||||
r = Math.sqrt(wx * wx + wy * wy);
|
||||
phi = Math.atan2(wy, wx);
|
||||
if( phi < 0 ) phi += Math.PI * 2;
|
||||
if( r > 75 ) {
|
||||
r = 75;
|
||||
x = 75 - (75 * Math.cos(phi));
|
||||
y = 75 - (75 * Math.sin(phi));
|
||||
}
|
||||
x = Math.round(x);
|
||||
y = Math.round(y);
|
||||
}
|
||||
|
||||
// Move the picker
|
||||
if( target.is('.minicolors-grid') ) {
|
||||
picker
|
||||
.stop(true)
|
||||
.animate({
|
||||
top: y + 'px',
|
||||
left: x + 'px'
|
||||
}, duration, settings.animationEasing, function() {
|
||||
updateFromControl(input, target);
|
||||
});
|
||||
} else {
|
||||
picker
|
||||
.stop(true)
|
||||
.animate({
|
||||
top: y + 'px'
|
||||
}, duration, settings.animationEasing, function() {
|
||||
updateFromControl(input, target);
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Sets the input based on the color picker values
|
||||
function updateFromControl(input, target) {
|
||||
|
||||
function getCoords(picker, container) {
|
||||
|
||||
var left, top;
|
||||
if( !picker.length || !container ) return null;
|
||||
left = picker.offset().left;
|
||||
top = picker.offset().top;
|
||||
|
||||
return {
|
||||
x: left - container.offset().left + (picker.outerWidth() / 2),
|
||||
y: top - container.offset().top + (picker.outerHeight() / 2)
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
var hue, saturation, brightness, rgb, x, y, r, phi,
|
||||
|
||||
hex = input.val(),
|
||||
opacity = input.attr('data-opacity'),
|
||||
|
||||
// Helpful references
|
||||
minicolors = input.parent(),
|
||||
settings = input.data('minicolors-settings'),
|
||||
panel = minicolors.find('.minicolors-panel'),
|
||||
swatch = minicolors.find('.minicolors-swatch'),
|
||||
|
||||
// Panel objects
|
||||
grid = minicolors.find('.minicolors-grid'),
|
||||
slider = minicolors.find('.minicolors-slider'),
|
||||
opacitySlider = minicolors.find('.minicolors-opacity-slider'),
|
||||
|
||||
// Picker objects
|
||||
gridPicker = grid.find('[class$=-picker]'),
|
||||
sliderPicker = slider.find('[class$=-picker]'),
|
||||
opacityPicker = opacitySlider.find('[class$=-picker]'),
|
||||
|
||||
// Picker positions
|
||||
gridPos = getCoords(gridPicker, grid),
|
||||
sliderPos = getCoords(sliderPicker, slider),
|
||||
opacityPos = getCoords(opacityPicker, opacitySlider);
|
||||
|
||||
// Handle colors
|
||||
if( target.is('.minicolors-grid, .minicolors-slider') ) {
|
||||
|
||||
// Determine HSB values
|
||||
switch(settings.control) {
|
||||
|
||||
case 'wheel':
|
||||
// Calculate hue, saturation, and brightness
|
||||
x = (grid.width() / 2) - gridPos.x;
|
||||
y = (grid.height() / 2) - gridPos.y;
|
||||
r = Math.sqrt(x * x + y * y);
|
||||
phi = Math.atan2(y, x);
|
||||
if( phi < 0 ) phi += Math.PI * 2;
|
||||
if( r > 75 ) {
|
||||
r = 75;
|
||||
gridPos.x = 69 - (75 * Math.cos(phi));
|
||||
gridPos.y = 69 - (75 * Math.sin(phi));
|
||||
}
|
||||
saturation = keepWithin(r / 0.75, 0, 100);
|
||||
hue = keepWithin(phi * 180 / Math.PI, 0, 360);
|
||||
brightness = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
|
||||
hex = hsb2hex({
|
||||
h: hue,
|
||||
s: saturation,
|
||||
b: brightness
|
||||
});
|
||||
|
||||
// Update UI
|
||||
slider.css('backgroundColor', hsb2hex({ h: hue, s: saturation, b: 100 }));
|
||||
break;
|
||||
|
||||
case 'saturation':
|
||||
// Calculate hue, saturation, and brightness
|
||||
hue = keepWithin(parseInt(gridPos.x * (360 / grid.width())), 0, 360);
|
||||
saturation = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
|
||||
brightness = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
|
||||
hex = hsb2hex({
|
||||
h: hue,
|
||||
s: saturation,
|
||||
b: brightness
|
||||
});
|
||||
|
||||
// Update UI
|
||||
slider.css('backgroundColor', hsb2hex({ h: hue, s: 100, b: brightness }));
|
||||
minicolors.find('.minicolors-grid-inner').css('opacity', saturation / 100);
|
||||
break;
|
||||
|
||||
case 'brightness':
|
||||
// Calculate hue, saturation, and brightness
|
||||
hue = keepWithin(parseInt(gridPos.x * (360 / grid.width())), 0, 360);
|
||||
saturation = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
|
||||
brightness = keepWithin(100 - Math.floor(sliderPos.y * (100 / slider.height())), 0, 100);
|
||||
hex = hsb2hex({
|
||||
h: hue,
|
||||
s: saturation,
|
||||
b: brightness
|
||||
});
|
||||
|
||||
// Update UI
|
||||
slider.css('backgroundColor', hsb2hex({ h: hue, s: saturation, b: 100 }));
|
||||
minicolors.find('.minicolors-grid-inner').css('opacity', 1 - (brightness / 100));
|
||||
break;
|
||||
|
||||
default:
|
||||
// Calculate hue, saturation, and brightness
|
||||
hue = keepWithin(360 - parseInt(sliderPos.y * (360 / slider.height())), 0, 360);
|
||||
saturation = keepWithin(Math.floor(gridPos.x * (100 / grid.width())), 0, 100);
|
||||
brightness = keepWithin(100 - Math.floor(gridPos.y * (100 / grid.height())), 0, 100);
|
||||
hex = hsb2hex({
|
||||
h: hue,
|
||||
s: saturation,
|
||||
b: brightness
|
||||
});
|
||||
|
||||
// Update UI
|
||||
grid.css('backgroundColor', hsb2hex({ h: hue, s: 100, b: 100 }));
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
// Adjust case
|
||||
input.val( convertCase(hex, settings.letterCase) );
|
||||
|
||||
}
|
||||
|
||||
// Handle opacity
|
||||
if( target.is('.minicolors-opacity-slider') ) {
|
||||
if( settings.opacity ) {
|
||||
opacity = parseFloat(1 - (opacityPos.y / opacitySlider.height())).toFixed(2);
|
||||
} else {
|
||||
opacity = 1;
|
||||
}
|
||||
if( settings.opacity ) input.attr('data-opacity', opacity);
|
||||
}
|
||||
|
||||
// Set swatch color
|
||||
swatch.find('SPAN').css({
|
||||
backgroundColor: hex,
|
||||
opacity: opacity
|
||||
});
|
||||
|
||||
// Handle change event
|
||||
doChange(input, hex, opacity);
|
||||
|
||||
}
|
||||
|
||||
// Sets the color picker values from the input
|
||||
function updateFromInput(input, preserveInputValue, firstRun) {
|
||||
|
||||
var hex,
|
||||
hsb,
|
||||
opacity,
|
||||
x, y, r, phi,
|
||||
|
||||
// Helpful references
|
||||
minicolors = input.parent(),
|
||||
settings = input.data('minicolors-settings'),
|
||||
swatch = minicolors.find('.minicolors-swatch'),
|
||||
|
||||
// Panel objects
|
||||
grid = minicolors.find('.minicolors-grid'),
|
||||
slider = minicolors.find('.minicolors-slider'),
|
||||
opacitySlider = minicolors.find('.minicolors-opacity-slider'),
|
||||
|
||||
// Picker objects
|
||||
gridPicker = grid.find('[class$=-picker]'),
|
||||
sliderPicker = slider.find('[class$=-picker]'),
|
||||
opacityPicker = opacitySlider.find('[class$=-picker]');
|
||||
|
||||
// Determine hex/HSB values
|
||||
hex = convertCase(parseHex(input.val(), true), settings.letterCase);
|
||||
if( !hex ) hex = convertCase(parseHex(settings.defaultValue, true));
|
||||
hsb = hex2hsb(hex);
|
||||
|
||||
// Update input value
|
||||
if( !preserveInputValue ) input.val(hex);
|
||||
|
||||
// Determine opacity value
|
||||
if( settings.opacity ) {
|
||||
// Get from data-opacity attribute and keep within 0-1 range
|
||||
opacity = input.attr('data-opacity') === '' ? 1 : keepWithin(parseFloat(input.attr('data-opacity')).toFixed(2), 0, 1);
|
||||
if( isNaN(opacity) ) opacity = 1;
|
||||
input.attr('data-opacity', opacity);
|
||||
swatch.find('SPAN').css('opacity', opacity);
|
||||
|
||||
// Set opacity picker position
|
||||
y = keepWithin(opacitySlider.height() - (opacitySlider.height() * opacity), 0, opacitySlider.height());
|
||||
opacityPicker.css('top', y + 'px');
|
||||
}
|
||||
|
||||
// Update swatch
|
||||
swatch.find('SPAN').css('backgroundColor', hex);
|
||||
|
||||
// Determine picker locations
|
||||
switch(settings.control) {
|
||||
|
||||
case 'wheel':
|
||||
// Set grid position
|
||||
r = keepWithin(Math.ceil(hsb.s * 0.75), 0, grid.height() / 2);
|
||||
phi = hsb.h * Math.PI / 180;
|
||||
x = keepWithin(75 - Math.cos(phi) * r, 0, grid.width());
|
||||
y = keepWithin(75 - Math.sin(phi) * r, 0, grid.height());
|
||||
gridPicker.css({
|
||||
top: y + 'px',
|
||||
left: x + 'px'
|
||||
});
|
||||
|
||||
// Set slider position
|
||||
y = 150 - (hsb.b / (100 / grid.height()));
|
||||
if( hex === '' ) y = 0;
|
||||
sliderPicker.css('top', y + 'px');
|
||||
|
||||
// Update panel color
|
||||
slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: hsb.s, b: 100 }));
|
||||
break;
|
||||
|
||||
case 'saturation':
|
||||
// Set grid position
|
||||
x = keepWithin((5 * hsb.h) / 12, 0, 150);
|
||||
y = keepWithin(grid.height() - Math.ceil(hsb.b / (100 / grid.height())), 0, grid.height());
|
||||
gridPicker.css({
|
||||
top: y + 'px',
|
||||
left: x + 'px'
|
||||
});
|
||||
|
||||
// Set slider position
|
||||
y = keepWithin(slider.height() - (hsb.s * (slider.height() / 100)), 0, slider.height());
|
||||
sliderPicker.css('top', y + 'px');
|
||||
|
||||
// Update UI
|
||||
slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: 100, b: hsb.b }));
|
||||
minicolors.find('.minicolors-grid-inner').css('opacity', hsb.s / 100);
|
||||
|
||||
break;
|
||||
|
||||
case 'brightness':
|
||||
// Set grid position
|
||||
x = keepWithin((5 * hsb.h) / 12, 0, 150);
|
||||
y = keepWithin(grid.height() - Math.ceil(hsb.s / (100 / grid.height())), 0, grid.height());
|
||||
gridPicker.css({
|
||||
top: y + 'px',
|
||||
left: x + 'px'
|
||||
});
|
||||
|
||||
// Set slider position
|
||||
y = keepWithin(slider.height() - (hsb.b * (slider.height() / 100)), 0, slider.height());
|
||||
sliderPicker.css('top', y + 'px');
|
||||
|
||||
// Update UI
|
||||
slider.css('backgroundColor', hsb2hex({ h: hsb.h, s: hsb.s, b: 100 }));
|
||||
minicolors.find('.minicolors-grid-inner').css('opacity', 1 - (hsb.b / 100));
|
||||
break;
|
||||
|
||||
default:
|
||||
// Set grid position
|
||||
x = keepWithin(Math.ceil(hsb.s / (100 / grid.width())), 0, grid.width());
|
||||
y = keepWithin(grid.height() - Math.ceil(hsb.b / (100 / grid.height())), 0, grid.height());
|
||||
gridPicker.css({
|
||||
top: y + 'px',
|
||||
left: x + 'px'
|
||||
});
|
||||
|
||||
// Set slider position
|
||||
y = keepWithin(slider.height() - (hsb.h / (360 / slider.height())), 0, slider.height());
|
||||
sliderPicker.css('top', y + 'px');
|
||||
|
||||
// Update panel color
|
||||
grid.css('backgroundColor', hsb2hex({ h: hsb.h, s: 100, b: 100 }));
|
||||
break;
|
||||
|
||||
}
|
||||
|
||||
// Handle change event
|
||||
if( !firstRun ) doChange(input, hex, opacity);
|
||||
|
||||
}
|
||||
|
||||
// Runs the change and changeDelay callbacks
|
||||
function doChange(input, hex, opacity) {
|
||||
|
||||
var settings = input.data('minicolors-settings');
|
||||
|
||||
// Only run if it actually changed
|
||||
if( hex + opacity !== input.data('minicolors-lastChange') ) {
|
||||
|
||||
// Remember last-changed value
|
||||
input.data('minicolors-lastChange', hex + opacity);
|
||||
|
||||
// Fire change event
|
||||
if( settings.change ) {
|
||||
if( settings.changeDelay ) {
|
||||
// Call after a delay
|
||||
clearTimeout(input.data('minicolors-changeTimeout'));
|
||||
input.data('minicolors-changeTimeout', setTimeout( function() {
|
||||
settings.change.call(input, hex, opacity);
|
||||
}, settings.changeDelay));
|
||||
} else {
|
||||
// Call immediately
|
||||
settings.change.call(input, hex, opacity);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Generates an RGB(A) object based on the input's value
|
||||
function rgbObject(input) {
|
||||
var hex = parseHex($(input).val(), true),
|
||||
rgb = hex2rgb(hex),
|
||||
opacity = $(input).attr('data-opacity');
|
||||
if( !rgb ) return null;
|
||||
if( opacity !== undefined ) $.extend(rgb, { a: parseFloat(opacity) });
|
||||
return rgb;
|
||||
}
|
||||
|
||||
// Genearates an RGB(A) string based on the input's value
|
||||
function rgbString(input, alpha) {
|
||||
var hex = parseHex($(input).val(), true),
|
||||
rgb = hex2rgb(hex),
|
||||
opacity = $(input).attr('data-opacity');
|
||||
if( !rgb ) return null;
|
||||
if( opacity === undefined ) opacity = 1;
|
||||
if( alpha ) {
|
||||
return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + parseFloat(opacity) + ')';
|
||||
} else {
|
||||
return 'rgb(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ')';
|
||||
}
|
||||
}
|
||||
|
||||
// Converts to the letter case specified in settings
|
||||
function convertCase(string, letterCase) {
|
||||
return letterCase === 'uppercase' ? string.toUpperCase() : string.toLowerCase();
|
||||
}
|
||||
|
||||
// Parses a string and returns a valid hex string when possible
|
||||
function parseHex(string, expand) {
|
||||
string = string.replace(/[^A-F0-9]/ig, '');
|
||||
if( string.length !== 3 && string.length !== 6 ) return '';
|
||||
if( string.length === 3 && expand ) {
|
||||
string = string[0] + string[0] + string[1] + string[1] + string[2] + string[2];
|
||||
}
|
||||
return '#' + string;
|
||||
}
|
||||
|
||||
// Keeps value within min and max
|
||||
function keepWithin(value, min, max) {
|
||||
if( value < min ) value = min;
|
||||
if( value > max ) value = max;
|
||||
return value;
|
||||
}
|
||||
|
||||
// Converts an HSB object to an RGB object
|
||||
function hsb2rgb(hsb) {
|
||||
var rgb = {};
|
||||
var h = Math.round(hsb.h);
|
||||
var s = Math.round(hsb.s * 255 / 100);
|
||||
var v = Math.round(hsb.b * 255 / 100);
|
||||
if(s === 0) {
|
||||
rgb.r = rgb.g = rgb.b = v;
|
||||
} else {
|
||||
var t1 = v;
|
||||
var t2 = (255 - s) * v / 255;
|
||||
var t3 = (t1 - t2) * (h % 60) / 60;
|
||||
if( h === 360 ) h = 0;
|
||||
if( h < 60 ) { rgb.r = t1; rgb.b = t2; rgb.g = t2 + t3; }
|
||||
else if( h < 120 ) {rgb.g = t1; rgb.b = t2; rgb.r = t1 - t3; }
|
||||
else if( h < 180 ) {rgb.g = t1; rgb.r = t2; rgb.b = t2 + t3; }
|
||||
else if( h < 240 ) {rgb.b = t1; rgb.r = t2; rgb.g = t1 - t3; }
|
||||
else if( h < 300 ) {rgb.b = t1; rgb.g = t2; rgb.r = t2 + t3; }
|
||||
else if( h < 360 ) {rgb.r = t1; rgb.g = t2; rgb.b = t1 - t3; }
|
||||
else { rgb.r = 0; rgb.g = 0; rgb.b = 0; }
|
||||
}
|
||||
return {
|
||||
r: Math.round(rgb.r),
|
||||
g: Math.round(rgb.g),
|
||||
b: Math.round(rgb.b)
|
||||
};
|
||||
}
|
||||
|
||||
// Converts an RGB object to a hex string
|
||||
function rgb2hex(rgb) {
|
||||
var hex = [
|
||||
rgb.r.toString(16),
|
||||
rgb.g.toString(16),
|
||||
rgb.b.toString(16)
|
||||
];
|
||||
$.each(hex, function(nr, val) {
|
||||
if (val.length === 1) hex[nr] = '0' + val;
|
||||
});
|
||||
return '#' + hex.join('');
|
||||
}
|
||||
|
||||
// Converts an HSB object to a hex string
|
||||
function hsb2hex(hsb) {
|
||||
return rgb2hex(hsb2rgb(hsb));
|
||||
}
|
||||
|
||||
// Converts a hex string to an HSB object
|
||||
function hex2hsb(hex) {
|
||||
var hsb = rgb2hsb(hex2rgb(hex));
|
||||
if( hsb.s === 0 ) hsb.h = 360;
|
||||
return hsb;
|
||||
}
|
||||
|
||||
// Converts an RGB object to an HSB object
|
||||
function rgb2hsb(rgb) {
|
||||
var hsb = { h: 0, s: 0, b: 0 };
|
||||
var min = Math.min(rgb.r, rgb.g, rgb.b);
|
||||
var max = Math.max(rgb.r, rgb.g, rgb.b);
|
||||
var delta = max - min;
|
||||
hsb.b = max;
|
||||
hsb.s = max !== 0 ? 255 * delta / max : 0;
|
||||
if( hsb.s !== 0 ) {
|
||||
if( rgb.r === max ) {
|
||||
hsb.h = (rgb.g - rgb.b) / delta;
|
||||
} else if( rgb.g === max ) {
|
||||
hsb.h = 2 + (rgb.b - rgb.r) / delta;
|
||||
} else {
|
||||
hsb.h = 4 + (rgb.r - rgb.g) / delta;
|
||||
}
|
||||
} else {
|
||||
hsb.h = -1;
|
||||
}
|
||||
hsb.h *= 60;
|
||||
if( hsb.h < 0 ) {
|
||||
hsb.h += 360;
|
||||
}
|
||||
hsb.s *= 100/255;
|
||||
hsb.b *= 100/255;
|
||||
return hsb;
|
||||
}
|
||||
|
||||
// Converts a hex string to an RGB object
|
||||
function hex2rgb(hex) {
|
||||
hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
|
||||
return {
|
||||
r: hex >> 16,
|
||||
g: (hex & 0x00FF00) >> 8,
|
||||
b: (hex & 0x0000FF)
|
||||
};
|
||||
}
|
||||
|
||||
// Handle events
|
||||
$(document)
|
||||
// Hide on clicks outside of the control
|
||||
.on('mousedown.minicolors touchstart.minicolors', function(event) {
|
||||
if( !$(event.target).parents().add(event.target).hasClass('minicolors') ) {
|
||||
hide();
|
||||
}
|
||||
})
|
||||
// Start moving
|
||||
.on('mousedown.minicolors touchstart.minicolors', '.minicolors-grid, .minicolors-slider, .minicolors-opacity-slider', function(event) {
|
||||
var target = $(this);
|
||||
event.preventDefault();
|
||||
$(document).data('minicolors-target', target);
|
||||
move(target, event, true);
|
||||
})
|
||||
// Move pickers
|
||||
.on('mousemove.minicolors touchmove.minicolors', function(event) {
|
||||
var target = $(document).data('minicolors-target');
|
||||
if( target ) move(target, event);
|
||||
})
|
||||
// Stop moving
|
||||
.on('mouseup.minicolors touchend.minicolors', function() {
|
||||
$(this).removeData('minicolors-target');
|
||||
})
|
||||
// Toggle panel when swatch is clicked
|
||||
.on('mousedown.minicolors touchstart.minicolors', '.minicolors-swatch', function(event) {
|
||||
var input = $(this).parent().find('.minicolors-input'),
|
||||
minicolors = input.parent();
|
||||
if( minicolors.hasClass('minicolors-focus') ) {
|
||||
hide(input);
|
||||
} else {
|
||||
show(input);
|
||||
}
|
||||
})
|
||||
// Show on focus
|
||||
.on('focus.minicolors', '.minicolors-input', function(event) {
|
||||
var input = $(this);
|
||||
if( !input.data('minicolors-initialized') ) return;
|
||||
show(input);
|
||||
})
|
||||
// Fix hex on blur
|
||||
.on('blur.minicolors', '.minicolors-input', function(event) {
|
||||
var input = $(this),
|
||||
settings = input.data('minicolors-settings');
|
||||
if( !input.data('minicolors-initialized') ) return;
|
||||
|
||||
// Parse Hex
|
||||
input.val(parseHex(input.val(), true));
|
||||
|
||||
// Is it blank?
|
||||
if( input.val() === '' ) input.val(parseHex(settings.defaultValue, true));
|
||||
|
||||
// Adjust case
|
||||
input.val( convertCase(input.val(), settings.letterCase) );
|
||||
|
||||
})
|
||||
// Handle keypresses
|
||||
.on('keydown.minicolors', '.minicolors-input', function(event) {
|
||||
var input = $(this);
|
||||
if( !input.data('minicolors-initialized') ) return;
|
||||
switch(event.keyCode) {
|
||||
case 9: // tab
|
||||
hide();
|
||||
break;
|
||||
case 27: // esc
|
||||
hide();
|
||||
input.blur();
|
||||
break;
|
||||
}
|
||||
})
|
||||
// Update on keyup
|
||||
.on('keyup.minicolors', '.minicolors-input', function(event) {
|
||||
var input = $(this);
|
||||
if( !input.data('minicolors-initialized') ) return;
|
||||
updateFromInput(input, true);
|
||||
})
|
||||
// Update on paste
|
||||
.on('paste.minicolors', '.minicolors-input', function(event) {
|
||||
var input = $(this);
|
||||
if( !input.data('minicolors-initialized') ) return;
|
||||
setTimeout( function() {
|
||||
updateFromInput(input, true);
|
||||
}, 1);
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
49
media/jui/js/jquery.minicolors.min.js
vendored
Normal file
49
media/jui/js/jquery.minicolors.min.js
vendored
Normal file
@@ -0,0 +1,49 @@
|
||||
if(jQuery)(function($){$.minicolors={defaultSettings:{animationSpeed:100,animationEasing:'swing',change:null,changeDelay:0,control:'hue',defaultValue:'',hide:null,hideSpeed:100,inline:false,letterCase:'lowercase',opacity:false,position:'default',show:null,showSpeed:100,swatchPosition:'left',textfield:true,theme:'default'}};$.extend($.fn,{minicolors:function(method,data){switch(method){case'destroy':$(this).each(function(){destroy($(this));});return $(this);case'hide':hide();return $(this);case'opacity':if(data===undefined){return $(this).attr('data-opacity');}else{$(this).each(function(){refresh($(this).attr('data-opacity',data));});return $(this);}
|
||||
case'rgbObject':return rgbObject($(this),method==='rgbaObject');case'rgbString':case'rgbaString':return rgbString($(this),method==='rgbaString')
|
||||
case'settings':if(data===undefined){return $(this).data('minicolors-settings');}else{$(this).each(function(){var settings=$(this).data('minicolors-settings')||{};destroy($(this));$(this).minicolors($.extend(true,settings,data));});return $(this);}
|
||||
case'show':show($(this).eq(0));return $(this);case'value':if(data===undefined){return $(this).val();}else{$(this).each(function(){refresh($(this).val(data));});return $(this);}
|
||||
case'create':default:if(method!=='create')data=method;$(this).each(function(){init($(this),data);});return $(this);}}});function init(input,settings){var minicolors=$('<span class="minicolors" />'),defaultSettings=$.minicolors.defaultSettings;if(input.data('minicolors-initialized'))return;settings=$.extend(true,{},defaultSettings,settings);minicolors.addClass('minicolors-theme-'+settings.theme).addClass('minicolors-swatch-position-'+settings.swatchPosition).toggleClass('minicolors-swatch-left',settings.swatchPosition==='left').toggleClass('minicolors-with-opacity',settings.opacity);if(settings.position!==undefined){$.each(settings.position.split(' '),function(){minicolors.addClass('minicolors-position-'+this);});}
|
||||
input.addClass('minicolors-input').data('minicolors-initialized',true).data('minicolors-settings',settings).prop('size',7).prop('maxlength',7).wrap(minicolors).after('<span class="minicolors-panel minicolors-slider-'+settings.control+'">'+'<span class="minicolors-slider">'+'<span class="minicolors-picker"></span>'+'</span>'+'<span class="minicolors-opacity-slider">'+'<span class="minicolors-picker"></span>'+'</span>'+'<span class="minicolors-grid">'+'<span class="minicolors-grid-inner"></span>'+'<span class="minicolors-picker"><span></span></span>'+'</span>'+'</span>');input.parent().find('.minicolors-panel').on('selectstart',function(){return false;}).end();if(settings.swatchPosition==='left'){input.before('<span class="minicolors-swatch"><span></span></span>');}else{input.after('<span class="minicolors-swatch"><span></span></span>');}
|
||||
if(!settings.textfield)input.addClass('minicolors-hidden');if(settings.inline)input.parent().addClass('minicolors-inline');updateFromInput(input,false,true);}
|
||||
function destroy(input){var minicolors=input.parent();input.removeData('minicolors-initialized').removeData('minicolors-settings').removeProp('size').removeProp('maxlength').removeClass('minicolors-input');minicolors.before(input).remove();}
|
||||
function refresh(input){updateFromInput(input);}
|
||||
function show(input){var minicolors=input.parent(),panel=minicolors.find('.minicolors-panel'),settings=input.data('minicolors-settings');if(!input.data('minicolors-initialized')||input.prop('disabled')||minicolors.hasClass('minicolors-inline')||minicolors.hasClass('minicolors-focus'))return;hide();minicolors.addClass('minicolors-focus');panel.stop(true,true).fadeIn(settings.showSpeed,function(){if(settings.show)settings.show.call(input);});}
|
||||
function hide(){$('.minicolors-input').each(function(){var input=$(this),settings=input.data('minicolors-settings'),minicolors=input.parent();if(settings.inline)return;minicolors.find('.minicolors-panel').fadeOut(settings.hideSpeed,function(){if(minicolors.hasClass('minicolors-focus')){if(settings.hide)settings.hide.call(input);}
|
||||
minicolors.removeClass('minicolors-focus');});});}
|
||||
function move(target,event,animate){var input=target.parents('.minicolors').find('.minicolors-input'),settings=input.data('minicolors-settings'),picker=target.find('[class$=-picker]'),offsetX=target.offset().left,offsetY=target.offset().top,x=Math.round(event.pageX-offsetX),y=Math.round(event.pageY-offsetY),duration=animate?settings.animationSpeed:0,wx,wy,r,phi;if(event.originalEvent.changedTouches){x=event.originalEvent.changedTouches[0].pageX-offsetX;y=event.originalEvent.changedTouches[0].pageY-offsetY;}
|
||||
if(x<0)x=0;if(y<0)y=0;if(x>target.width())x=target.width();if(y>target.height())y=target.height();if(target.parent().is('.minicolors-slider-wheel')&&picker.parent().is('.minicolors-grid')){wx=75-x;wy=75-y;r=Math.sqrt(wx*wx+wy*wy);phi=Math.atan2(wy,wx);if(phi<0)phi+=Math.PI*2;if(r>75){r=75;x=75-(75*Math.cos(phi));y=75-(75*Math.sin(phi));}
|
||||
x=Math.round(x);y=Math.round(y);}
|
||||
if(target.is('.minicolors-grid')){picker.stop(true).animate({top:y+'px',left:x+'px'},duration,settings.animationEasing,function(){updateFromControl(input,target);});}else{picker.stop(true).animate({top:y+'px'},duration,settings.animationEasing,function(){updateFromControl(input,target);});}}
|
||||
function updateFromControl(input,target){function getCoords(picker,container){var left,top;if(!picker.length||!container)return null;left=picker.offset().left;top=picker.offset().top;return{x:left-container.offset().left+(picker.outerWidth()/2),y:top-container.offset().top+(picker.outerHeight()/2)};}
|
||||
var hue,saturation,brightness,rgb,x,y,r,phi,hex=input.val(),opacity=input.attr('data-opacity'),minicolors=input.parent(),settings=input.data('minicolors-settings'),panel=minicolors.find('.minicolors-panel'),swatch=minicolors.find('.minicolors-swatch'),grid=minicolors.find('.minicolors-grid'),slider=minicolors.find('.minicolors-slider'),opacitySlider=minicolors.find('.minicolors-opacity-slider'),gridPicker=grid.find('[class$=-picker]'),sliderPicker=slider.find('[class$=-picker]'),opacityPicker=opacitySlider.find('[class$=-picker]'),gridPos=getCoords(gridPicker,grid),sliderPos=getCoords(sliderPicker,slider),opacityPos=getCoords(opacityPicker,opacitySlider);if(target.is('.minicolors-grid, .minicolors-slider')){switch(settings.control){case'wheel':x=(grid.width()/2)-gridPos.x;y=(grid.height()/2)-gridPos.y;r=Math.sqrt(x*x+y*y);phi=Math.atan2(y,x);if(phi<0)phi+=Math.PI*2;if(r>75){r=75;gridPos.x=69-(75*Math.cos(phi));gridPos.y=69-(75*Math.sin(phi));}
|
||||
saturation=keepWithin(r/0.75,0,100);hue=keepWithin(phi*180/Math.PI,0,360);brightness=keepWithin(100-Math.floor(sliderPos.y*(100/slider.height())),0,100);hex=hsb2hex({h:hue,s:saturation,b:brightness});slider.css('backgroundColor',hsb2hex({h:hue,s:saturation,b:100}));break;case'saturation':hue=keepWithin(parseInt(gridPos.x*(360/grid.width())),0,360);saturation=keepWithin(100-Math.floor(sliderPos.y*(100/slider.height())),0,100);brightness=keepWithin(100-Math.floor(gridPos.y*(100/grid.height())),0,100);hex=hsb2hex({h:hue,s:saturation,b:brightness});slider.css('backgroundColor',hsb2hex({h:hue,s:100,b:brightness}));minicolors.find('.minicolors-grid-inner').css('opacity',saturation/100);break;case'brightness':hue=keepWithin(parseInt(gridPos.x*(360/grid.width())),0,360);saturation=keepWithin(100-Math.floor(gridPos.y*(100/grid.height())),0,100);brightness=keepWithin(100-Math.floor(sliderPos.y*(100/slider.height())),0,100);hex=hsb2hex({h:hue,s:saturation,b:brightness});slider.css('backgroundColor',hsb2hex({h:hue,s:saturation,b:100}));minicolors.find('.minicolors-grid-inner').css('opacity',1-(brightness/100));break;default:hue=keepWithin(360-parseInt(sliderPos.y*(360/slider.height())),0,360);saturation=keepWithin(Math.floor(gridPos.x*(100/grid.width())),0,100);brightness=keepWithin(100-Math.floor(gridPos.y*(100/grid.height())),0,100);hex=hsb2hex({h:hue,s:saturation,b:brightness});grid.css('backgroundColor',hsb2hex({h:hue,s:100,b:100}));break;}
|
||||
input.val(convertCase(hex,settings.letterCase));}
|
||||
if(target.is('.minicolors-opacity-slider')){if(settings.opacity){opacity=parseFloat(1-(opacityPos.y/opacitySlider.height())).toFixed(2);}else{opacity=1;}
|
||||
if(settings.opacity)input.attr('data-opacity',opacity);}
|
||||
swatch.find('SPAN').css({backgroundColor:hex,opacity:opacity});doChange(input,hex,opacity);}
|
||||
function updateFromInput(input,preserveInputValue,firstRun){var hex,hsb,opacity,x,y,r,phi,minicolors=input.parent(),settings=input.data('minicolors-settings'),swatch=minicolors.find('.minicolors-swatch'),grid=minicolors.find('.minicolors-grid'),slider=minicolors.find('.minicolors-slider'),opacitySlider=minicolors.find('.minicolors-opacity-slider'),gridPicker=grid.find('[class$=-picker]'),sliderPicker=slider.find('[class$=-picker]'),opacityPicker=opacitySlider.find('[class$=-picker]');hex=convertCase(parseHex(input.val(),true),settings.letterCase);if(!hex)hex=convertCase(parseHex(settings.defaultValue,true));hsb=hex2hsb(hex);if(!preserveInputValue)input.val(hex);if(settings.opacity){opacity=input.attr('data-opacity')===''?1:keepWithin(parseFloat(input.attr('data-opacity')).toFixed(2),0,1);if(isNaN(opacity))opacity=1;input.attr('data-opacity',opacity);swatch.find('SPAN').css('opacity',opacity);y=keepWithin(opacitySlider.height()-(opacitySlider.height()*opacity),0,opacitySlider.height());opacityPicker.css('top',y+'px');}
|
||||
swatch.find('SPAN').css('backgroundColor',hex);switch(settings.control){case'wheel':r=keepWithin(Math.ceil(hsb.s*0.75),0,grid.height()/2);phi=hsb.h*Math.PI/180;x=keepWithin(75-Math.cos(phi)*r,0,grid.width());y=keepWithin(75-Math.sin(phi)*r,0,grid.height());gridPicker.css({top:y+'px',left:x+'px'});y=150-(hsb.b/(100/grid.height()));if(hex==='')y=0;sliderPicker.css('top',y+'px');slider.css('backgroundColor',hsb2hex({h:hsb.h,s:hsb.s,b:100}));break;case'saturation':x=keepWithin((5*hsb.h)/12,0,150);y=keepWithin(grid.height()-Math.ceil(hsb.b/(100/grid.height())),0,grid.height());gridPicker.css({top:y+'px',left:x+'px'});y=keepWithin(slider.height()-(hsb.s*(slider.height()/100)),0,slider.height());sliderPicker.css('top',y+'px');slider.css('backgroundColor',hsb2hex({h:hsb.h,s:100,b:hsb.b}));minicolors.find('.minicolors-grid-inner').css('opacity',hsb.s/100);break;case'brightness':x=keepWithin((5*hsb.h)/12,0,150);y=keepWithin(grid.height()-Math.ceil(hsb.s/(100/grid.height())),0,grid.height());gridPicker.css({top:y+'px',left:x+'px'});y=keepWithin(slider.height()-(hsb.b*(slider.height()/100)),0,slider.height());sliderPicker.css('top',y+'px');slider.css('backgroundColor',hsb2hex({h:hsb.h,s:hsb.s,b:100}));minicolors.find('.minicolors-grid-inner').css('opacity',1-(hsb.b/100));break;default:x=keepWithin(Math.ceil(hsb.s/(100/grid.width())),0,grid.width());y=keepWithin(grid.height()-Math.ceil(hsb.b/(100/grid.height())),0,grid.height());gridPicker.css({top:y+'px',left:x+'px'});y=keepWithin(slider.height()-(hsb.h/(360/slider.height())),0,slider.height());sliderPicker.css('top',y+'px');grid.css('backgroundColor',hsb2hex({h:hsb.h,s:100,b:100}));break;}
|
||||
if(!firstRun)doChange(input,hex,opacity);}
|
||||
function doChange(input,hex,opacity){var settings=input.data('minicolors-settings');if(hex+opacity!==input.data('minicolors-lastChange')){input.data('minicolors-lastChange',hex+opacity);if(settings.change){if(settings.changeDelay){clearTimeout(input.data('minicolors-changeTimeout'));input.data('minicolors-changeTimeout',setTimeout(function(){settings.change.call(input,hex,opacity);},settings.changeDelay));}else{settings.change.call(input,hex,opacity);}}}}
|
||||
function rgbObject(input){var hex=parseHex($(input).val(),true),rgb=hex2rgb(hex),opacity=$(input).attr('data-opacity');if(!rgb)return null;if(opacity!==undefined)$.extend(rgb,{a:parseFloat(opacity)});return rgb;}
|
||||
function rgbString(input,alpha){var hex=parseHex($(input).val(),true),rgb=hex2rgb(hex),opacity=$(input).attr('data-opacity');if(!rgb)return null;if(opacity===undefined)opacity=1;if(alpha){return'rgba('+rgb.r+', '+rgb.g+', '+rgb.b+', '+parseFloat(opacity)+')';}else{return'rgb('+rgb.r+', '+rgb.g+', '+rgb.b+')';}}
|
||||
function convertCase(string,letterCase){return letterCase==='uppercase'?string.toUpperCase():string.toLowerCase();}
|
||||
function parseHex(string,expand){string=string.replace(/[^A-F0-9]/ig,'');if(string.length!==3&&string.length!==6)return'';if(string.length===3&&expand){string=string[0]+string[0]+string[1]+string[1]+string[2]+string[2];}
|
||||
return'#'+string;}
|
||||
function keepWithin(value,min,max){if(value<min)value=min;if(value>max)value=max;return value;}
|
||||
function hsb2rgb(hsb){var rgb={};var h=Math.round(hsb.h);var s=Math.round(hsb.s*255/100);var v=Math.round(hsb.b*255/100);if(s===0){rgb.r=rgb.g=rgb.b=v;}else{var t1=v;var t2=(255-s)*v/255;var t3=(t1-t2)*(h%60)/60;if(h===360)h=0;if(h<60){rgb.r=t1;rgb.b=t2;rgb.g=t2+t3;}
|
||||
else if(h<120){rgb.g=t1;rgb.b=t2;rgb.r=t1-t3;}
|
||||
else if(h<180){rgb.g=t1;rgb.r=t2;rgb.b=t2+t3;}
|
||||
else if(h<240){rgb.b=t1;rgb.r=t2;rgb.g=t1-t3;}
|
||||
else if(h<300){rgb.b=t1;rgb.g=t2;rgb.r=t2+t3;}
|
||||
else if(h<360){rgb.r=t1;rgb.g=t2;rgb.b=t1-t3;}
|
||||
else{rgb.r=0;rgb.g=0;rgb.b=0;}}
|
||||
return{r:Math.round(rgb.r),g:Math.round(rgb.g),b:Math.round(rgb.b)};}
|
||||
function rgb2hex(rgb){var hex=[rgb.r.toString(16),rgb.g.toString(16),rgb.b.toString(16)];$.each(hex,function(nr,val){if(val.length===1)hex[nr]='0'+val;});return'#'+hex.join('');}
|
||||
function hsb2hex(hsb){return rgb2hex(hsb2rgb(hsb));}
|
||||
function hex2hsb(hex){var hsb=rgb2hsb(hex2rgb(hex));if(hsb.s===0)hsb.h=360;return hsb;}
|
||||
function rgb2hsb(rgb){var hsb={h:0,s:0,b:0};var min=Math.min(rgb.r,rgb.g,rgb.b);var max=Math.max(rgb.r,rgb.g,rgb.b);var delta=max-min;hsb.b=max;hsb.s=max!==0?255*delta/max:0;if(hsb.s!==0){if(rgb.r===max){hsb.h=(rgb.g-rgb.b)/delta;}else if(rgb.g===max){hsb.h=2+(rgb.b-rgb.r)/delta;}else{hsb.h=4+(rgb.r-rgb.g)/delta;}}else{hsb.h=-1;}
|
||||
hsb.h*=60;if(hsb.h<0){hsb.h+=360;}
|
||||
hsb.s*=100/255;hsb.b*=100/255;return hsb;}
|
||||
function hex2rgb(hex){hex=parseInt(((hex.indexOf('#')>-1)?hex.substring(1):hex),16);return{r:hex>>16,g:(hex&0x00FF00)>>8,b:(hex&0x0000FF)};}
|
||||
$(document).on('mousedown.minicolors touchstart.minicolors',function(event){if(!$(event.target).parents().add(event.target).hasClass('minicolors')){hide();}}).on('mousedown.minicolors touchstart.minicolors','.minicolors-grid, .minicolors-slider, .minicolors-opacity-slider',function(event){var target=$(this);event.preventDefault();$(document).data('minicolors-target',target);move(target,event,true);}).on('mousemove.minicolors touchmove.minicolors',function(event){var target=$(document).data('minicolors-target');if(target)move(target,event);}).on('mouseup.minicolors touchend.minicolors',function(){$(this).removeData('minicolors-target');}).on('mousedown.minicolors touchstart.minicolors','.minicolors-swatch',function(event){var input=$(this).parent().find('.minicolors-input'),minicolors=input.parent();if(minicolors.hasClass('minicolors-focus')){hide(input);}else{show(input);}}).on('focus.minicolors','.minicolors-input',function(event){var input=$(this);if(!input.data('minicolors-initialized'))return;show(input);}).on('blur.minicolors','.minicolors-input',function(event){var input=$(this),settings=input.data('minicolors-settings');if(!input.data('minicolors-initialized'))return;input.val(parseHex(input.val(),true));if(input.val()==='')input.val(parseHex(settings.defaultValue,true));input.val(convertCase(input.val(),settings.letterCase));}).on('keydown.minicolors','.minicolors-input',function(event){var input=$(this);if(!input.data('minicolors-initialized'))return;switch(event.keyCode){case 9:hide();break;case 27:hide();input.blur();break;}}).on('keyup.minicolors','.minicolors-input',function(event){var input=$(this);if(!input.data('minicolors-initialized'))return;updateFromInput(input,true);}).on('paste.minicolors','.minicolors-input',function(event){var input=$(this);if(!input.data('minicolors-initialized'))return;setTimeout(function(){updateFromInput(input,true);},1);});})(jQuery);
|
||||
202
media/jui/js/jquery.simplecolors.js
Normal file
202
media/jui/js/jquery.simplecolors.js
Normal file
@@ -0,0 +1,202 @@
|
||||
/**
|
||||
* LOOSELY BASED ON:
|
||||
* Very simple jQuery Color Picker
|
||||
* Copyright (C) 2012 Tanguy Krotoff
|
||||
* Licensed under the MIT license
|
||||
*
|
||||
* ADAPTED BY:
|
||||
* Copyright (C) 2013 Peter van Westen
|
||||
*/
|
||||
|
||||
(function($)
|
||||
{
|
||||
var SimpleColorPicker = function(element, options)
|
||||
{
|
||||
this.select = $(element);
|
||||
this.options = $.extend({}, $.fn.simplecolors.defaults, options);
|
||||
|
||||
this.select.hide();
|
||||
|
||||
// Build the list of colors
|
||||
var list = '';
|
||||
$('option', this.select).each(function()
|
||||
{
|
||||
var option = $(this);
|
||||
var color = option.val();
|
||||
if (option.text() == '-') {
|
||||
list += '<br />';
|
||||
} else {
|
||||
var clss = 'simplecolors-swatch';
|
||||
if (color == 'none') {
|
||||
clss += ' nocolor';
|
||||
color = 'transparent';
|
||||
}
|
||||
if (option.attr('selected')) {
|
||||
clss += ' active';
|
||||
}
|
||||
list += '<span class="' + clss + '"><span style="background-color: ' + color + ';" tabindex="0"></span></span>';
|
||||
}
|
||||
});
|
||||
|
||||
var color = this.select.val();
|
||||
var clss = 'simplecolors-swatch';
|
||||
if (color == 'none') {
|
||||
clss += ' nocolor';
|
||||
color = 'transparent';
|
||||
}
|
||||
this.icon = $('<span class="' + clss + '"><span style="background-color: ' + color + ';" tabindex="0"></span></span>').insertAfter(this.select);
|
||||
this.icon.on('click', $.proxy(this.show, this));
|
||||
|
||||
this.panel = $('<span class="simplecolors-panel"></span>').appendTo(document.body);
|
||||
this.panel.html(list);
|
||||
this.panel.on('click', $.proxy(this.click, this));
|
||||
|
||||
// Hide panel when clicking outside
|
||||
$(document).on('mousedown', $.proxy(this.hide, this));
|
||||
this.panel.on('mousedown', $.proxy(this.mousedown, this));
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* SimpleColorPicker class
|
||||
*/
|
||||
SimpleColorPicker.prototype = {
|
||||
constructor: SimpleColorPicker,
|
||||
|
||||
show: function()
|
||||
{
|
||||
var panelpadding = 7; // Empirical value
|
||||
var pos = this.icon.offset();
|
||||
switch (this.select.attr('data-position')) {
|
||||
case 'top':
|
||||
this.panel.css({
|
||||
left: pos.left - panelpadding,
|
||||
top: pos.top - this.panel.outerHeight() - 1
|
||||
});
|
||||
break;
|
||||
case 'bottom':
|
||||
this.panel.css({
|
||||
left: pos.left - panelpadding,
|
||||
top: pos.top + this.icon.outerHeight()
|
||||
});
|
||||
break;
|
||||
case 'left':
|
||||
this.panel.css({
|
||||
left: pos.left - this.panel.outerWidth(),
|
||||
top: pos.top - ( (this.panel.outerHeight() - this.icon.outerHeight() ) / 2 ) - 1
|
||||
});
|
||||
break;
|
||||
case 'right':
|
||||
default:
|
||||
this.panel.css({
|
||||
left: pos.left + this.icon.outerWidth(),
|
||||
top: pos.top - ( (this.panel.outerHeight() - this.icon.outerHeight() ) / 2 ) - 1
|
||||
});
|
||||
break;
|
||||
}
|
||||
|
||||
this.panel.show(this.options.delay);
|
||||
},
|
||||
|
||||
hide: function()
|
||||
{
|
||||
this.panel.hide(this.options.delay);
|
||||
},
|
||||
|
||||
click: function(e)
|
||||
{
|
||||
var target = $(e.target);
|
||||
if (target.length === 1) {
|
||||
if (target[0].nodeName.toLowerCase() === 'span') {
|
||||
// When you click on a color
|
||||
|
||||
var color = '';
|
||||
var bgcolor = '';
|
||||
var clss = '';
|
||||
if (target.parent().hasClass('nocolor')) {
|
||||
color = 'none';
|
||||
bgcolor = 'transparent';
|
||||
clss = 'nocolor';
|
||||
} else {
|
||||
color = this.rgb2hex(target.css('background-color'));
|
||||
bgcolor = color;
|
||||
}
|
||||
|
||||
// Mark this div as the selected one
|
||||
target.parent().siblings().removeClass('active');
|
||||
target.parent().addClass('active');
|
||||
|
||||
this.icon.removeClass('nocolor').addClass(clss);
|
||||
this.icon.find('span').css('background-color', bgcolor);
|
||||
|
||||
// Hide the panel
|
||||
this.hide();
|
||||
|
||||
// Change select value
|
||||
this.select.val(color).change();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Prevents the mousedown event from "eating" the click event.
|
||||
*/
|
||||
mousedown: function(e)
|
||||
{
|
||||
e.stopPropagation();
|
||||
e.preventDefault();
|
||||
},
|
||||
|
||||
/**
|
||||
* Converts a RGB color to its hexadecimal value.
|
||||
*
|
||||
* See http://stackoverflow.com/questions/1740700/get-hex-value-rather-than-rgb-value-using-$
|
||||
*/
|
||||
rgb2hex: function(rgb)
|
||||
{
|
||||
function hex(x)
|
||||
{
|
||||
return ("0" + parseInt(x, 10).toString(16)).slice(-2);
|
||||
}
|
||||
|
||||
var matches = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
|
||||
if (matches === null) {
|
||||
// Fix for Internet Explorer < 9
|
||||
// Variable rgb is already a hexadecimal value
|
||||
return rgb;
|
||||
} else {
|
||||
return '#' + hex(matches[1]) + hex(matches[2]) + hex(matches[3]);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Plugin definition.
|
||||
*/
|
||||
$.fn.simplecolors = function(option)
|
||||
{
|
||||
// For HTML element passed to the plugin
|
||||
return this.each(function()
|
||||
{
|
||||
var $this = $(this),
|
||||
data = $this.data('simplecolors'),
|
||||
options = typeof option === 'object' && option;
|
||||
if (!data) {
|
||||
$this.data('simplecolors', (data = new SimpleColorPicker(this, options)));
|
||||
}
|
||||
if (typeof option === 'string') {
|
||||
data[option]();
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.simplecolors.Constructor = SimpleColorPicker;
|
||||
|
||||
/**
|
||||
* Default options.
|
||||
*/
|
||||
$.fn.simplecolors.defaults = {
|
||||
// Animation delay
|
||||
delay: 0
|
||||
};
|
||||
})(jQuery);
|
||||
19
media/jui/js/jquery.simplecolors.min.js
vendored
Normal file
19
media/jui/js/jquery.simplecolors.min.js
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
(function($)
|
||||
{var SimpleColorPicker=function(element,options)
|
||||
{this.select=$(element);this.options=$.extend({},$.fn.simplecolors.defaults,options);this.select.hide();var list='';$('option',this.select).each(function()
|
||||
{var option=$(this);var color=option.val();if(option.text()=='-'){list+='<br />';}else{var clss='simplecolors-swatch';if(color=='none'){clss+=' nocolor';color='transparent';}
|
||||
if(option.attr('selected')){clss+=' active';}
|
||||
list+='<span class="'+clss+'"><span style="background-color: '+color+';" tabindex="0"></span></span>';}});var color=this.select.val();var clss='simplecolors-swatch';if(color=='none'){clss+=' nocolor';color='transparent';}
|
||||
this.icon=$('<span class="'+clss+'"><span style="background-color: '+color+';" tabindex="0"></span></span>').insertAfter(this.select);this.icon.on('click',$.proxy(this.show,this));this.panel=$('<span class="simplecolors-panel"></span>').appendTo(document.body);this.panel.html(list);this.panel.on('click',$.proxy(this.click,this));$(document).on('mousedown',$.proxy(this.hide,this));this.panel.on('mousedown',$.proxy(this.mousedown,this));};SimpleColorPicker.prototype={constructor:SimpleColorPicker,show:function()
|
||||
{var panelpadding=7;var pos=this.icon.offset();switch(this.select.attr('data-position')){case'top':this.panel.css({left:pos.left-panelpadding,top:pos.top-this.panel.outerHeight()-1});break;case'bottom':this.panel.css({left:pos.left-panelpadding,top:pos.top+this.icon.outerHeight()});break;case'left':this.panel.css({left:pos.left-this.panel.outerWidth(),top:pos.top-((this.panel.outerHeight()-this.icon.outerHeight())/2)-1});break;case'right':default:this.panel.css({left:pos.left+this.icon.outerWidth(),top:pos.top-((this.panel.outerHeight()-this.icon.outerHeight())/2)-1});break;}
|
||||
this.panel.show(this.options.delay);},hide:function()
|
||||
{this.panel.hide(this.options.delay);},click:function(e)
|
||||
{var target=$(e.target);if(target.length===1){if(target[0].nodeName.toLowerCase()==='span'){var color='';var bgcolor='';var clss='';if(target.parent().hasClass('nocolor')){color='none';bgcolor='transparent';clss='nocolor';}else{color=this.rgb2hex(target.css('background-color'));bgcolor=color;}
|
||||
target.parent().siblings().removeClass('active');target.parent().addClass('active');this.icon.removeClass('nocolor').addClass(clss);this.icon.find('span').css('background-color',bgcolor);this.hide();this.select.val(color).change();}}},mousedown:function(e)
|
||||
{e.stopPropagation();e.preventDefault();},rgb2hex:function(rgb)
|
||||
{function hex(x)
|
||||
{return("0"+parseInt(x,10).toString(16)).slice(-2);}
|
||||
var matches=rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);if(matches===null){return rgb;}else{return'#'+hex(matches[1])+hex(matches[2])+hex(matches[3]);}}};$.fn.simplecolors=function(option)
|
||||
{return this.each(function()
|
||||
{var $this=$(this),data=$this.data('simplecolors'),options=typeof option==='object'&&option;if(!data){$this.data('simplecolors',(data=new SimpleColorPicker(this,options)));}
|
||||
if(typeof option==='string'){data[option]();}});};$.fn.simplecolors.Constructor=SimpleColorPicker;$.fn.simplecolors.defaults={delay:0};})(jQuery);
|
||||
1081
media/jui/js/jquery.ui.core.js
vendored
Normal file
1081
media/jui/js/jquery.ui.core.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
17
media/jui/js/jquery.ui.core.min.js
vendored
Normal file
17
media/jui/js/jquery.ui.core.min.js
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
/*! jQuery UI - v1.8.23 - 2012-08-15
|
||||
* https://github.com/jquery/jquery-ui
|
||||
* Includes: jquery.ui.core.js
|
||||
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
|
||||
(function(a,b){function c(b,c){var e=b.nodeName.toLowerCase();if("area"===e){var f=b.parentNode,g=f.name,h;return!b.href||!g||f.nodeName.toLowerCase()!=="map"?!1:(h=a("img[usemap=#"+g+"]")[0],!!h&&d(h))}return(/input|select|textarea|button|object/.test(e)?!b.disabled:"a"==e?b.href||c:c)&&d(b)}function d(b){return!a(b).parents().andSelf().filter(function(){return a.curCSS(this,"visibility")==="hidden"||a.expr.filters.hidden(this)}).length}a.ui=a.ui||{};if(a.ui.version)return;a.extend(a.ui,{version:"1.8.23",keyCode:{ALT:18,BACKSPACE:8,CAPS_LOCK:20,COMMA:188,COMMAND:91,COMMAND_LEFT:91,COMMAND_RIGHT:93,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,INSERT:45,LEFT:37,MENU:93,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SHIFT:16,SPACE:32,TAB:9,UP:38,WINDOWS:91}}),a.fn.extend({propAttr:a.fn.prop||a.fn.attr,_focus:a.fn.focus,focus:function(b,c){return typeof b=="number"?this.each(function(){var d=this;setTimeout(function(){a(d).focus(),c&&c.call(d)},b)}):this._focus.apply(this,arguments)},scrollParent:function(){var b;return a.browser.msie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?b=this.parents().filter(function(){return/(relative|absolute|fixed)/.test(a.curCSS(this,"position",1))&&/(auto|scroll)/.test(a.curCSS(this,"overflow",1)+a.curCSS(this,"overflow-y",1)+a.curCSS(this,"overflow-x",1))}).eq(0):b=this.parents().filter(function(){return/(auto|scroll)/.test(a.curCSS(this,"overflow",1)+a.curCSS(this,"overflow-y",1)+a.curCSS(this,"overflow-x",1))}).eq(0),/fixed/.test(this.css("position"))||!b.length?a(document):b},zIndex:function(c){if(c!==b)return this.css("zIndex",c);if(this.length){var d=a(this[0]),e,f;while(d.length&&d[0]!==document){e=d.css("position");if(e==="absolute"||e==="relative"||e==="fixed"){f=parseInt(d.css("zIndex"),10);if(!isNaN(f)&&f!==0)return f}d=d.parent()}}return 0},disableSelection:function(){return this.bind((a.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}}),a("<a>").outerWidth(1).jquery||a.each(["Width","Height"],function(c,d){function h(b,c,d,f){return a.each(e,function(){c-=parseFloat(a.curCSS(b,"padding"+this,!0))||0,d&&(c-=parseFloat(a.curCSS(b,"border"+this+"Width",!0))||0),f&&(c-=parseFloat(a.curCSS(b,"margin"+this,!0))||0)}),c}var e=d==="Width"?["Left","Right"]:["Top","Bottom"],f=d.toLowerCase(),g={innerWidth:a.fn.innerWidth,innerHeight:a.fn.innerHeight,outerWidth:a.fn.outerWidth,outerHeight:a.fn.outerHeight};a.fn["inner"+d]=function(c){return c===b?g["inner"+d].call(this):this.each(function(){a(this).css(f,h(this,c)+"px")})},a.fn["outer"+d]=function(b,c){return typeof b!="number"?g["outer"+d].call(this,b):this.each(function(){a(this).css(f,h(this,b,!0,c)+"px")})}}),a.extend(a.expr[":"],{data:a.expr.createPseudo?a.expr.createPseudo(function(b){return function(c){return!!a.data(c,b)}}):function(b,c,d){return!!a.data(b,d[3])},focusable:function(b){return c(b,!isNaN(a.attr(b,"tabindex")))},tabbable:function(b){var d=a.attr(b,"tabindex"),e=isNaN(d);return(e||d>=0)&&c(b,!e)}}),a(function(){var b=document.body,c=b.appendChild(c=document.createElement("div"));c.offsetHeight,a.extend(c.style,{minHeight:"100px",height:"auto",padding:0,borderWidth:0}),a.support.minHeight=c.offsetHeight===100,a.support.selectstart="onselectstart"in c,b.removeChild(c).style.display="none"}),a.curCSS||(a.curCSS=a.css),a.extend(a.ui,{plugin:{add:function(b,c,d){var e=a.ui[b].prototype;for(var f in d)e.plugins[f]=e.plugins[f]||[],e.plugins[f].push([c,d[f]])},call:function(a,b,c){var d=a.plugins[b];if(!d||!a.element[0].parentNode)return;for(var e=0;e<d.length;e++)a.options[d[e][0]]&&d[e][1].apply(a.element,c)}},contains:function(a,b){return document.compareDocumentPosition?a.compareDocumentPosition(b)&16:a!==b&&a.contains(b)},hasScroll:function(b,c){if(a(b).css("overflow")==="hidden")return!1;var d=c&&c==="left"?"scrollLeft":"scrollTop",e=!1;return b[d]>0?!0:(b[d]=1,e=b[d]>0,b[d]=0,e)},isOverAxis:function(a,b,c){return a>b&&a<b+c},isOver:function(b,c,d,e,f,g){return a.ui.isOverAxis(b,d,f)&&a.ui.isOverAxis(c,e,g)}})})(jQuery);;/*! jQuery UI - v1.8.23 - 2012-08-15
|
||||
* https://github.com/jquery/jquery-ui
|
||||
* Includes: jquery.ui.widget.js
|
||||
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
|
||||
(function(a,b){if(a.cleanData){var c=a.cleanData;a.cleanData=function(b){for(var d=0,e;(e=b[d])!=null;d++)try{a(e).triggerHandler("remove")}catch(f){}c(b)}}else{var d=a.fn.remove;a.fn.remove=function(b,c){return this.each(function(){return c||(!b||a.filter(b,[this]).length)&&a("*",this).add([this]).each(function(){try{a(this).triggerHandler("remove")}catch(b){}}),d.call(a(this),b,c)})}}a.widget=function(b,c,d){var e=b.split(".")[0],f;b=b.split(".")[1],f=e+"-"+b,d||(d=c,c=a.Widget),a.expr[":"][f]=function(c){return!!a.data(c,b)},a[e]=a[e]||{},a[e][b]=function(a,b){arguments.length&&this._createWidget(a,b)};var g=new c;g.options=a.extend(!0,{},g.options),a[e][b].prototype=a.extend(!0,g,{namespace:e,widgetName:b,widgetEventPrefix:a[e][b].prototype.widgetEventPrefix||b,widgetBaseClass:f},d),a.widget.bridge(b,a[e][b])},a.widget.bridge=function(c,d){a.fn[c]=function(e){var f=typeof e=="string",g=Array.prototype.slice.call(arguments,1),h=this;return e=!f&&g.length?a.extend.apply(null,[!0,e].concat(g)):e,f&&e.charAt(0)==="_"?h:(f?this.each(function(){var d=a.data(this,c),f=d&&a.isFunction(d[e])?d[e].apply(d,g):d;if(f!==d&&f!==b)return h=f,!1}):this.each(function(){var b=a.data(this,c);b?b.option(e||{})._init():a.data(this,c,new d(e,this))}),h)}},a.Widget=function(a,b){arguments.length&&this._createWidget(a,b)},a.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",options:{disabled:!1},_createWidget:function(b,c){a.data(c,this.widgetName,this),this.element=a(c),this.options=a.extend(!0,{},this.options,this._getCreateOptions(),b);var d=this;this.element.bind("remove."+this.widgetName,function(){d.destroy()}),this._create(),this._trigger("create"),this._init()},_getCreateOptions:function(){return a.metadata&&a.metadata.get(this.element[0])[this.widgetName]},_create:function(){},_init:function(){},destroy:function(){this.element.unbind("."+this.widgetName).removeData(this.widgetName),this.widget().unbind("."+this.widgetName).removeAttr("aria-disabled").removeClass(this.widgetBaseClass+"-disabled "+"ui-state-disabled")},widget:function(){return this.element},option:function(c,d){var e=c;if(arguments.length===0)return a.extend({},this.options);if(typeof c=="string"){if(d===b)return this.options[c];e={},e[c]=d}return this._setOptions(e),this},_setOptions:function(b){var c=this;return a.each(b,function(a,b){c._setOption(a,b)}),this},_setOption:function(a,b){return this.options[a]=b,a==="disabled"&&this.widget()[b?"addClass":"removeClass"](this.widgetBaseClass+"-disabled"+" "+"ui-state-disabled").attr("aria-disabled",b),this},enable:function(){return this._setOption("disabled",!1)},disable:function(){return this._setOption("disabled",!0)},_trigger:function(b,c,d){var e,f,g=this.options[b];d=d||{},c=a.Event(c),c.type=(b===this.widgetEventPrefix?b:this.widgetEventPrefix+b).toLowerCase(),c.target=this.element[0],f=c.originalEvent;if(f)for(e in f)e in c||(c[e]=f[e]);return this.element.trigger(c,d),!(a.isFunction(g)&&g.call(this.element[0],c,d)===!1||c.isDefaultPrevented())}}})(jQuery);;/*! jQuery UI - v1.8.23 - 2012-08-15
|
||||
* https://github.com/jquery/jquery-ui
|
||||
* Includes: jquery.ui.mouse.js
|
||||
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
|
||||
(function(a,b){var c=!1;a(document).mouseup(function(a){c=!1}),a.widget("ui.mouse",{options:{cancel:":input,option",distance:1,delay:0},_mouseInit:function(){var b=this;this.element.bind("mousedown."+this.widgetName,function(a){return b._mouseDown(a)}).bind("click."+this.widgetName,function(c){if(!0===a.data(c.target,b.widgetName+".preventClickEvent"))return a.removeData(c.target,b.widgetName+".preventClickEvent"),c.stopImmediatePropagation(),!1}),this.started=!1},_mouseDestroy:function(){this.element.unbind("."+this.widgetName),this._mouseMoveDelegate&&a(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(b){if(c)return;this._mouseStarted&&this._mouseUp(b),this._mouseDownEvent=b;var d=this,e=b.which==1,f=typeof this.options.cancel=="string"&&b.target.nodeName?a(b.target).closest(this.options.cancel).length:!1;if(!e||f||!this._mouseCapture(b))return!0;this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout(function(){d.mouseDelayMet=!0},this.options.delay));if(this._mouseDistanceMet(b)&&this._mouseDelayMet(b)){this._mouseStarted=this._mouseStart(b)!==!1;if(!this._mouseStarted)return b.preventDefault(),!0}return!0===a.data(b.target,this.widgetName+".preventClickEvent")&&a.removeData(b.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(a){return d._mouseMove(a)},this._mouseUpDelegate=function(a){return d._mouseUp(a)},a(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate),b.preventDefault(),c=!0,!0},_mouseMove:function(b){return!a.browser.msie||document.documentMode>=9||!!b.button?this._mouseStarted?(this._mouseDrag(b),b.preventDefault()):(this._mouseDistanceMet(b)&&this._mouseDelayMet(b)&&(this._mouseStarted=this._mouseStart(this._mouseDownEvent,b)!==!1,this._mouseStarted?this._mouseDrag(b):this._mouseUp(b)),!this._mouseStarted):this._mouseUp(b)},_mouseUp:function(b){return a(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,b.target==this._mouseDownEvent.target&&a.data(b.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(b)),!1},_mouseDistanceMet:function(a){return Math.max(Math.abs(this._mouseDownEvent.pageX-a.pageX),Math.abs(this._mouseDownEvent.pageY-a.pageY))>=this.options.distance},_mouseDelayMet:function(a){return this.mouseDelayMet},_mouseStart:function(a){},_mouseDrag:function(a){},_mouseStop:function(a){},_mouseCapture:function(a){return!0}})})(jQuery);;/*! jQuery UI - v1.8.23 - 2012-08-15
|
||||
* https://github.com/jquery/jquery-ui
|
||||
* Includes: jquery.ui.position.js
|
||||
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */
|
||||
(function(a,b){a.ui=a.ui||{};var c=/left|center|right/,d=/top|center|bottom/,e="center",f={},g=a.fn.position,h=a.fn.offset;a.fn.position=function(b){if(!b||!b.of)return g.apply(this,arguments);b=a.extend({},b);var h=a(b.of),i=h[0],j=(b.collision||"flip").split(" "),k=b.offset?b.offset.split(" "):[0,0],l,m,n;return i.nodeType===9?(l=h.width(),m=h.height(),n={top:0,left:0}):i.setTimeout?(l=h.width(),m=h.height(),n={top:h.scrollTop(),left:h.scrollLeft()}):i.preventDefault?(b.at="left top",l=m=0,n={top:b.of.pageY,left:b.of.pageX}):(l=h.outerWidth(),m=h.outerHeight(),n=h.offset()),a.each(["my","at"],function(){var a=(b[this]||"").split(" ");a.length===1&&(a=c.test(a[0])?a.concat([e]):d.test(a[0])?[e].concat(a):[e,e]),a[0]=c.test(a[0])?a[0]:e,a[1]=d.test(a[1])?a[1]:e,b[this]=a}),j.length===1&&(j[1]=j[0]),k[0]=parseInt(k[0],10)||0,k.length===1&&(k[1]=k[0]),k[1]=parseInt(k[1],10)||0,b.at[0]==="right"?n.left+=l:b.at[0]===e&&(n.left+=l/2),b.at[1]==="bottom"?n.top+=m:b.at[1]===e&&(n.top+=m/2),n.left+=k[0],n.top+=k[1],this.each(function(){var c=a(this),d=c.outerWidth(),g=c.outerHeight(),h=parseInt(a.curCSS(this,"marginLeft",!0))||0,i=parseInt(a.curCSS(this,"marginTop",!0))||0,o=d+h+(parseInt(a.curCSS(this,"marginRight",!0))||0),p=g+i+(parseInt(a.curCSS(this,"marginBottom",!0))||0),q=a.extend({},n),r;b.my[0]==="right"?q.left-=d:b.my[0]===e&&(q.left-=d/2),b.my[1]==="bottom"?q.top-=g:b.my[1]===e&&(q.top-=g/2),f.fractions||(q.left=Math.round(q.left),q.top=Math.round(q.top)),r={left:q.left-h,top:q.top-i},a.each(["left","top"],function(c,e){a.ui.position[j[c]]&&a.ui.position[j[c]][e](q,{targetWidth:l,targetHeight:m,elemWidth:d,elemHeight:g,collisionPosition:r,collisionWidth:o,collisionHeight:p,offset:k,my:b.my,at:b.at})}),a.fn.bgiframe&&c.bgiframe(),c.offset(a.extend(q,{using:b.using}))})},a.ui.position={fit:{left:function(b,c){var d=a(window),e=c.collisionPosition.left+c.collisionWidth-d.width()-d.scrollLeft();b.left=e>0?b.left-e:Math.max(b.left-c.collisionPosition.left,b.left)},top:function(b,c){var d=a(window),e=c.collisionPosition.top+c.collisionHeight-d.height()-d.scrollTop();b.top=e>0?b.top-e:Math.max(b.top-c.collisionPosition.top,b.top)}},flip:{left:function(b,c){if(c.at[0]===e)return;var d=a(window),f=c.collisionPosition.left+c.collisionWidth-d.width()-d.scrollLeft(),g=c.my[0]==="left"?-c.elemWidth:c.my[0]==="right"?c.elemWidth:0,h=c.at[0]==="left"?c.targetWidth:-c.targetWidth,i=-2*c.offset[0];b.left+=c.collisionPosition.left<0?g+h+i:f>0?g+h+i:0},top:function(b,c){if(c.at[1]===e)return;var d=a(window),f=c.collisionPosition.top+c.collisionHeight-d.height()-d.scrollTop(),g=c.my[1]==="top"?-c.elemHeight:c.my[1]==="bottom"?c.elemHeight:0,h=c.at[1]==="top"?c.targetHeight:-c.targetHeight,i=-2*c.offset[1];b.top+=c.collisionPosition.top<0?g+h+i:f>0?g+h+i:0}}},a.offset.setOffset||(a.offset.setOffset=function(b,c){/static/.test(a.curCSS(b,"position"))&&(b.style.position="relative");var d=a(b),e=d.offset(),f=parseInt(a.curCSS(b,"top",!0),10)||0,g=parseInt(a.curCSS(b,"left",!0),10)||0,h={top:c.top-e.top+f,left:c.left-e.left+g};"using"in c?c.using.call(b,h):d.css(h)},a.fn.offset=function(b){var c=this[0];return!c||!c.ownerDocument?null:b?a.isFunction(b)?this.each(function(c){a(this).offset(b.call(this,c,a(this).offset()))}):this.each(function(){a.offset.setOffset(this,b)}):h.call(this)}),a.curCSS||(a.curCSS=a.css),function(){var b=document.getElementsByTagName("body")[0],c=document.createElement("div"),d,e,g,h,i;d=document.createElement(b?"div":"body"),g={visibility:"hidden",width:0,height:0,border:0,margin:0,background:"none"},b&&a.extend(g,{position:"absolute",left:"-1000px",top:"-1000px"});for(var j in g)d.style[j]=g[j];d.appendChild(c),e=b||document.documentElement,e.insertBefore(d,e.firstChild),c.style.cssText="position: absolute; left: 10.7432222px; top: 10.432325px; height: 30px; width: 201px;",h=a(c).offset(function(a,b){return b}).offset(),d.innerHTML="",e.removeChild(d),i=h.top+h.left+(b?2e3:0),f.fractions=i>21&&i<22}()})(jQuery);;
|
||||
1084
media/jui/js/jquery.ui.sortable.js
vendored
Normal file
1084
media/jui/js/jquery.ui.sortable.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
5
media/jui/js/jquery.ui.sortable.min.js
vendored
Normal file
5
media/jui/js/jquery.ui.sortable.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
276
media/jui/js/sortablelist.js
Normal file
276
media/jui/js/sortablelist.js
Normal file
@@ -0,0 +1,276 @@
|
||||
/**
|
||||
* @copyright Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
|
||||
(function ($) {
|
||||
$.JSortableList = function (tableWrapper, formId, sortDir, saveOrderingUrl, options, nestedList) {
|
||||
var root = this;
|
||||
var disabledOrderingElements = '';
|
||||
var sortableGroupId = '';
|
||||
var sortableRange;
|
||||
var childrenNodes;
|
||||
var sameLevelNodes;
|
||||
if (sortDir != 'desc') {
|
||||
sortDir = 'asc';
|
||||
}
|
||||
|
||||
var ops = $.extend({
|
||||
orderingIcon:'add-on', //class name of order icon
|
||||
orderingWrapper:'input-prepend', //ordering control wrapper class name
|
||||
orderingGroup:'sortable-group-id', //sortable-group-id
|
||||
sortableClassName:'dndlist-sortable',
|
||||
placeHolderClassName:'dnd-list-highlight dndlist-place-holder',
|
||||
sortableHandle:'.sortable-handler'
|
||||
}, options);
|
||||
|
||||
$('tr', tableWrapper).removeClass(ops.sortableClassName).addClass(ops.sortableClassName);
|
||||
//make wrapper table position be relative, to fix y-axis drag problem on Safari
|
||||
$(tableWrapper).parents('table').css('position', 'relative');
|
||||
$(ops.sortableHandle, tableWrapper).css('cursor', 'move');
|
||||
$('#' + formId).attr('autocomplete', 'off');
|
||||
|
||||
var _handle = $(ops.sortableHandle, $(tableWrapper)).length > 0 ? ops.sortableHandle : '';
|
||||
|
||||
$(tableWrapper).sortable({
|
||||
axis:'y',
|
||||
cursor:'move',
|
||||
handle:_handle,
|
||||
items:'tr.' + ops.sortableClassName,
|
||||
placeholder:ops.placeHolderClassName,
|
||||
helper:function (e, ui) {
|
||||
//hard set left position to fix y-axis drag problem on Safari
|
||||
$(ui).css({'left':'0px'})
|
||||
|
||||
ui.children().each(function () {
|
||||
$(this).width($(this).width());
|
||||
});
|
||||
$(ui).children('td').addClass('dndlist-dragged-row');
|
||||
return ui;
|
||||
},
|
||||
|
||||
start:function (e, ui) {
|
||||
root.sortableGroupId = ui.item.attr(ops.orderingGroup);
|
||||
if (root.sortableGroupId) {
|
||||
root.sortableRange = $('tr[' + ops.orderingGroup + '=' + root.sortableGroupId + ']');
|
||||
} else {
|
||||
root.sortableRange = $('.' + ops.sortableClassName);
|
||||
}
|
||||
//Disable sortable for other group's records
|
||||
root.disableOtherGroupSort(e, ui);
|
||||
|
||||
//Proceed nested list
|
||||
if (nestedList){
|
||||
root.hideChidlrenNodes(ui.item.attr('item-id'));
|
||||
root.hideSameLevelChildrenNodes(ui.item.attr('level'));
|
||||
$(tableWrapper).sortable('refresh');
|
||||
}
|
||||
},
|
||||
|
||||
stop:function (e, ui) {
|
||||
$('td', $(this)).removeClass('dndlist-dragged-row');
|
||||
$(ui.item).css({opacity:0});
|
||||
$(ui.item).animate({
|
||||
opacity:1,
|
||||
}, 800, function (){
|
||||
$(ui.item).css('opacity','');
|
||||
});
|
||||
|
||||
|
||||
root.enableOtherGroupSort(e, ui);
|
||||
|
||||
root.rearrangeOrderingValues(root.sortableGroupId, ui);
|
||||
if (saveOrderingUrl) {
|
||||
//clone and check all the checkboxes in sortable range to post
|
||||
root.cloneMarkedCheckboxes();
|
||||
|
||||
//serialize form then post to callback url
|
||||
var formData = $('#' + formId).serialize();
|
||||
formData = formData.replace('task', '');
|
||||
$.post(saveOrderingUrl, formData);
|
||||
|
||||
//remove cloned checkboxes
|
||||
root.removeClonedCheckboxes();
|
||||
}
|
||||
root.disabledOrderingElements = '';
|
||||
//Proceed nested list
|
||||
if (nestedList){
|
||||
root.showChildrenNodes(ui.item);
|
||||
root.showSameLevelChildrenNodes(ui.item);
|
||||
$(tableWrapper).sortable('refresh');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.hideChidlrenNodes = function (itemId) {
|
||||
root.childrenNodes = root.getChildrenNodes(itemId);
|
||||
root.childrenNodes.hide();
|
||||
}
|
||||
|
||||
this.showChildrenNodes = function (item) {
|
||||
item.after(root.childrenNodes)
|
||||
root.childrenNodes.show();
|
||||
root.childrenNodes="";
|
||||
}
|
||||
|
||||
this.hideSameLevelChildrenNodes = function (level) {
|
||||
root.sameLevelNodes = root.getSameLevelNodes(level);
|
||||
root.sameLevelNodes.each(function (){
|
||||
_childrenNodes = root.getChildrenNodes($(this).attr('item-id'));
|
||||
_childrenNodes.addClass('child-nodes-tmp-hide');
|
||||
_childrenNodes.hide();
|
||||
});
|
||||
}
|
||||
|
||||
this.showSameLevelChildrenNodes = function (item) {
|
||||
prevItem = item.prev();
|
||||
prevItemChildrenNodes = root.getChildrenNodes(prevItem.attr('item-id'));
|
||||
prevItem.after(prevItemChildrenNodes);
|
||||
$('tr.child-nodes-tmp-hide').show().removeClass('child-nodes-tmp-hide');
|
||||
root.sameLevelNodes = "";
|
||||
}
|
||||
|
||||
|
||||
this.disableOtherGroupSort = function (e, ui) {
|
||||
if (root.sortableGroupId) {
|
||||
var _tr = $('tr[' + ops.orderingGroup + '!=' + root.sortableGroupId + ']', $(tableWrapper));
|
||||
_tr.removeClass(ops.sortableClassName).addClass('dndlist-group-disabled');
|
||||
|
||||
$(tableWrapper).sortable('refresh');
|
||||
}
|
||||
}
|
||||
|
||||
this.enableOtherGroupSort = function (e, ui) {
|
||||
var _tr = $('tr', $(tableWrapper)).removeClass(ops.sortableClassName);
|
||||
_tr.addClass(ops.sortableClassName)
|
||||
.removeClass('dndlist-group-disabled');
|
||||
$(tableWrapper).sortable('refresh');
|
||||
}
|
||||
|
||||
this.disableOrderingControl = function () {
|
||||
$('.' + ops.orderingWrapper + ' .add-on a', root.sortableRange).hide();
|
||||
}
|
||||
|
||||
this.enableOrderingControl = function () {
|
||||
$('.' + ops.orderingWrapper + ' .add-on a', root.disabledOrderingElements).show();
|
||||
}
|
||||
|
||||
this.rearrangeOrderingControl = function (sortableGroupId, ui) {
|
||||
var range;
|
||||
if (sortableGroupId) {
|
||||
root.sortableRange = $('tr[' + ops.orderingGroup + '=' + sortableGroupId + ']');
|
||||
} else {
|
||||
root.sortableRange = $('.' + ops.sortableClassName);
|
||||
}
|
||||
range = root.sortableRange;
|
||||
var count = range.length;
|
||||
var i = 0;
|
||||
if (count > 1) {
|
||||
range.each(function () {
|
||||
//firstible, add both ordering icons for missing-icon item
|
||||
var upIcon = $('.' + ops.orderingWrapper + ' .add-on:first a', $(this)); //get orderup icon of current dropped item
|
||||
var downIcon = $('.' + ops.orderingWrapper + ' .add-on:last a', $(this)); //get orderup icon of current dropped item
|
||||
if (upIcon.get(0) && downIcon.get(0)) {
|
||||
//do nothing
|
||||
} else if (upIcon.get(0)) {
|
||||
upIcon.removeAttr('title');
|
||||
upIcon = $('.' + ops.orderingWrapper + ' .add-on:first', $(this)).html();
|
||||
downIcon = upIcon.replace('icon-uparrow', 'icon-downarrow');
|
||||
downIcon = downIcon.replace('.orderup', '.orderdown');
|
||||
$('.' + ops.orderingWrapper + ' .add-on:last', $(this)).html(downIcon);
|
||||
} else if (downIcon.get(0)) {
|
||||
downIcon.removeAttr('title');
|
||||
downIcon = $('.' + ops.orderingWrapper + ' .add-on:last', $(this)).html();
|
||||
upIcon = downIcon.replace('icon-downarrow', 'icon-uparrow');
|
||||
upIcon = upIcon.replace('.orderdown', '.orderup');
|
||||
$('.' + ops.orderingWrapper + ' .add-on:first', $(this)).html(upIcon);
|
||||
}
|
||||
});
|
||||
|
||||
//remove orderup icon for first record
|
||||
$('.' + ops.orderingWrapper + ' .add-on:first a', range[0]).remove();
|
||||
//remove order down icon for last record
|
||||
$('.' + ops.orderingWrapper + ' .add-on:last a', range[(count - 1)]).remove();
|
||||
}
|
||||
}
|
||||
|
||||
this.rearrangeOrderingValues = function (sortableGroupId, ui) {
|
||||
var range;
|
||||
if (sortableGroupId) {
|
||||
root.sortableRange = $('tr[' + ops.orderingGroup + '=' + sortableGroupId + ']');
|
||||
} else {
|
||||
root.sortableRange = $('.' + ops.sortableClassName);
|
||||
}
|
||||
range = root.sortableRange;
|
||||
var count = range.length;
|
||||
var i = 0;
|
||||
|
||||
if (count > 1) {
|
||||
//recalculate order number
|
||||
if (ui.originalPosition.top > ui.position.top) //if item moved up
|
||||
{
|
||||
if (ui.item.position().top != ui.originalPosition.top){
|
||||
$('[type=text]', ui.item).attr('value', parseInt($('[type=text]', ui.item.next()).attr('value')));
|
||||
}
|
||||
$(range).each(function () {
|
||||
var _top = $(this).position().top;
|
||||
if ( ui.item.get(0) !== $(this).get(0)){
|
||||
if (_top > ui.item.position().top && _top <= ui.originalPosition.top) {
|
||||
if (sortDir == 'asc') {
|
||||
var newValue = parseInt($('[type=text]', $(this)).attr('value')) + 1;
|
||||
} else {
|
||||
var newValue = parseInt($('[type=text]', $(this)).attr('value')) - 1;
|
||||
}
|
||||
|
||||
$('[type=text]', $(this)).attr('value', newValue);
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if (ui.originalPosition.top < ui.position.top) {
|
||||
if (ui.item.position().top != ui.originalPosition.top){
|
||||
$('[type=text]', ui.item).attr('value', parseInt($('[type=text]', ui.item.prev()).attr('value')));
|
||||
}
|
||||
$(range).each(function () {
|
||||
var _top = $(this).position().top;
|
||||
if ( ui.item.get(0) !== $(this).get(0)){
|
||||
if (_top < ui.item.position().top && _top >= ui.originalPosition.top) {
|
||||
if (sortDir == 'asc') {
|
||||
var newValue = parseInt($('[type=text]', $(this)).attr('value')) - 1;
|
||||
} else {
|
||||
var newValue = parseInt($('[type=text]', $(this)).attr('value')) + 1;
|
||||
}
|
||||
$('[type=text]', $(this)).attr('value', newValue);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.cloneMarkedCheckboxes = function () {
|
||||
$('[name="order[]"]', $(tableWrapper)).attr('name', 'order-tmp');
|
||||
$('[type=checkbox]', root.sortableRange).each(function () {
|
||||
var _shadow = $(this).clone();
|
||||
$(_shadow).attr({'checked':'checked', 'shadow':'shadow', 'id':''});
|
||||
$('#' + formId).append($(_shadow));
|
||||
|
||||
$('[name="order-tmp"]', $(this).parents('tr')).attr('name', 'order[]');
|
||||
});
|
||||
}
|
||||
|
||||
this.removeClonedCheckboxes = function () {
|
||||
$('[shadow=shadow]').remove();
|
||||
$('[name="order-tmp"]', $(tableWrapper)).attr('name', 'order[]');
|
||||
}
|
||||
|
||||
this.getChildrenNodes = function (parentId) {
|
||||
return $('tr[parents*=" '+parentId+'"]');
|
||||
}
|
||||
|
||||
this.getSameLevelNodes = function (level) {
|
||||
return $('tr[level='+level+']');
|
||||
}
|
||||
|
||||
}
|
||||
})(jQuery);
|
||||
116
media/jui/js/treeselectmenu.jquery.js
Normal file
116
media/jui/js/treeselectmenu.jquery.js
Normal file
@@ -0,0 +1,116 @@
|
||||
/**
|
||||
* @copyright Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
jQuery(function($)
|
||||
{
|
||||
var treeselectmenu = $('div#treeselectmenu').html();
|
||||
|
||||
$('.treeselect li').each(function()
|
||||
{
|
||||
$li = $(this);
|
||||
$div = $li.find('div.treeselect-item:first');
|
||||
|
||||
// Add icons
|
||||
$li.prepend('<i class="pull-left icon-"></i>');
|
||||
|
||||
// Append clearfix
|
||||
$div.after('<div class="clearfix"></div>');
|
||||
|
||||
if ($li.find('ul.treeselect-sub').length) {
|
||||
// Add classes to Expand/Collapse icons
|
||||
$li.find('i').addClass('treeselect-toggle icon-minus');
|
||||
|
||||
// Append drop down menu in nodes
|
||||
$div.find('label:first').after(treeselectmenu);
|
||||
|
||||
if (!$li.find('ul.treeselect-sub ul.treeselect-sub').length) {
|
||||
$li.find('div.treeselect-menu-expand').remove();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Takes care of the Expand/Collapse of a node
|
||||
$('i.treeselect-toggle').click(function()
|
||||
{
|
||||
$i = $(this);
|
||||
|
||||
// Take care of parent UL
|
||||
if ($i.parent().find('ul.treeselect-sub').is(':visible')) {
|
||||
$i.removeClass('icon-minus').addClass('icon-plus');
|
||||
$i.parent().find('ul.treeselect-sub').hide();
|
||||
$i.parent().find('ul.treeselect-sub i.treeselect-toggle').removeClass('icon-minus').addClass('icon-plus');
|
||||
} else {
|
||||
$i.removeClass('icon-plus').addClass('icon-minus');
|
||||
$i.parent().find('ul.treeselect-sub').show();
|
||||
$i.parent().find('ul.treeselect-sub i.treeselect-toggle').removeClass('icon-plus').addClass('icon-minus');
|
||||
}
|
||||
});
|
||||
|
||||
// Takes care of the filtering
|
||||
$('#treeselectfilter').keyup(function()
|
||||
{
|
||||
var text = $(this).val().toLowerCase();
|
||||
$('.treeselect li').each(function()
|
||||
{
|
||||
if ($(this).text().toLowerCase().indexOf(text) == -1) {
|
||||
$(this).hide();
|
||||
}
|
||||
else {
|
||||
$(this).show();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Checks all checkboxes the tree
|
||||
$('#treeCheckAll').click(function()
|
||||
{
|
||||
$('.treeselect input').attr('checked', 'checked');
|
||||
});
|
||||
|
||||
// Unchecks all checkboxes the tree
|
||||
$('#treeUncheckAll').click(function()
|
||||
{
|
||||
$('.treeselect input').attr('checked', false);
|
||||
});
|
||||
|
||||
// Checks all checkboxes the tree
|
||||
$('#treeExpandAll').click(function()
|
||||
{
|
||||
$('ul.treeselect ul.treeselect-sub').show();
|
||||
$('ul.treeselect i.treeselect-toggle').removeClass('icon-plus').addClass('icon-minus');
|
||||
});
|
||||
|
||||
// Unchecks all checkboxes the tree
|
||||
$('#treeCollapseAll').click(function()
|
||||
{
|
||||
$('ul.treeselect ul.treeselect-sub').hide();
|
||||
$('ul.treeselect i.treeselect-toggle').removeClass('icon-minus').addClass('icon-plus');
|
||||
});
|
||||
|
||||
// Take care of children check/uncheck all
|
||||
$('a.checkall').click(function()
|
||||
{
|
||||
$(this).parent().parent().parent().parent().parent().parent().find('ul.treeselect-sub input').attr('checked', 'checked');
|
||||
});
|
||||
$('a.uncheckall').click(function()
|
||||
{
|
||||
$(this).parent().parent().parent().parent().parent().parent().find('ul.treeselect-sub input').attr('checked', false);
|
||||
});
|
||||
|
||||
// Take care of children toggle all
|
||||
$('a.expandall').click(function()
|
||||
{
|
||||
$parent = $(this).parent().parent().parent().parent().parent().parent().parent();
|
||||
$parent.find('ul.treeselect-sub').show();
|
||||
$parent.find('ul.treeselect-sub i.treeselect-toggle').removeClass('icon-plus').addClass('icon-minus');
|
||||
;
|
||||
});
|
||||
$('a.collapseall').click(function()
|
||||
{
|
||||
$parent = $(this).parent().parent().parent().parent().parent().parent().parent();
|
||||
$parent.find('li ul.treeselect-sub').hide();
|
||||
$parent.find('li i.treeselect-toggle').removeClass('icon-minus').addClass('icon-plus');
|
||||
;
|
||||
});
|
||||
});
|
||||
5
media/jui/js/treeselectmenu.jquery.min.js
vendored
Normal file
5
media/jui/js/treeselectmenu.jquery.min.js
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
/**
|
||||
* @copyright Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
|
||||
* @license GNU General Public License version 2 or later; see LICENSE.txt
|
||||
*/
|
||||
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('K(7($){u q=$(\'h#q\').C();$(\'.2 8\').x(7(){$8=$(9);$h=$8.5(\'h.2-O:w\');$8.D(\'<i t="P-B 4-"></i>\');$h.y(\'<h t="E"></h>\');m($8.5(\'3.2-6\').v){$8.5(\'i\').b(\'2-e 4-d\');$h.5(\'F:w\').y(q);m(!$8.5(\'3.2-6 3.2-6\').v){$8.5(\'h.2-I-A\').N()}}});$(\'i.2-e\').c(7(){$i=$(9);m($i.0().5(\'3.2-6\').R(\':U\')){$i.f(\'4-d\').b(\'4-g\');$i.0().5(\'3.2-6\').l();$i.0().5(\'3.2-6 i.2-e\').f(\'4-d\').b(\'4-g\')}s{$i.f(\'4-g\').b(\'4-d\');$i.0().5(\'3.2-6\').o();$i.0().5(\'3.2-6 i.2-e\').f(\'4-g\').b(\'4-d\')}});$(\'#G\').H(7(){u p=$(9).J().r();$(\'.2 8\').x(7(){m($(9).p().r().L(p)==-1){$(9).l()}s{$(9).o()}})});$(\'#M\').c(7(){$(\'.2 n\').k(\'j\',\'j\')});$(\'#Q\').c(7(){$(\'.2 n\').k(\'j\',z)});$(\'#S\').c(7(){$(\'3.2 3.2-6\').o();$(\'3.2 i.2-e\').f(\'4-g\').b(\'4-d\')});$(\'#T\').c(7(){$(\'3.2 3.2-6\').l();$(\'3.2 i.2-e\').f(\'4-d\').b(\'4-g\')});$(\'a.V\').c(7(){$(9).0().0().0().0().0().0().5(\'3.2-6 n\').k(\'j\',\'j\')});$(\'a.W\').c(7(){$(9).0().0().0().0().0().0().5(\'3.2-6 n\').k(\'j\',z)});$(\'a.X\').c(7(){$0=$(9).0().0().0().0().0().0().0();$0.5(\'3.2-6\').o();$0.5(\'3.2-6 i.2-e\').f(\'4-g\').b(\'4-d\')});$(\'a.Y\').c(7(){$0=$(9).0().0().0().0().0().0().0();$0.5(\'8 3.2-6\').l();$0.5(\'8 i.2-e\').f(\'4-d\').b(\'4-g\')})});',61,61,'parent||treeselect|ul|icon|find|sub|function|li|this||addClass|click|minus|toggle|removeClass|plus|div||checked|attr|hide|if|input|show|text|treeselectmenu|toLowerCase|else|class|var|length|first|each|after|false|expand|left|html|prepend|clearfix|label|treeselectfilter|keyup|menu|val|jQuery|indexOf|treeCheckAll|remove|item|pull|treeUncheckAll|is|treeExpandAll|treeCollapseAll|visible|checkall|uncheckall|expandall|collapseall'.split('|'),0,{}))
|
||||
34
media/jui/less/accordion.less
Normal file
34
media/jui/less/accordion.less
Normal file
@@ -0,0 +1,34 @@
|
||||
//
|
||||
// Accordion
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Parent container
|
||||
.accordion {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Group == heading + body
|
||||
.accordion-group {
|
||||
margin-bottom: 2px;
|
||||
border: 1px solid #e5e5e5;
|
||||
.border-radius(@baseBorderRadius);
|
||||
}
|
||||
.accordion-heading {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.accordion-heading .accordion-toggle {
|
||||
display: block;
|
||||
padding: 8px 15px;
|
||||
}
|
||||
|
||||
// General toggle styles
|
||||
.accordion-toggle {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// Inner needs the styles because you can't animate properly with any styles on the element
|
||||
.accordion-inner {
|
||||
padding: 9px 15px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
79
media/jui/less/alerts.less
Normal file
79
media/jui/less/alerts.less
Normal file
@@ -0,0 +1,79 @@
|
||||
//
|
||||
// Alerts
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base styles
|
||||
// -------------------------
|
||||
|
||||
.alert {
|
||||
padding: 8px 35px 8px 14px;
|
||||
margin-bottom: @baseLineHeight;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
background-color: @warningBackground;
|
||||
border: 1px solid @warningBorder;
|
||||
.border-radius(@baseBorderRadius);
|
||||
}
|
||||
.alert,
|
||||
.alert h4 {
|
||||
// Specified for the h4 to prevent conflicts of changing @headingsColor
|
||||
color: @warningText;
|
||||
}
|
||||
.alert h4 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// Adjust close link position
|
||||
.alert .close {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
right: -21px;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
|
||||
|
||||
// Alternate styles
|
||||
// -------------------------
|
||||
|
||||
.alert-success {
|
||||
background-color: @successBackground;
|
||||
border-color: @successBorder;
|
||||
color: @successText;
|
||||
}
|
||||
.alert-success h4 {
|
||||
color: @successText;
|
||||
}
|
||||
.alert-danger,
|
||||
.alert-error {
|
||||
background-color: @errorBackground;
|
||||
border-color: @errorBorder;
|
||||
color: @errorText;
|
||||
}
|
||||
.alert-danger h4,
|
||||
.alert-error h4 {
|
||||
color: @errorText;
|
||||
}
|
||||
.alert-info {
|
||||
background-color: @infoBackground;
|
||||
border-color: @infoBorder;
|
||||
color: @infoText;
|
||||
}
|
||||
.alert-info h4 {
|
||||
color: @infoText;
|
||||
}
|
||||
|
||||
|
||||
// Block alerts
|
||||
// -------------------------
|
||||
|
||||
.alert-block {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
.alert-block > p,
|
||||
.alert-block > ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.alert-block p + p {
|
||||
margin-top: 5px;
|
||||
}
|
||||
461
media/jui/less/bootstrap-extended.less
vendored
Normal file
461
media/jui/less/bootstrap-extended.less
vendored
Normal file
@@ -0,0 +1,461 @@
|
||||
/* Extending Bootstrap */
|
||||
/* Typography */
|
||||
.small {
|
||||
font-size: 11px;
|
||||
}
|
||||
/* Max Width */
|
||||
iframe,
|
||||
svg {
|
||||
max-width: 100%;
|
||||
}
|
||||
/* Nowrap */
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
/* Center */
|
||||
.center,
|
||||
.table td.center,
|
||||
.table th.center {
|
||||
text-align: center;
|
||||
}
|
||||
/* Disabled Link */
|
||||
a.disabled,
|
||||
a.disabled:hover {
|
||||
color: #999999;
|
||||
background-color: transparent;
|
||||
cursor: default;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* Hero Banner */
|
||||
.hero-unit {
|
||||
text-align: center;
|
||||
}
|
||||
.hero-unit .lead {
|
||||
margin-bottom: 18px;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: 27px;
|
||||
}
|
||||
.btn .caret {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.blog-row-rule,
|
||||
.blog-item-rule {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Modal */
|
||||
body.modal {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
/* Alternating Rows */
|
||||
.row-even,.row-odd {
|
||||
padding: 5px;
|
||||
width: 99%;
|
||||
border-bottom: 1px solid @tableBorder;
|
||||
}
|
||||
.row-odd {
|
||||
background-color: @tableBackground;
|
||||
}
|
||||
.row-even {
|
||||
background-color: @tableBackgroundAccent;
|
||||
}
|
||||
|
||||
.blog-row-rule,
|
||||
.blog-item-rule {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Row reveal */
|
||||
.row-fluid .row-reveal {
|
||||
visibility: hidden;
|
||||
}
|
||||
.row-fluid:hover .row-reveal {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.btn-wide {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/* Nav List Offset */
|
||||
.nav-list > li.offset > a {
|
||||
padding-left: 30px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.blog-row-rule,
|
||||
.blog-item-rule {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.row-fluid .offset1 {
|
||||
margin-left: 8.382978723%;
|
||||
}
|
||||
.row-fluid .offset2 {
|
||||
margin-left: 16.89361702%;
|
||||
}
|
||||
.row-fluid .offset3 {
|
||||
margin-left: 25.404255317%;
|
||||
}
|
||||
.row-fluid .offset4 {
|
||||
margin-left: 33.914893614%;
|
||||
}
|
||||
.row-fluid .offset5 {
|
||||
margin-left: 42.425531911%;
|
||||
}
|
||||
.row-fluid .offset6 {
|
||||
margin-left: 50.93617020799999%;
|
||||
}
|
||||
.row-fluid .offset7 {
|
||||
margin-left: 59.446808505%;
|
||||
}
|
||||
.row-fluid .offset8 {
|
||||
margin-left: 67.95744680199999%;
|
||||
}
|
||||
.row-fluid .offset9 {
|
||||
margin-left: 76.468085099%;
|
||||
}
|
||||
.row-fluid .offset10 {
|
||||
margin-left: 84.97872339599999%;
|
||||
}
|
||||
.row-fluid .offset11 {
|
||||
margin-left: 91.489361693%;
|
||||
}
|
||||
|
||||
/* Navbar Buttons */
|
||||
.navbar .nav > li > a.btn {
|
||||
padding: 4px 10px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* Nav Tabs Dark */
|
||||
.nav-tabs.nav-dark {
|
||||
border-bottom: 1px solid #333;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
}
|
||||
.nav-tabs.nav-dark > li > a {
|
||||
color: #F8F8F8;
|
||||
}
|
||||
.nav-tabs.nav-dark > li > a:hover {
|
||||
border-color: #333 #333 #111;
|
||||
background-color: #777777;
|
||||
}
|
||||
.nav-tabs.nav-dark > .active > a, .nav-tabs.nav-dark > .active > a:hover {
|
||||
color: #ffffff;
|
||||
background-color: #555555;
|
||||
border: 1px solid #222;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
/* Inline Thumbnails */
|
||||
.thumbnail.pull-left {
|
||||
margin: 0 10px 10px 0;
|
||||
}
|
||||
.thumbnail.pull-right {
|
||||
margin: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
/* Specific Widths */
|
||||
.width-10 {
|
||||
width: 10px;
|
||||
}
|
||||
.width-20 {
|
||||
width: 20px;
|
||||
}
|
||||
.width-30 {
|
||||
width: 30px;
|
||||
}
|
||||
.width-40 {
|
||||
width: 40px;
|
||||
}
|
||||
.width-50 {
|
||||
width: 50px;
|
||||
}
|
||||
.width-60 {
|
||||
width: 60px;
|
||||
}
|
||||
.width-70 {
|
||||
width: 70px;
|
||||
}
|
||||
.width-80 {
|
||||
width: 80px;
|
||||
}
|
||||
.width-90 {
|
||||
width: 90px;
|
||||
}
|
||||
.width-100 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
/* Specific Heights */
|
||||
.height-10 {
|
||||
height: 10px;
|
||||
}
|
||||
.height-20 {
|
||||
height: 20px;
|
||||
}
|
||||
.height-30 {
|
||||
height: 30px;
|
||||
}
|
||||
.height-40 {
|
||||
height: 40px;
|
||||
}
|
||||
.height-50 {
|
||||
height: 50px;
|
||||
}
|
||||
.height-60 {
|
||||
height: 60px;
|
||||
}
|
||||
.height-70 {
|
||||
height: 70px;
|
||||
}
|
||||
.height-80 {
|
||||
height: 80px;
|
||||
}
|
||||
.height-90 {
|
||||
height: 90px;
|
||||
}
|
||||
.height-100 {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
/* Horizontal Row (hr) */
|
||||
hr.hr-condensed {
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
/* Striped */
|
||||
.list-striped,
|
||||
.row-striped {
|
||||
list-style: none;
|
||||
line-height: 18px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
border-top: 1px solid @tableBorder;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.list-striped li,
|
||||
.list-striped dd,
|
||||
.row-striped .row,
|
||||
.row-striped .row-fluid {
|
||||
border-bottom: 1px solid @tableBorder;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.list-striped li:nth-child(odd),
|
||||
.list-striped dd:nth-child(odd),
|
||||
.row-striped .row:nth-child(odd),
|
||||
.row-striped .row-fluid:nth-child(odd) {
|
||||
background-color: @tableBackgroundAccent;
|
||||
}
|
||||
|
||||
.list-striped li:hover,
|
||||
.list-striped dd:hover,
|
||||
.row-striped .row:hover,
|
||||
.row-striped .row-fluid:hover {
|
||||
background-color: @tableBackgroundHover;
|
||||
}
|
||||
|
||||
.row-striped .row-fluid {
|
||||
width: 97%; // lower than 100% since we have padding
|
||||
}
|
||||
.row-striped .row-fluid [class*="span"] {
|
||||
min-height: 10px;
|
||||
}
|
||||
.row-striped .row-fluid [class*="span"] {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.row-striped .row-fluid [class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Condensed */
|
||||
.list-condensed {
|
||||
li {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
}
|
||||
.row-condensed {
|
||||
.row, .row-fluid {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Bordered */
|
||||
.list-bordered,
|
||||
.row-bordered{
|
||||
list-style: none;
|
||||
line-height: 18px;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
margin-left: 0;
|
||||
border: 1px solid @tableBorder;
|
||||
.border-radius(4px);
|
||||
}
|
||||
|
||||
/* Radio Button Groups */
|
||||
.radio.btn-group input[type=radio] {
|
||||
display: none;
|
||||
}
|
||||
.radio.btn-group > label:first-of-type {
|
||||
margin-left: 0;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
}
|
||||
fieldset.radio.btn-group {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/* iFrames */
|
||||
.iframe-bordered {
|
||||
border: 1px solid @tableBorder;
|
||||
}
|
||||
|
||||
/* Tabbed Content */
|
||||
.tab-content{
|
||||
overflow: visible;
|
||||
}
|
||||
.tabs-left .tab-content{
|
||||
overflow: auto;
|
||||
}
|
||||
/* Non-linkable nav-tabs */
|
||||
.nav-tabs > li > span {
|
||||
display: block;
|
||||
margin-right: 2px;
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
line-height: 18px;
|
||||
border: 1px solid transparent;
|
||||
-webkit-border-radius: 4px 4px 0 0;
|
||||
-moz-border-radius: 4px 4px 0 0;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
/* Extended Joomla Button Classes */
|
||||
.btn-micro {
|
||||
padding: 1px 4px;
|
||||
font-size: 10px;
|
||||
line-height: 8px;
|
||||
}
|
||||
|
||||
/* Joomla => Bootstrap Tooltip */
|
||||
.tip-wrap {
|
||||
max-width: 200px;
|
||||
padding: 3px 8px;
|
||||
color: @white;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: @black;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
/* Page Header */
|
||||
.page-header{
|
||||
margin: 2px 0px 10px 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
/* Input Prepend Chosen Select Boxes */
|
||||
.input-prepend .chzn-container-single .chzn-single {
|
||||
border-color: @inputBorder;
|
||||
height: 26px;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.input-prepend .chzn-container-active .chzn-single-with-drop {
|
||||
-webkit-border-radius: 0 3px 0 0;
|
||||
-moz-border-radius: 0 3px 0 0;
|
||||
border-radius: 0 3px 0 0;
|
||||
}
|
||||
.input-prepend .chzn-container-single .chzn-drop{
|
||||
border-color: @inputBorder;
|
||||
}
|
||||
.input-prepend > .add-on,
|
||||
.input-append > .add-on{
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* Accessible Hidden Elements (good for hidden labels and such) */
|
||||
.element-invisible{
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Form Vertical Overrides Form Horizontal */
|
||||
.form-vertical {
|
||||
.control-label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.controls{
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Auto Width */
|
||||
.width-auto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Chosen proper wrapping in Bootstrap btn-group */
|
||||
.btn-group .chzn-results {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* Accordion overflow fix */
|
||||
.accordion-body.in:hover {
|
||||
overflow:visible;
|
||||
}
|
||||
|
||||
/* Invalid indicators */
|
||||
.invalid {
|
||||
color: @red;
|
||||
font-weight: bold;
|
||||
}
|
||||
input.invalid {
|
||||
border: 1px solid @red;
|
||||
}
|
||||
|
||||
/* Tweaking of tooltips */
|
||||
.tooltip {
|
||||
max-width: 400px;
|
||||
}
|
||||
.tooltip-inner {
|
||||
max-width: none;
|
||||
text-align: left;
|
||||
text-shadow: none;
|
||||
}
|
||||
th .tooltip-inner {
|
||||
font-weight: normal;
|
||||
}
|
||||
.tooltip.hasimage {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Align tip text to left (old mootools tip) */
|
||||
.tip-text {
|
||||
text-align:left;
|
||||
}
|
||||
564
media/jui/less/bootstrap-rtl.less
vendored
Normal file
564
media/jui/less/bootstrap-rtl.less
vendored
Normal file
@@ -0,0 +1,564 @@
|
||||
/* Bootstrap RTL */
|
||||
/* Pull right or left */
|
||||
.pull-right {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: right;
|
||||
}
|
||||
/* Tables */
|
||||
.table th,
|
||||
.table td {
|
||||
text-align: right;
|
||||
}
|
||||
/* Navbar */
|
||||
.navbar .brand {
|
||||
float: right;
|
||||
padding: 8px 20px 12px;
|
||||
margin-right: -20px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.navbar .nav,
|
||||
.navbar .nav > li {
|
||||
float: left;
|
||||
}
|
||||
.navbar .nav.pull-right {
|
||||
margin-right: 10px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.pull-right > .dropdown-menu {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
/* Grid */
|
||||
[class*="span"] {
|
||||
float: right;
|
||||
margin-right: 20px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.row-fluid [class*="span"] {
|
||||
float: right;
|
||||
margin-right: 2.127659574%;
|
||||
*margin-right: 2.0744680846382977%;
|
||||
margin-left: 0px!important;
|
||||
*margin-left: 0px!important;
|
||||
}
|
||||
|
||||
.row-fluid [class*="span"]:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
/* Forms */
|
||||
.form-horizontal .control-label {
|
||||
float: right;
|
||||
width: auto;
|
||||
padding-left: 5px;
|
||||
padding-right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.form-horizontal .controls {
|
||||
*display: inline-block;
|
||||
*padding-right: 20px;
|
||||
margin-right: 160px;
|
||||
*margin-right: 0;
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.form-horizontal .controls:first-child {
|
||||
*padding-right: 160px;
|
||||
}
|
||||
.form-vertical .controls {
|
||||
*display: inline-block;
|
||||
*padding-right: 20px;
|
||||
margin-right: 0;
|
||||
*margin-right: 0;
|
||||
margin-left: 0;
|
||||
text-align: right;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.form-vertical .control-label {
|
||||
float: none;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
text-align: right;
|
||||
width: auto;
|
||||
}
|
||||
.chzn-container-single-nosearch .chzn-search input {
|
||||
position: absolute;
|
||||
left: -9000px;
|
||||
display:none;
|
||||
}
|
||||
/* Nav */
|
||||
/* Tabs */
|
||||
.nav-tabs > li,
|
||||
.nav-pills > li {
|
||||
float: right;
|
||||
}
|
||||
.nav-stacked > li {
|
||||
float: none;
|
||||
}
|
||||
/* Buttons */
|
||||
/* Button Groups */
|
||||
.btn-group > .btn {
|
||||
float: right;
|
||||
margin-right: -1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.btn-group > .btn:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.btn-group > .btn:first-child,
|
||||
.radio.btn-group > label:first-of-type {
|
||||
margin-left: 0;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
}
|
||||
|
||||
.btn-group > .btn:last-child,
|
||||
.btn-group > .dropdown-toggle {
|
||||
-webkit-border-top-right-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
-moz-border-radius-topright: 0px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
}
|
||||
|
||||
.btn-group > .btn.large:first-child {
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 0px;
|
||||
margin-right: 0;
|
||||
-webkit-border-bottom-right-radius: 6px;
|
||||
border-bottom-right-radius: 6px;
|
||||
-webkit-border-top-right-radius: 6px;
|
||||
border-top-right-radius: 6px;
|
||||
-moz-border-radius-bottomright: 6px;
|
||||
-moz-border-radius-topright: 6px;
|
||||
}
|
||||
|
||||
.btn-group > .btn.large:last-child,
|
||||
.btn-group > .large.dropdown-toggle {
|
||||
-webkit-border-top-right-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
-moz-border-radius-topright: 0px;
|
||||
-moz-border-radius-bottomright: 0px;
|
||||
-webkit-border-top-left-radius: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
-webkit-border-bottom-left-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
-moz-border-radius-topleft: 6px;
|
||||
-moz-border-radius-bottomleft: 6px;
|
||||
}
|
||||
|
||||
.btn-group > .btn:first-child:last-child {
|
||||
margin-left: 0;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
}
|
||||
/* Forms */
|
||||
/* Input Prepend and Append */
|
||||
.input-prepend .add-on{
|
||||
float: right;
|
||||
}
|
||||
.input-append .add-on{
|
||||
float: left;
|
||||
}
|
||||
.input-prepend .add-on,
|
||||
.input-prepend .btn {
|
||||
margin-left: -1px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.input-prepend .add-on:first-child,
|
||||
.input-prepend .btn:first-child {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
.input-append input,
|
||||
.input-append select,
|
||||
.input-append .uneditable-input {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
.input-append .uneditable-input {
|
||||
border-left-color: #ccc;
|
||||
border-right-color: #eee;
|
||||
}
|
||||
|
||||
.input-append .add-on:last-child,
|
||||
.input-append .btn:last-child {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.input-prepend.input-append input,
|
||||
.input-prepend.input-append select,
|
||||
.input-prepend.input-append .uneditable-input {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.input-prepend.input-append .add-on:first-child,
|
||||
.input-prepend.input-append .btn:first-child {
|
||||
margin-left: -1px;
|
||||
margin-right: 0px;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.input-prepend.input-append .add-on:last-child,
|
||||
.input-prepend.input-append .btn:last-child {
|
||||
margin-right: -1px;
|
||||
margin-left: 0px;
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.input-prepend input,
|
||||
.input-prepend select,
|
||||
.input-prepend .uneditable-input {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
|
||||
/* start myrtl */
|
||||
body {
|
||||
direction:rtl;
|
||||
}
|
||||
|
||||
.pager .next a {
|
||||
float: left;
|
||||
}
|
||||
.pager .previous a {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.btn-group > .btn:first-child, .radio.btn-group > label:first-of-type {
|
||||
margin-left: 0;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 0px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-moz-border-radius-topright: 4px;
|
||||
}
|
||||
.icon-arrow-right {
|
||||
background-position: -241px -94px;
|
||||
float: left;
|
||||
padding-right: 3px;
|
||||
}
|
||||
|
||||
.icon-arrow-left {
|
||||
background-position: -264px -95px;
|
||||
}
|
||||
.icon-refresh {
|
||||
background-position: -240px -23px;
|
||||
}
|
||||
#refresh-status {
|
||||
background-position: right center;
|
||||
padding-left: 0;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.radio input[type="radio"], .checkbox input[type="checkbox"] {
|
||||
float: right;
|
||||
margin-right: 2px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.list-striped, .row-striped {
|
||||
list-style: none;
|
||||
line-height: 18px;
|
||||
text-align: right;
|
||||
}
|
||||
.btn-group + .btn-group {
|
||||
margin-right: 5px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
.tabs-left > .nav-tabs {
|
||||
float: right;
|
||||
margin-left: 19px;
|
||||
border-left: 1px solid #DDD;
|
||||
margin-right: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
|
||||
border-color: #DDD #DDD #DDD transparent;
|
||||
}
|
||||
.tabs-left > .nav-tabs > li > a {
|
||||
margin-left: -1px;
|
||||
-webkit-border-radius: 0 4px 4px 0;
|
||||
-moz-border-radius: 0 4px 4px 0;
|
||||
border-radius: 0 4px 4px 0;
|
||||
margin-right: 0px;
|
||||
}
|
||||
.controls > .radio:first-child, .controls > .checkbox:first-child {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.btn-toolbar {
|
||||
margin-top: 14px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.navbar .nav > li {
|
||||
float:right;
|
||||
}
|
||||
|
||||
.icon-folder-2 {
|
||||
line-height: 25px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.navbar .nav > li > a {
|
||||
padding: 9px 10px;
|
||||
color: #D2E3FC;
|
||||
}
|
||||
.container-logo {
|
||||
padding-top: 6px;
|
||||
}
|
||||
.modal-header .close {
|
||||
float: left;
|
||||
}
|
||||
.pagination a {
|
||||
float: right;
|
||||
}
|
||||
.pagination ul {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
/* IE7 inline-block hack */
|
||||
|
||||
*zoom: 1;
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.pagination a {
|
||||
float: right;
|
||||
padding: 0 14px;
|
||||
line-height: 34px;
|
||||
text-decoration: none;
|
||||
border: 1px solid #ddd;
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
.pagination li:first-child a {
|
||||
border-right-width: 1px;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.pagination li:last-child a {
|
||||
-webkit-border-radius: 3px 0 0 3px ;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.pagination-centered {
|
||||
text-align: center;
|
||||
}
|
||||
.pagination-right {
|
||||
text-align: right;
|
||||
}
|
||||
.icon-first:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-previous:before {
|
||||
content: "\7d";
|
||||
}
|
||||
.icon-last:before {
|
||||
content: "\7b";
|
||||
}
|
||||
.icon-next:before {
|
||||
content: "\7c";
|
||||
}
|
||||
.dl-horizontal dt {
|
||||
float: right;
|
||||
}
|
||||
.profile> ul {
|
||||
margin: 9px 25px 0 0;
|
||||
}
|
||||
/* end myrtl */
|
||||
.dropdown-submenu > a:after {
|
||||
float: left;
|
||||
border-width: 5px 5px 5px 0;
|
||||
margin-left: -10px;
|
||||
border-left-color: transparent;
|
||||
border-right-color: #CCC;
|
||||
}
|
||||
/* Subcategories badge */
|
||||
.badge {
|
||||
margin-left: 10px;
|
||||
}
|
||||
/* Align tip text to right */
|
||||
.tip-text {
|
||||
text-align:right;
|
||||
}
|
||||
/* Other corrections */
|
||||
.icon-file-add:before {
|
||||
content: "(";
|
||||
}
|
||||
.icon-eye-open:before, .icon-eye:before {
|
||||
content: ">";
|
||||
}
|
||||
.icon-checkin:before, .icon-checkbox:before {
|
||||
content: "<";
|
||||
}
|
||||
.icon-save-new:before, .icon-plus-2:before {
|
||||
content: "[";
|
||||
}
|
||||
.btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, .btn-toolbar .btn + .btn-group {
|
||||
margin-left: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.btn-toolbar .btn-wrapper {
|
||||
display: inline-block;
|
||||
margin: 0 5px 5px 0;
|
||||
}
|
||||
.btn-group > .btn + .btn {
|
||||
margin-left: 0;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.input-append .add-on, .input-append .btn, .input-prepend .add-on, .input-prepend .btn {
|
||||
margin-left: 0;
|
||||
margin-right: -1px;
|
||||
}
|
||||
.table-bordered {
|
||||
border-right-width: 0;
|
||||
border-left-width: 1px;
|
||||
border-right-style: none;
|
||||
border-left-style: solid;
|
||||
border-right-color: -moz-use-text-color;
|
||||
border-left-color: #DDDDDD;
|
||||
}
|
||||
.chzn-container-single .chzn-single {
|
||||
padding-right: 8px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.chzn-container-single .chzn-single span {
|
||||
margin-left: 26px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.chzn-container-single .chzn-single abbr {
|
||||
left: 26px;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-container-single .chzn-single div {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices li {
|
||||
float: right;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice {
|
||||
margin-right: 5px;
|
||||
margin-left: 0;
|
||||
padding-right: 5px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
|
||||
left: 3px;
|
||||
right: auto;
|
||||
}
|
||||
.alert {
|
||||
padding-right: 14px;
|
||||
padding-left: 35px;
|
||||
}
|
||||
.alert .close {
|
||||
left: -21px;
|
||||
right: auto;
|
||||
}
|
||||
.close {
|
||||
float: left;
|
||||
}
|
||||
.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
|
||||
float: right;
|
||||
margin-left: 3px;
|
||||
margin-right: 0;
|
||||
}
|
||||
/* Media Manager */
|
||||
.com_media .container-main .media {
|
||||
display: inline-block;
|
||||
}
|
||||
.thumbnails > li {
|
||||
float: right;
|
||||
margin-bottom: 18px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
#mediamanager-form .description,
|
||||
#mediamanager-form .filesize,
|
||||
#mediamanager-form .dimensions {
|
||||
direction: ltr;
|
||||
}
|
||||
/* Tooltip */
|
||||
.tooltip-inner {
|
||||
text-align: right;
|
||||
}
|
||||
/* Media queries */
|
||||
@media (max-width: 480px) {
|
||||
.btn-toolbar .btn-wrapper {
|
||||
display: block;
|
||||
margin: 0 0 5px 0;
|
||||
}
|
||||
.btn-toolbar .btn-wrapper .btn {
|
||||
margin-left: 0px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
71
media/jui/less/bootstrap.less
vendored
Normal file
71
media/jui/less/bootstrap.less
vendored
Normal file
@@ -0,0 +1,71 @@
|
||||
/*!
|
||||
* Bootstrap v2.3.2
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
// CSS Reset
|
||||
@import "reset.less";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "scaffolding.less";
|
||||
@import "grid.less";
|
||||
@import "layouts.less";
|
||||
|
||||
// Base CSS
|
||||
@import "type.less";
|
||||
@import "code.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
|
||||
// Components: common
|
||||
@import "sprites.less";
|
||||
@import "dropdowns.less";
|
||||
@import "wells.less";
|
||||
@import "component-animations.less";
|
||||
@import "close.less";
|
||||
|
||||
// Components: Buttons & Alerts
|
||||
@import "buttons.less";
|
||||
@import "button-groups.less";
|
||||
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
|
||||
|
||||
// Components: Nav
|
||||
@import "navs.less";
|
||||
@import "navbar.less";
|
||||
@import "breadcrumbs.less";
|
||||
@import "pagination.less";
|
||||
@import "pager.less";
|
||||
|
||||
// Components: Popovers
|
||||
@import "modals.less";
|
||||
@import "tooltip.less";
|
||||
@import "popovers.less";
|
||||
|
||||
// Components: Misc
|
||||
@import "thumbnails.less";
|
||||
@import "media.less";
|
||||
@import "labels-badges.less";
|
||||
@import "progress-bars.less";
|
||||
@import "accordion.less";
|
||||
@import "carousel.less";
|
||||
@import "hero-unit.less";
|
||||
|
||||
// Utility classes
|
||||
@import "utilities.less"; // Has to be last to override when necessary
|
||||
|
||||
// JOOMLA JUI /* >>> JUI >>> */
|
||||
|
||||
/* Joomla JUI NOTE: Original .modal definition has to be commented in modals.less and responsive-767px-max.less */
|
||||
|
||||
@import "modals.joomla.less";
|
||||
@import "responsive-767px-max.joomla.less";
|
||||
// JOOMLA JUI /* <<< JUI <<< */
|
||||
24
media/jui/less/breadcrumbs.less
Normal file
24
media/jui/less/breadcrumbs.less
Normal file
@@ -0,0 +1,24 @@
|
||||
//
|
||||
// Breadcrumbs
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.breadcrumb {
|
||||
padding: 8px 15px;
|
||||
margin: 0 0 @baseLineHeight;
|
||||
list-style: none;
|
||||
background-color: #f5f5f5;
|
||||
.border-radius(@baseBorderRadius);
|
||||
> li {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
text-shadow: 0 1px 0 @white;
|
||||
> .divider {
|
||||
padding: 0 5px;
|
||||
color: #ccc;
|
||||
}
|
||||
}
|
||||
> .active {
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
229
media/jui/less/button-groups.less
Normal file
229
media/jui/less/button-groups.less
Normal file
@@ -0,0 +1,229 @@
|
||||
//
|
||||
// Button groups
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Make the div behave like a button
|
||||
.btn-group {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
font-size: 0; // remove as part 1 of font-size inline-block hack
|
||||
vertical-align: middle; // match .btn alignment given font-size hack above
|
||||
white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
|
||||
.ie7-restore-left-whitespace();
|
||||
}
|
||||
|
||||
// Space out series of button groups
|
||||
.btn-group + .btn-group {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
// Optional: Group multiple button groups together for a toolbar
|
||||
.btn-toolbar {
|
||||
font-size: 0; // Hack to remove whitespace that results from using inline-block
|
||||
margin-top: @baseLineHeight / 2;
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
> .btn + .btn,
|
||||
> .btn-group + .btn,
|
||||
> .btn + .btn-group {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Float them, remove border radius, then re-add to first and last elements
|
||||
.btn-group > .btn {
|
||||
position: relative;
|
||||
.border-radius(0);
|
||||
}
|
||||
.btn-group > .btn + .btn {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.btn-group > .btn,
|
||||
.btn-group > .dropdown-menu,
|
||||
.btn-group > .popover {
|
||||
font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack
|
||||
}
|
||||
|
||||
// Reset fonts for other sizes
|
||||
.btn-group > .btn-mini {
|
||||
font-size: @fontSizeMini;
|
||||
}
|
||||
.btn-group > .btn-small {
|
||||
font-size: @fontSizeSmall;
|
||||
}
|
||||
.btn-group > .btn-large {
|
||||
font-size: @fontSizeLarge;
|
||||
}
|
||||
|
||||
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
||||
.btn-group > .btn:first-child {
|
||||
margin-left: 0;
|
||||
.border-top-left-radius(@baseBorderRadius);
|
||||
.border-bottom-left-radius(@baseBorderRadius);
|
||||
}
|
||||
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
||||
.btn-group > .btn:last-child,
|
||||
.btn-group > .dropdown-toggle {
|
||||
.border-top-right-radius(@baseBorderRadius);
|
||||
.border-bottom-right-radius(@baseBorderRadius);
|
||||
}
|
||||
// Reset corners for large buttons
|
||||
.btn-group > .btn.large:first-child {
|
||||
margin-left: 0;
|
||||
.border-top-left-radius(@borderRadiusLarge);
|
||||
.border-bottom-left-radius(@borderRadiusLarge);
|
||||
}
|
||||
.btn-group > .btn.large:last-child,
|
||||
.btn-group > .large.dropdown-toggle {
|
||||
.border-top-right-radius(@borderRadiusLarge);
|
||||
.border-bottom-right-radius(@borderRadiusLarge);
|
||||
}
|
||||
|
||||
// On hover/focus/active, bring the proper btn to front
|
||||
.btn-group > .btn:hover,
|
||||
.btn-group > .btn:focus,
|
||||
.btn-group > .btn:active,
|
||||
.btn-group > .btn.active {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
// On active and open, don't show outline
|
||||
.btn-group .dropdown-toggle:active,
|
||||
.btn-group.open .dropdown-toggle {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Split button dropdowns
|
||||
// ----------------------
|
||||
|
||||
// Give the line between buttons some depth
|
||||
.btn-group > .btn + .dropdown-toggle {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
.box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
||||
*padding-top: 5px;
|
||||
*padding-bottom: 5px;
|
||||
}
|
||||
.btn-group > .btn-mini + .dropdown-toggle {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
*padding-top: 2px;
|
||||
*padding-bottom: 2px;
|
||||
}
|
||||
.btn-group > .btn-small + .dropdown-toggle {
|
||||
*padding-top: 5px;
|
||||
*padding-bottom: 4px;
|
||||
}
|
||||
.btn-group > .btn-large + .dropdown-toggle {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
*padding-top: 7px;
|
||||
*padding-bottom: 7px;
|
||||
}
|
||||
|
||||
.btn-group.open {
|
||||
|
||||
// The clickable button for toggling the menu
|
||||
// Remove the gradient and set the same inset shadow as the :active state
|
||||
.dropdown-toggle {
|
||||
background-image: none;
|
||||
.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
|
||||
}
|
||||
|
||||
// Keep the hover's background when dropdown is open
|
||||
.btn.dropdown-toggle {
|
||||
background-color: @btnBackgroundHighlight;
|
||||
}
|
||||
.btn-primary.dropdown-toggle {
|
||||
background-color: @btnPrimaryBackgroundHighlight;
|
||||
}
|
||||
.btn-warning.dropdown-toggle {
|
||||
background-color: @btnWarningBackgroundHighlight;
|
||||
}
|
||||
.btn-danger.dropdown-toggle {
|
||||
background-color: @btnDangerBackgroundHighlight;
|
||||
}
|
||||
.btn-success.dropdown-toggle {
|
||||
background-color: @btnSuccessBackgroundHighlight;
|
||||
}
|
||||
.btn-info.dropdown-toggle {
|
||||
background-color: @btnInfoBackgroundHighlight;
|
||||
}
|
||||
.btn-inverse.dropdown-toggle {
|
||||
background-color: @btnInverseBackgroundHighlight;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Reposition the caret
|
||||
.btn .caret {
|
||||
margin-top: 8px;
|
||||
margin-left: 0;
|
||||
}
|
||||
// Carets in other button sizes
|
||||
.btn-large .caret {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.btn-large .caret {
|
||||
border-left-width: 5px;
|
||||
border-right-width: 5px;
|
||||
border-top-width: 5px;
|
||||
}
|
||||
.btn-mini .caret,
|
||||
.btn-small .caret {
|
||||
margin-top: 8px;
|
||||
}
|
||||
// Upside down carets for .dropup
|
||||
.dropup .btn-large .caret {
|
||||
border-bottom-width: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Account for other colors
|
||||
.btn-primary,
|
||||
.btn-warning,
|
||||
.btn-danger,
|
||||
.btn-info,
|
||||
.btn-success,
|
||||
.btn-inverse {
|
||||
.caret {
|
||||
border-top-color: @white;
|
||||
border-bottom-color: @white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Vertical button groups
|
||||
// ----------------------
|
||||
|
||||
.btn-group-vertical {
|
||||
display: inline-block; // makes buttons only take up the width they need
|
||||
.ie7-inline-block();
|
||||
}
|
||||
.btn-group-vertical > .btn {
|
||||
display: block;
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
.border-radius(0);
|
||||
}
|
||||
.btn-group-vertical > .btn + .btn {
|
||||
margin-left: 0;
|
||||
margin-top: -1px;
|
||||
}
|
||||
.btn-group-vertical > .btn:first-child {
|
||||
.border-radius(@baseBorderRadius @baseBorderRadius 0 0);
|
||||
}
|
||||
.btn-group-vertical > .btn:last-child {
|
||||
.border-radius(0 0 @baseBorderRadius @baseBorderRadius);
|
||||
}
|
||||
.btn-group-vertical > .btn-large:first-child {
|
||||
.border-radius(@borderRadiusLarge @borderRadiusLarge 0 0);
|
||||
}
|
||||
.btn-group-vertical > .btn-large:last-child {
|
||||
.border-radius(0 0 @borderRadiusLarge @borderRadiusLarge);
|
||||
}
|
||||
228
media/jui/less/buttons.less
Normal file
228
media/jui/less/buttons.less
Normal file
@@ -0,0 +1,228 @@
|
||||
//
|
||||
// Buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base styles
|
||||
// --------------------------------------------------
|
||||
|
||||
// Core
|
||||
.btn {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
padding: 4px 12px;
|
||||
margin-bottom: 0; // For input.btn
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
.buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
|
||||
border: 1px solid @btnBorder;
|
||||
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
||||
border-bottom-color: darken(@btnBorder, 10%);
|
||||
.border-radius(@baseBorderRadius);
|
||||
.ie7-restore-left-whitespace(); // Give IE7 some love
|
||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
||||
|
||||
// Hover/focus state
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @grayDark;
|
||||
text-decoration: none;
|
||||
background-position: 0 -15px;
|
||||
|
||||
// transition is only when going to hover/focus, otherwise the background
|
||||
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
||||
.transition(background-position .1s linear);
|
||||
}
|
||||
|
||||
// Focus state for keyboard and accessibility
|
||||
&:focus {
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
// Active state
|
||||
&.active,
|
||||
&:active {
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
|
||||
}
|
||||
|
||||
// Disabled state
|
||||
&.disabled,
|
||||
&[disabled] {
|
||||
cursor: default;
|
||||
background-image: none;
|
||||
.opacity(65);
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Button Sizes
|
||||
// --------------------------------------------------
|
||||
|
||||
// Large
|
||||
.btn-large {
|
||||
padding: @paddingLarge;
|
||||
font-size: @fontSizeLarge;
|
||||
.border-radius(@borderRadiusLarge);
|
||||
}
|
||||
.btn-large [class^="icon-"],
|
||||
.btn-large [class*=" icon-"] {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
// Small
|
||||
.btn-small {
|
||||
padding: @paddingSmall;
|
||||
font-size: @fontSizeSmall;
|
||||
.border-radius(@borderRadiusSmall);
|
||||
}
|
||||
.btn-small [class^="icon-"],
|
||||
.btn-small [class*=" icon-"] {
|
||||
margin-top: 0;
|
||||
}
|
||||
.btn-mini [class^="icon-"],
|
||||
.btn-mini [class*=" icon-"] {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
// Mini
|
||||
.btn-mini {
|
||||
padding: @paddingMini;
|
||||
font-size: @fontSizeMini;
|
||||
.border-radius(@borderRadiusSmall);
|
||||
}
|
||||
|
||||
|
||||
// Block button
|
||||
// -------------------------
|
||||
|
||||
.btn-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
.box-sizing(border-box);
|
||||
}
|
||||
|
||||
// Vertically space out multiple block buttons
|
||||
.btn-block + .btn-block {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
// Specificity overrides
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"] {
|
||||
&.btn-block {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Alternate buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
// Provide *some* extra contrast for those who can get it
|
||||
.btn-primary.active,
|
||||
.btn-warning.active,
|
||||
.btn-danger.active,
|
||||
.btn-success.active,
|
||||
.btn-info.active,
|
||||
.btn-inverse.active {
|
||||
color: rgba(255,255,255,.75);
|
||||
}
|
||||
|
||||
// Set the backgrounds
|
||||
// -------------------------
|
||||
.btn-primary {
|
||||
.buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
|
||||
}
|
||||
// Warning appears are orange
|
||||
.btn-warning {
|
||||
.buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
|
||||
}
|
||||
// Danger and error appear as red
|
||||
.btn-danger {
|
||||
.buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
|
||||
}
|
||||
// Success appears as green
|
||||
.btn-success {
|
||||
.buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
|
||||
}
|
||||
// Info appears as a neutral blue
|
||||
.btn-info {
|
||||
.buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
|
||||
}
|
||||
// Inverse appears as dark gray
|
||||
.btn-inverse {
|
||||
.buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
|
||||
}
|
||||
|
||||
|
||||
// Cross-browser Jank
|
||||
// --------------------------------------------------
|
||||
|
||||
button.btn,
|
||||
input[type="submit"].btn {
|
||||
|
||||
// Firefox 3.6 only I believe
|
||||
&::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// IE7 has some default padding on button controls
|
||||
*padding-top: 3px;
|
||||
*padding-bottom: 3px;
|
||||
|
||||
&.btn-large {
|
||||
*padding-top: 7px;
|
||||
*padding-bottom: 7px;
|
||||
}
|
||||
&.btn-small {
|
||||
*padding-top: 3px;
|
||||
*padding-bottom: 3px;
|
||||
}
|
||||
&.btn-mini {
|
||||
*padding-top: 1px;
|
||||
*padding-bottom: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Link buttons
|
||||
// --------------------------------------------------
|
||||
|
||||
// Make a button look and behave like a link
|
||||
.btn-link,
|
||||
.btn-link:active,
|
||||
.btn-link[disabled] {
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
.box-shadow(none);
|
||||
}
|
||||
.btn-link {
|
||||
border-color: transparent;
|
||||
cursor: pointer;
|
||||
color: @linkColor;
|
||||
.border-radius(0);
|
||||
}
|
||||
.btn-link:hover,
|
||||
.btn-link:focus {
|
||||
color: @linkColorHover;
|
||||
text-decoration: underline;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-link[disabled]:hover,
|
||||
.btn-link[disabled]:focus {
|
||||
color: @grayDark;
|
||||
text-decoration: none;
|
||||
}
|
||||
158
media/jui/less/carousel.less
Normal file
158
media/jui/less/carousel.less
Normal file
@@ -0,0 +1,158 @@
|
||||
//
|
||||
// Carousel
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.carousel {
|
||||
position: relative;
|
||||
margin-bottom: @baseLineHeight;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
|
||||
> .item {
|
||||
display: none;
|
||||
position: relative;
|
||||
.transition(.6s ease-in-out left);
|
||||
|
||||
// Account for jankitude on images
|
||||
> img,
|
||||
> a > img {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
|
||||
> .active,
|
||||
> .next,
|
||||
> .prev { display: block; }
|
||||
|
||||
> .active {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
> .next,
|
||||
> .prev {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> .next {
|
||||
left: 100%;
|
||||
}
|
||||
> .prev {
|
||||
left: -100%;
|
||||
}
|
||||
> .next.left,
|
||||
> .prev.right {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
> .active.left {
|
||||
left: -100%;
|
||||
}
|
||||
> .active.right {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Left/right controls for nav
|
||||
// ---------------------------
|
||||
|
||||
.carousel-control {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 15px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: -20px;
|
||||
font-size: 60px;
|
||||
font-weight: 100;
|
||||
line-height: 30px;
|
||||
color: @white;
|
||||
text-align: center;
|
||||
background: @grayDarker;
|
||||
border: 3px solid @white;
|
||||
.border-radius(23px);
|
||||
.opacity(50);
|
||||
|
||||
// we can't have this transition here
|
||||
// because webkit cancels the carousel
|
||||
// animation if you trip this while
|
||||
// in the middle of another animation
|
||||
// ;_;
|
||||
// .transition(opacity .2s linear);
|
||||
|
||||
// Reposition the right one
|
||||
&.right {
|
||||
left: auto;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
// Hover/focus state
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @white;
|
||||
text-decoration: none;
|
||||
.opacity(90);
|
||||
}
|
||||
}
|
||||
|
||||
// Carousel indicator pips
|
||||
// -----------------------------
|
||||
.carousel-indicators {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
z-index: 5;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin-left: 5px;
|
||||
text-indent: -999px;
|
||||
background-color: #ccc;
|
||||
background-color: rgba(255,255,255,.25);
|
||||
border-radius: 5px;
|
||||
}
|
||||
.active {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// Caption for text below images
|
||||
// -----------------------------
|
||||
|
||||
.carousel-caption {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 15px;
|
||||
background: @grayDark;
|
||||
background: rgba(0,0,0,.75);
|
||||
}
|
||||
.carousel-caption h4,
|
||||
.carousel-caption p {
|
||||
color: @white;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
.carousel-caption h4 {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
.carousel-caption p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
32
media/jui/less/close.less
Normal file
32
media/jui/less/close.less
Normal file
@@ -0,0 +1,32 @@
|
||||
//
|
||||
// Close icons
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
line-height: @baseLineHeight;
|
||||
color: @black;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,1);
|
||||
.opacity(20);
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @black;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
.opacity(40);
|
||||
}
|
||||
}
|
||||
|
||||
// Additional properties for button version
|
||||
// iOS requires the button element instead of an anchor tag.
|
||||
// If you want the anchor version, it requires `href="#"`.
|
||||
button.close {
|
||||
padding: 3;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
61
media/jui/less/code.less
Normal file
61
media/jui/less/code.less
Normal file
@@ -0,0 +1,61 @@
|
||||
//
|
||||
// Code (inline and blocK)
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Inline and block code styles
|
||||
code,
|
||||
pre {
|
||||
padding: 0 3px 2px;
|
||||
#font > #family > .monospace;
|
||||
font-size: @baseFontSize - 2;
|
||||
color: @grayDark;
|
||||
.border-radius(3px);
|
||||
}
|
||||
|
||||
// Inline code
|
||||
code {
|
||||
padding: 2px 4px;
|
||||
color: #d14;
|
||||
background-color: #f7f7f9;
|
||||
border: 1px solid #e1e1e8;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// Blocks of code
|
||||
pre {
|
||||
display: block;
|
||||
padding: (@baseLineHeight - 1) / 2;
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
font-size: @baseFontSize - 1; // 14px to 13px
|
||||
line-height: @baseLineHeight;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ccc; // fallback for IE7-8
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
.border-radius(@baseBorderRadius);
|
||||
|
||||
// Make prettyprint styles more spaced out for readability
|
||||
&.prettyprint {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Account for some code outputs that place code tags in pre tags
|
||||
code {
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Enable scrollable blocks of code
|
||||
.pre-scrollable {
|
||||
max-height: 340px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
22
media/jui/less/component-animations.less
Normal file
22
media/jui/less/component-animations.less
Normal file
@@ -0,0 +1,22 @@
|
||||
//
|
||||
// Component animations
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.fade {
|
||||
opacity: 0;
|
||||
.transition(opacity .15s linear);
|
||||
&.in {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.collapse {
|
||||
position: relative;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
.transition(height .35s ease);
|
||||
&.in {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
248
media/jui/less/dropdowns.less
Normal file
248
media/jui/less/dropdowns.less
Normal file
@@ -0,0 +1,248 @@
|
||||
//
|
||||
// Dropdown menus
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
|
||||
.dropup,
|
||||
.dropdown {
|
||||
position: relative;
|
||||
}
|
||||
.dropdown-toggle {
|
||||
// The caret makes the toggle a bit too tall in IE7
|
||||
*margin-bottom: -3px;
|
||||
}
|
||||
.dropdown-toggle:active,
|
||||
.open .dropdown-toggle {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Dropdown arrow/caret
|
||||
// --------------------
|
||||
.caret {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
vertical-align: top;
|
||||
border-top: 4px solid @black;
|
||||
border-right: 4px solid transparent;
|
||||
border-left: 4px solid transparent;
|
||||
content: "";
|
||||
}
|
||||
|
||||
// Place the caret
|
||||
.dropdown .caret {
|
||||
margin-top: 8px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
// The dropdown menu (ul)
|
||||
// ----------------------
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
z-index: @zindexDropdown;
|
||||
display: none; // none by default, but block on "open" of the menu
|
||||
float: left;
|
||||
min-width: 160px;
|
||||
padding: 5px 0;
|
||||
margin: 2px 0 0; // override default ul
|
||||
list-style: none;
|
||||
background-color: @dropdownBackground;
|
||||
border: 1px solid #ccc; // Fallback for IE7-8
|
||||
border: 1px solid @dropdownBorder;
|
||||
*border-right-width: 2px;
|
||||
*border-bottom-width: 2px;
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
|
||||
// Aligns the dropdown menu to right
|
||||
&.pull-right {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
// Dividers (basically an hr) within the dropdown
|
||||
.divider {
|
||||
.nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
|
||||
}
|
||||
|
||||
// Links within the dropdown menu
|
||||
> li > a {
|
||||
display: block;
|
||||
padding: 3px 20px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: @baseLineHeight;
|
||||
color: @dropdownLinkColor;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover/Focus state
|
||||
// -----------
|
||||
.dropdown-menu > li > a:hover,
|
||||
.dropdown-menu > li > a:focus,
|
||||
.dropdown-submenu:hover > a,
|
||||
.dropdown-submenu:focus > a {
|
||||
text-decoration: none;
|
||||
color: @dropdownLinkColorHover;
|
||||
#gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
|
||||
}
|
||||
|
||||
// Active state
|
||||
// ------------
|
||||
.dropdown-menu > .active > a,
|
||||
.dropdown-menu > .active > a:hover,
|
||||
.dropdown-menu > .active > a:focus {
|
||||
color: @dropdownLinkColorActive;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
#gradient > .vertical(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%));
|
||||
}
|
||||
|
||||
// Disabled state
|
||||
// --------------
|
||||
// Gray out text and ensure the hover/focus state remains gray
|
||||
.dropdown-menu > .disabled > a,
|
||||
.dropdown-menu > .disabled > a:hover,
|
||||
.dropdown-menu > .disabled > a:focus {
|
||||
color: @grayLight;
|
||||
}
|
||||
// Nuke hover/focus effects
|
||||
.dropdown-menu > .disabled > a:hover,
|
||||
.dropdown-menu > .disabled > a:focus {
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
background-image: none; // Remove CSS gradient
|
||||
.reset-filter();
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
// Open state for the dropdown
|
||||
// ---------------------------
|
||||
.open {
|
||||
// IE7's z-index only goes to the nearest positioned ancestor, which would
|
||||
// make the menu appear below buttons that appeared later on the page
|
||||
*z-index: @zindexDropdown;
|
||||
|
||||
& > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
// Backdrop to catch body clicks on mobile, etc.
|
||||
// ---------------------------
|
||||
.dropdown-backdrop {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
z-index: @zindexDropdown - 10;
|
||||
}
|
||||
|
||||
// Right aligned dropdowns
|
||||
// ---------------------------
|
||||
.pull-right > .dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
||||
// ------------------------------------------------------
|
||||
// Just add .dropup after the standard .dropdown class and you're set, bro.
|
||||
// TODO: abstract this so that the navbar fixed styles are not placed here?
|
||||
.dropup,
|
||||
.navbar-fixed-bottom .dropdown {
|
||||
// Reverse the caret
|
||||
.caret {
|
||||
border-top: 0;
|
||||
border-bottom: 4px solid @black;
|
||||
content: "";
|
||||
}
|
||||
// Different positioning for bottom up menu
|
||||
.dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// Sub menus
|
||||
// ---------------------------
|
||||
.dropdown-submenu {
|
||||
position: relative;
|
||||
}
|
||||
// Default dropdowns
|
||||
.dropdown-submenu > .dropdown-menu {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin-top: -6px;
|
||||
margin-left: -1px;
|
||||
.border-radius(0 6px 6px 6px);
|
||||
}
|
||||
.dropdown-submenu:hover > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Dropups
|
||||
.dropup .dropdown-submenu > .dropdown-menu {
|
||||
top: auto;
|
||||
bottom: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: -2px;
|
||||
.border-radius(5px 5px 5px 0);
|
||||
}
|
||||
|
||||
// Caret to indicate there is a submenu
|
||||
.dropdown-submenu > a:after {
|
||||
display: block;
|
||||
content: " ";
|
||||
float: right;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 5px 0 5px 5px;
|
||||
border-left-color: darken(@dropdownBackground, 20%);
|
||||
margin-top: 5px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
.dropdown-submenu:hover > a:after {
|
||||
border-left-color: @dropdownLinkColorHover;
|
||||
}
|
||||
|
||||
// Left aligned submenus
|
||||
.dropdown-submenu.pull-left {
|
||||
// Undo the float
|
||||
// Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
|
||||
float: none;
|
||||
|
||||
// Positioning the submenu
|
||||
> .dropdown-menu {
|
||||
left: -100%;
|
||||
margin-left: 10px;
|
||||
.border-radius(6px 0 6px 6px);
|
||||
}
|
||||
}
|
||||
|
||||
// Tweak nav headers
|
||||
// -----------------
|
||||
// Increase padding from 15px to 20px on sides
|
||||
.dropdown .dropdown-menu .nav-header {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
// Typeahead
|
||||
// ---------
|
||||
.typeahead {
|
||||
z-index: 1051;
|
||||
margin-top: 2px; // give it some space to breathe
|
||||
.border-radius(@baseBorderRadius);
|
||||
}
|
||||
690
media/jui/less/forms.less
Normal file
690
media/jui/less/forms.less
Normal file
@@ -0,0 +1,690 @@
|
||||
//
|
||||
// Forms
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// GENERAL STYLES
|
||||
// --------------
|
||||
|
||||
// Make all forms have space below them
|
||||
form {
|
||||
margin: 0 0 @baseLineHeight;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Groups of fields with labels on top (legends)
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: @baseLineHeight;
|
||||
font-size: @baseFontSize * 1.5;
|
||||
line-height: @baseLineHeight * 2;
|
||||
color: @grayDark;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
|
||||
// Small
|
||||
small {
|
||||
font-size: @baseLineHeight * .75;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
|
||||
// Set font for forms
|
||||
label,
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
#font > .shorthand(@baseFontSize,normal,@baseLineHeight); // Set size, weight, line-height here
|
||||
}
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-family: @baseFontFamily; // And only set font-family here for those that need it (note the missing label element)
|
||||
}
|
||||
|
||||
// Identify controls by their labels
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
// Form controls
|
||||
// -------------------------
|
||||
|
||||
// Shared size and type resets
|
||||
select,
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
height: @baseLineHeight;
|
||||
padding: 4px 6px;
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @gray;
|
||||
.border-radius(@inputBorderRadius);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
// Reset appearance properties for textual inputs and textarea
|
||||
// Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
width: 206px; // plus 12px padding and 2px border
|
||||
}
|
||||
// Reset height since textareas have rows
|
||||
textarea {
|
||||
height: auto;
|
||||
}
|
||||
// Everything else
|
||||
textarea,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
background-color: @inputBackground;
|
||||
border: 1px solid @inputBorder;
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
||||
.transition(~"border linear .2s, box-shadow linear .2s");
|
||||
|
||||
// Focus state
|
||||
&:focus {
|
||||
border-color: rgba(82,168,236,.8);
|
||||
outline: 0;
|
||||
outline: thin dotted \9; /* IE6-9 */
|
||||
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
|
||||
}
|
||||
}
|
||||
|
||||
// Position radios and checkboxes better
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
margin: 4px 0 0;
|
||||
*margin-top: 0; /* IE7 */
|
||||
margin-top: 1px \9; /* IE8-9 */
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
// Reset width of input images, buttons, radios, checkboxes
|
||||
input[type="file"],
|
||||
input[type="image"],
|
||||
input[type="submit"],
|
||||
input[type="reset"],
|
||||
input[type="button"],
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
width: auto; // Override of generic input selector
|
||||
}
|
||||
|
||||
// Set the height of select and file controls to match text inputs
|
||||
select,
|
||||
input[type="file"] {
|
||||
height: @inputHeight; /* In IE7, the height of the select element cannot be changed by height, only font-size */
|
||||
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
|
||||
line-height: @inputHeight;
|
||||
}
|
||||
|
||||
// Make select elements obey height by applying a border
|
||||
select {
|
||||
width: 220px; // default input width + 10px of padding that doesn't get applied
|
||||
border: 1px solid @inputBorder;
|
||||
background-color: @inputBackground; // Chrome on Linux and Mobile Safari need background-color
|
||||
}
|
||||
|
||||
// Make multiple select elements height not fixed
|
||||
select[multiple],
|
||||
select[size] {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Focus for select, file, radio, and checkbox
|
||||
select:focus,
|
||||
input[type="file"]:focus,
|
||||
input[type="radio"]:focus,
|
||||
input[type="checkbox"]:focus {
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
|
||||
// Uneditable inputs
|
||||
// -------------------------
|
||||
|
||||
// Make uneditable inputs look inactive
|
||||
.uneditable-input,
|
||||
.uneditable-textarea {
|
||||
color: @grayLight;
|
||||
background-color: darken(@inputBackground, 1%);
|
||||
border-color: @inputBorder;
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// For text that needs to appear as an input but should not be an input
|
||||
.uneditable-input {
|
||||
overflow: hidden; // prevent text from wrapping, but still cut it off like an input does
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// Make uneditable textareas behave like a textarea
|
||||
.uneditable-textarea {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
// Placeholder
|
||||
// -------------------------
|
||||
|
||||
// Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector
|
||||
input,
|
||||
textarea {
|
||||
.placeholder();
|
||||
}
|
||||
|
||||
|
||||
// CHECKBOXES & RADIOS
|
||||
// -------------------
|
||||
|
||||
// Indent the labels to position radios/checkboxes as hanging
|
||||
.radio,
|
||||
.checkbox {
|
||||
min-height: @baseLineHeight; // clear the floating input if there is no label text
|
||||
padding-left: 20px;
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.checkbox input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
// Move the options list down to align with labels
|
||||
.controls > .radio:first-child,
|
||||
.controls > .checkbox:first-child {
|
||||
padding-top: 5px; // has to be padding because margin collaspes
|
||||
}
|
||||
|
||||
// Radios and checkboxes on same line
|
||||
// TODO v3: Convert .inline to .control-inline
|
||||
.radio.inline,
|
||||
.checkbox.inline {
|
||||
display: inline-block;
|
||||
padding-top: 5px;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.radio.inline + .radio.inline,
|
||||
.checkbox.inline + .checkbox.inline {
|
||||
margin-left: 10px; // space out consecutive inline controls
|
||||
}
|
||||
|
||||
|
||||
|
||||
// INPUT SIZES
|
||||
// -----------
|
||||
|
||||
// General classes for quick sizes
|
||||
.input-mini { width: 60px; }
|
||||
.input-small { width: 90px; }
|
||||
.input-medium { width: 150px; }
|
||||
.input-large { width: 210px; }
|
||||
.input-xlarge { width: 270px; }
|
||||
.input-xxlarge { width: 530px; }
|
||||
|
||||
// Grid style input sizes
|
||||
input[class*="span"],
|
||||
select[class*="span"],
|
||||
textarea[class*="span"],
|
||||
.uneditable-input[class*="span"],
|
||||
// Redeclare since the fluid row class is more specific
|
||||
.row-fluid input[class*="span"],
|
||||
.row-fluid select[class*="span"],
|
||||
.row-fluid textarea[class*="span"],
|
||||
.row-fluid .uneditable-input[class*="span"] {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
// Ensure input-prepend/append never wraps
|
||||
.input-append input[class*="span"],
|
||||
.input-append .uneditable-input[class*="span"],
|
||||
.input-prepend input[class*="span"],
|
||||
.input-prepend .uneditable-input[class*="span"],
|
||||
.row-fluid input[class*="span"],
|
||||
.row-fluid select[class*="span"],
|
||||
.row-fluid textarea[class*="span"],
|
||||
.row-fluid .uneditable-input[class*="span"],
|
||||
.row-fluid .input-prepend [class*="span"],
|
||||
.row-fluid .input-append [class*="span"] {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRID SIZING FOR INPUTS
|
||||
// ----------------------
|
||||
|
||||
// Grid sizes
|
||||
#grid > .input(@gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
// Control row for multiple inputs per line
|
||||
.controls-row {
|
||||
.clearfix(); // Clear the float from controls
|
||||
}
|
||||
|
||||
// Float to collapse white-space for proper grid alignment
|
||||
.controls-row [class*="span"],
|
||||
// Redeclare the fluid grid collapse since we undo the float for inputs
|
||||
.row-fluid .controls-row [class*="span"] {
|
||||
float: left;
|
||||
}
|
||||
// Explicity set top padding on all checkboxes/radios, not just first-child
|
||||
.controls-row .checkbox[class*="span"],
|
||||
.controls-row .radio[class*="span"] {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// DISABLED STATE
|
||||
// --------------
|
||||
|
||||
// Disabled and read-only inputs
|
||||
input[disabled],
|
||||
select[disabled],
|
||||
textarea[disabled],
|
||||
input[readonly],
|
||||
select[readonly],
|
||||
textarea[readonly] {
|
||||
cursor: not-allowed;
|
||||
background-color: @inputDisabledBackground;
|
||||
}
|
||||
// Explicitly reset the colors here
|
||||
input[type="radio"][disabled],
|
||||
input[type="checkbox"][disabled],
|
||||
input[type="radio"][readonly],
|
||||
input[type="checkbox"][readonly] {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// FORM FIELD FEEDBACK STATES
|
||||
// --------------------------
|
||||
|
||||
// Warning
|
||||
.control-group.warning {
|
||||
.formFieldState(@warningText, @warningText, @warningBackground);
|
||||
}
|
||||
// Error
|
||||
.control-group.error {
|
||||
.formFieldState(@errorText, @errorText, @errorBackground);
|
||||
}
|
||||
// Success
|
||||
.control-group.success {
|
||||
.formFieldState(@successText, @successText, @successBackground);
|
||||
}
|
||||
// Success
|
||||
.control-group.info {
|
||||
.formFieldState(@infoText, @infoText, @infoBackground);
|
||||
}
|
||||
|
||||
// HTML5 invalid states
|
||||
// Shares styles with the .control-group.error above
|
||||
input:focus:invalid,
|
||||
textarea:focus:invalid,
|
||||
select:focus:invalid {
|
||||
color: #b94a48;
|
||||
border-color: #ee5f5b;
|
||||
&:focus {
|
||||
border-color: darken(#ee5f5b, 10%);
|
||||
@shadow: 0 0 6px lighten(#ee5f5b, 20%);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FORM ACTIONS
|
||||
// ------------
|
||||
|
||||
.form-actions {
|
||||
padding: (@baseLineHeight - 1) 20px @baseLineHeight;
|
||||
margin-top: @baseLineHeight;
|
||||
margin-bottom: @baseLineHeight;
|
||||
background-color: @formActionsBackground;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
.clearfix(); // Adding clearfix to allow for .pull-right button containers
|
||||
}
|
||||
|
||||
|
||||
|
||||
// HELP TEXT
|
||||
// ---------
|
||||
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: lighten(@textColor, 15%); // lighten the text some for contrast
|
||||
}
|
||||
|
||||
.help-block {
|
||||
display: block; // account for any element using help-block
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
.help-inline {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
vertical-align: middle;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// INPUT GROUPS
|
||||
// ------------
|
||||
|
||||
// Allow us to put symbols and text within the input field for a cleaner look
|
||||
.input-append,
|
||||
.input-prepend {
|
||||
display: inline-block;
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
vertical-align: middle;
|
||||
font-size: 0; // white space collapse hack
|
||||
white-space: nowrap; // Prevent span and input from separating
|
||||
|
||||
// Reset the white space collapse hack
|
||||
input,
|
||||
select,
|
||||
.uneditable-input,
|
||||
.dropdown-menu,
|
||||
.popover {
|
||||
font-size: @baseFontSize;
|
||||
}
|
||||
|
||||
input,
|
||||
select,
|
||||
.uneditable-input {
|
||||
position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness
|
||||
margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms
|
||||
*margin-left: 0;
|
||||
vertical-align: top;
|
||||
.border-radius(0 @inputBorderRadius @inputBorderRadius 0);
|
||||
// Make input on top when focused so blue border and shadow always show
|
||||
&:focus {
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.add-on {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: @baseLineHeight;
|
||||
min-width: 16px;
|
||||
padding: 4px 5px;
|
||||
font-size: @baseFontSize;
|
||||
font-weight: normal;
|
||||
line-height: @baseLineHeight;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
background-color: @grayLighter;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.add-on,
|
||||
.btn,
|
||||
.btn-group > .dropdown-toggle {
|
||||
vertical-align: top;
|
||||
.border-radius(0);
|
||||
}
|
||||
.active {
|
||||
background-color: lighten(@green, 30);
|
||||
border-color: @green;
|
||||
}
|
||||
}
|
||||
|
||||
.input-prepend {
|
||||
.add-on,
|
||||
.btn {
|
||||
margin-right: -1px;
|
||||
}
|
||||
.add-on:first-child,
|
||||
.btn:first-child {
|
||||
// FYI, `.btn:first-child` accounts for a button group that's prepended
|
||||
.border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
|
||||
}
|
||||
}
|
||||
|
||||
.input-append {
|
||||
input,
|
||||
select,
|
||||
.uneditable-input {
|
||||
.border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
|
||||
+ .btn-group .btn:last-child {
|
||||
.border-radius(0 @inputBorderRadius @inputBorderRadius 0);
|
||||
}
|
||||
}
|
||||
.add-on,
|
||||
.btn,
|
||||
.btn-group {
|
||||
margin-left: -1px;
|
||||
}
|
||||
.add-on:last-child,
|
||||
.btn:last-child,
|
||||
.btn-group:last-child > .dropdown-toggle {
|
||||
.border-radius(0 @inputBorderRadius @inputBorderRadius 0);
|
||||
}
|
||||
}
|
||||
|
||||
// Remove all border-radius for inputs with both prepend and append
|
||||
.input-prepend.input-append {
|
||||
input,
|
||||
select,
|
||||
.uneditable-input {
|
||||
.border-radius(0);
|
||||
+ .btn-group .btn {
|
||||
.border-radius(0 @inputBorderRadius @inputBorderRadius 0);
|
||||
}
|
||||
}
|
||||
.add-on:first-child,
|
||||
.btn:first-child {
|
||||
margin-right: -1px;
|
||||
.border-radius(@inputBorderRadius 0 0 @inputBorderRadius);
|
||||
}
|
||||
.add-on:last-child,
|
||||
.btn:last-child {
|
||||
margin-left: -1px;
|
||||
.border-radius(0 @inputBorderRadius @inputBorderRadius 0);
|
||||
}
|
||||
.btn-group:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// SEARCH FORM
|
||||
// -----------
|
||||
|
||||
input.search-query {
|
||||
padding-right: 14px;
|
||||
padding-right: 4px \9;
|
||||
padding-left: 14px;
|
||||
padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */
|
||||
margin-bottom: 0; // Remove the default margin on all inputs
|
||||
.border-radius(15px);
|
||||
}
|
||||
|
||||
/* Allow for input prepend/append in search forms */
|
||||
.form-search .input-append .search-query,
|
||||
.form-search .input-prepend .search-query {
|
||||
.border-radius(0); // Override due to specificity
|
||||
}
|
||||
.form-search .input-append .search-query {
|
||||
.border-radius(14px 0 0 14px);
|
||||
}
|
||||
.form-search .input-append .btn {
|
||||
.border-radius(0 14px 14px 0);
|
||||
}
|
||||
.form-search .input-prepend .search-query {
|
||||
.border-radius(0 14px 14px 0);
|
||||
}
|
||||
.form-search .input-prepend .btn {
|
||||
.border-radius(14px 0 0 14px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// HORIZONTAL & VERTICAL FORMS
|
||||
// ---------------------------
|
||||
|
||||
// Common properties
|
||||
// -----------------
|
||||
|
||||
.form-search,
|
||||
.form-inline,
|
||||
.form-horizontal {
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
.help-inline,
|
||||
.uneditable-input,
|
||||
.input-prepend,
|
||||
.input-append {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
// Re-hide hidden elements due to specifity
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.form-search label,
|
||||
.form-inline label,
|
||||
.form-search .btn-group,
|
||||
.form-inline .btn-group {
|
||||
display: inline-block;
|
||||
}
|
||||
// Remove margin for input-prepend/-append
|
||||
.form-search .input-append,
|
||||
.form-inline .input-append,
|
||||
.form-search .input-prepend,
|
||||
.form-inline .input-prepend {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
// Inline checkbox/radio labels (remove padding on left)
|
||||
.form-search .radio,
|
||||
.form-search .checkbox,
|
||||
.form-inline .radio,
|
||||
.form-inline .checkbox {
|
||||
padding-left: 0;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
// Remove float and margin, set to inline-block
|
||||
.form-search .radio input[type="radio"],
|
||||
.form-search .checkbox input[type="checkbox"],
|
||||
.form-inline .radio input[type="radio"],
|
||||
.form-inline .checkbox input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-right: 3px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
// Margin to space out fieldsets
|
||||
.control-group {
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
// Legend collapses margin, so next element is responsible for spacing
|
||||
legend + .control-group {
|
||||
margin-top: @baseLineHeight;
|
||||
-webkit-margin-top-collapse: separate;
|
||||
}
|
||||
|
||||
// Horizontal-specific styles
|
||||
// --------------------------
|
||||
|
||||
.form-horizontal {
|
||||
// Increase spacing between groups
|
||||
.control-group {
|
||||
margin-bottom: @baseLineHeight;
|
||||
.clearfix();
|
||||
}
|
||||
// Float the labels left
|
||||
.control-label {
|
||||
float: left;
|
||||
width: @horizontalComponentOffset - 20;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
// Move over all input controls and content
|
||||
.controls {
|
||||
// Super jank IE7 fix to ensure the inputs in .input-append and input-prepend
|
||||
// don't inherit the margin of the parent, in this case .controls
|
||||
*display: inline-block;
|
||||
*padding-left: 20px;
|
||||
margin-left: @horizontalComponentOffset;
|
||||
*margin-left: 0;
|
||||
&:first-child {
|
||||
*padding-left: @horizontalComponentOffset;
|
||||
}
|
||||
}
|
||||
// Remove bottom margin on block level help text since that's accounted for on .control-group
|
||||
.help-block {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
// And apply it only to .help-block instances that follow a form control
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
.uneditable-input,
|
||||
.input-prepend,
|
||||
.input-append {
|
||||
+ .help-block {
|
||||
margin-top: @baseLineHeight / 2;
|
||||
}
|
||||
}
|
||||
// Move over buttons in .form-actions to align with .controls
|
||||
.form-actions {
|
||||
padding-left: @horizontalComponentOffset;
|
||||
}
|
||||
}
|
||||
21
media/jui/less/grid.less
Normal file
21
media/jui/less/grid.less
Normal file
@@ -0,0 +1,21 @@
|
||||
//
|
||||
// Grid system
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Fixed (940px)
|
||||
#grid > .core(@gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
// Fluid (940px)
|
||||
#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
|
||||
|
||||
// Reset utility classes due to specificity
|
||||
[class*="span"].hide,
|
||||
.row-fluid [class*="span"].hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[class*="span"].pull-right,
|
||||
.row-fluid [class*="span"].pull-right {
|
||||
float: right;
|
||||
}
|
||||
25
media/jui/less/hero-unit.less
Normal file
25
media/jui/less/hero-unit.less
Normal file
@@ -0,0 +1,25 @@
|
||||
//
|
||||
// Hero unit
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.hero-unit {
|
||||
padding: 60px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
color: @heroUnitLeadColor;
|
||||
background-color: @heroUnitBackground;
|
||||
.border-radius(6px);
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
font-size: 60px;
|
||||
line-height: 1;
|
||||
color: @heroUnitHeadingColor;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
li {
|
||||
line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less
|
||||
}
|
||||
}
|
||||
470
media/jui/less/icomoon.less
Normal file
470
media/jui/less/icomoon.less
Normal file
@@ -0,0 +1,470 @@
|
||||
@font-face {
|
||||
font-family: 'IcoMoon';
|
||||
src: url('../fonts/IcoMoon.eot');
|
||||
src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/IcoMoon.woff') format('woff'),
|
||||
url('../fonts/IcoMoon.ttf') format('truetype'),
|
||||
url('../fonts/IcoMoon.svg#IcoMoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
||||
[data-icon]:before {
|
||||
font-family: 'IcoMoon';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
}
|
||||
|
||||
/* From Bootstrap */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
.ie7-restore-right-whitespace();
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to have a class per icon */
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: 'IcoMoon';
|
||||
font-style: normal;
|
||||
speak: none;
|
||||
}
|
||||
[class^="icon-"].disabled,
|
||||
[class*=" icon-"].disabled {
|
||||
font-weight: normal;
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\21";
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\22";
|
||||
}
|
||||
.icon-checkedout:before,
|
||||
.icon-lock:before,
|
||||
.icon-locked:before {
|
||||
content: "\23";
|
||||
}
|
||||
.icon-comment:before,
|
||||
.icon-comments:before {
|
||||
content: "\24";
|
||||
}
|
||||
.icon-comments-2:before {
|
||||
content: "\25";
|
||||
}
|
||||
.icon-share-alt:before,
|
||||
.icon-out:before {
|
||||
content: "\26";
|
||||
}
|
||||
.icon-share:before,
|
||||
.icon-redo:before {
|
||||
content: "\27";
|
||||
}
|
||||
.icon-undo:before {
|
||||
content: "\28";
|
||||
}
|
||||
.icon-file-add:before {
|
||||
content: "\29";
|
||||
}
|
||||
.icon-new:before,
|
||||
.icon-plus:before {
|
||||
content: "\2a";
|
||||
}
|
||||
.icon-apply:before,
|
||||
.icon-edit:before,
|
||||
.icon-pencil:before {
|
||||
content: "\2b";
|
||||
}
|
||||
.icon-pencil-2:before {
|
||||
content: "\2c";
|
||||
}
|
||||
.icon-folder-open:before,
|
||||
.icon-folder:before {
|
||||
content: "\2d";
|
||||
}
|
||||
.icon-folder-close:before,
|
||||
.icon-folder-2:before {
|
||||
content: "\2e";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\2f";
|
||||
}
|
||||
.icon-pictures:before {
|
||||
content: "\30";
|
||||
}
|
||||
.icon-list:before,
|
||||
.icon-list-view:before {
|
||||
content: "\31";
|
||||
}
|
||||
.icon-power-cord:before {
|
||||
content: "\32";
|
||||
}
|
||||
.icon-cube:before {
|
||||
content: "\33";
|
||||
}
|
||||
.icon-puzzle:before {
|
||||
content: "\34";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\35";
|
||||
}
|
||||
.icon-tools:before {
|
||||
content: "\36";
|
||||
}
|
||||
.icon-cogs:before {
|
||||
content: "\37";
|
||||
}
|
||||
.icon-options:before,
|
||||
.icon-cog:before {
|
||||
content: "\38";
|
||||
}
|
||||
.icon-equalizer:before {
|
||||
content: "\39";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\3a";
|
||||
}
|
||||
.icon-brush:before {
|
||||
content: "\3b";
|
||||
}
|
||||
.icon-eye-open:before,
|
||||
.icon-eye:before {
|
||||
content: "\3c";
|
||||
}
|
||||
.icon-checkbox-unchecked:before {
|
||||
content: "\3d";
|
||||
}
|
||||
.icon-checkin:before,
|
||||
.icon-checkbox:before {
|
||||
content: "\3e";
|
||||
}
|
||||
.icon-checkbox-partial:before {
|
||||
content: "\3f";
|
||||
}
|
||||
.icon-asterisk:before,
|
||||
.icon-star-empty:before {
|
||||
content: "\40";
|
||||
}
|
||||
.icon-star-2:before {
|
||||
content: "\41";
|
||||
}
|
||||
.icon-featured:before,
|
||||
.icon-star:before {
|
||||
content: "\42";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\43";
|
||||
}
|
||||
.icon-calendar-2:before {
|
||||
content: "\44";
|
||||
}
|
||||
.icon-question-sign:before,
|
||||
.icon-help:before {
|
||||
content: "\45";
|
||||
}
|
||||
.icon-support:before {
|
||||
content: "\46";
|
||||
}
|
||||
.icon-pending:before,
|
||||
.icon-warning:before {
|
||||
content: "\48";
|
||||
}
|
||||
.icon-publish:before,
|
||||
.icon-save:before,
|
||||
.icon-ok:before,
|
||||
.icon-checkmark:before {
|
||||
content: "\47";
|
||||
}
|
||||
.icon-unpublish:before,
|
||||
.icon-cancel:before {
|
||||
content: "\4a";
|
||||
}
|
||||
.icon-eye-close:before,
|
||||
.icon-minus:before {
|
||||
content: "\4b";
|
||||
}
|
||||
.icon-purge:before,
|
||||
.icon-trash:before {
|
||||
content: "\4c";
|
||||
}
|
||||
.icon-envelope:before,
|
||||
.icon-mail:before {
|
||||
content: "\4d";
|
||||
}
|
||||
.icon-mail-2:before {
|
||||
content: "\4e";
|
||||
}
|
||||
.icon-unarchive:before,
|
||||
.icon-drawer:before {
|
||||
content: "\4f";
|
||||
}
|
||||
.icon-archive:before,
|
||||
.icon-drawer-2:before {
|
||||
content: "\50";
|
||||
}
|
||||
.icon-box-add:before {
|
||||
content: "\51";
|
||||
}
|
||||
.icon-box-remove:before {
|
||||
content: "\52";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\53";
|
||||
}
|
||||
.icon-filter:before {
|
||||
content: "\54";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\55";
|
||||
}
|
||||
.icon-play:before {
|
||||
content: "\56";
|
||||
}
|
||||
.icon-music:before {
|
||||
content: "\57";
|
||||
}
|
||||
.icon-grid-view:before {
|
||||
content: "\58";
|
||||
}
|
||||
.icon-grid-view-2:before {
|
||||
content: "\59";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\5a";
|
||||
}
|
||||
.icon-thumbs-up:before {
|
||||
content: "\5b";
|
||||
}
|
||||
.icon-thumbs-down:before {
|
||||
content: "\5c";
|
||||
}
|
||||
.icon-delete:before,
|
||||
.icon-remove:before,
|
||||
.icon-cancel-2:before {
|
||||
content: "\49";
|
||||
}
|
||||
.icon-save-new:before,
|
||||
.icon-plus-2:before {
|
||||
content: "\5d";
|
||||
}
|
||||
.icon-ban-circle:before,
|
||||
.icon-minus-sign:before,
|
||||
.icon-minus-2:before {
|
||||
content: "\5e";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\5f";
|
||||
}
|
||||
.icon-quote:before {
|
||||
content: "\60";
|
||||
}
|
||||
.icon-quote-2:before {
|
||||
content: "\61";
|
||||
}
|
||||
.icon-database:before {
|
||||
content: "\62";
|
||||
}
|
||||
.icon-location:before {
|
||||
content: "\63";
|
||||
}
|
||||
.icon-zoom-in:before {
|
||||
content: "\64";
|
||||
}
|
||||
.icon-zoom-out:before {
|
||||
content: "\65";
|
||||
}
|
||||
.icon-expand:before {
|
||||
content: "\66";
|
||||
}
|
||||
.icon-contract:before {
|
||||
content: "\67";
|
||||
}
|
||||
.icon-expand-2:before {
|
||||
content: "\68";
|
||||
}
|
||||
.icon-contract-2:before {
|
||||
content: "\69";
|
||||
}
|
||||
.icon-health:before {
|
||||
content: "\6a";
|
||||
}
|
||||
.icon-wand:before {
|
||||
content: "\6b";
|
||||
}
|
||||
.icon-unblock:before,
|
||||
.icon-refresh:before {
|
||||
content: "\6c";
|
||||
}
|
||||
.icon-vcard:before {
|
||||
content: "\6d";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\6e";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\6f";
|
||||
}
|
||||
.icon-address:before {
|
||||
content: "\70";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\71";
|
||||
}
|
||||
.icon-flag-2:before {
|
||||
content: "\72";
|
||||
}
|
||||
.icon-pin:before {
|
||||
content: "\73";
|
||||
}
|
||||
.icon-lamp:before {
|
||||
content: "\74";
|
||||
}
|
||||
.icon-chart:before {
|
||||
content: "\75";
|
||||
}
|
||||
.icon-bars:before {
|
||||
content: "\76";
|
||||
}
|
||||
.icon-pie:before {
|
||||
content: "\77";
|
||||
}
|
||||
.icon-dashboard:before {
|
||||
content: "\78";
|
||||
}
|
||||
.icon-lightning:before {
|
||||
content: "\79";
|
||||
}
|
||||
.icon-move:before {
|
||||
content: "\7a";
|
||||
}
|
||||
.icon-next:before {
|
||||
content: "\7b";
|
||||
}
|
||||
.icon-previous:before {
|
||||
content: "\7c";
|
||||
}
|
||||
.icon-first:before {
|
||||
content: "\7d";
|
||||
}
|
||||
.icon-last:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-shuffle:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-arrow-first:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-arrow-last:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-chevron-up:before,
|
||||
.icon-uparrow:before,
|
||||
.icon-arrow-up:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-chevron-right:before,
|
||||
.icon-arrow-right:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-chevron-down:before,
|
||||
.icon-downarrow:before,
|
||||
.icon-arrow-down:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-chevron-left:before,
|
||||
.icon-arrow-left:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-arrow-up-2:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-arrow-right-2:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-download:before,
|
||||
.icon-arrow-down-2:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-arrow-left-2:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.icon-play-2:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-menu-2:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-arrow-up-3:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-arrow-right-3:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-arrow-down-3:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-arrow-left-3:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-print:before,
|
||||
.icon-printer:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-color-palette:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-camera-2:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-file:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-file-remove:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-save-copy:before,
|
||||
.icon-copy:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-cart:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-basket:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-broadcast:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-screen:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-tablet:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-mobile:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-users:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-bookmark:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-out-2:before {
|
||||
content: "\e024";
|
||||
}
|
||||
1
media/jui/less/index.html
Normal file
1
media/jui/less/index.html
Normal file
@@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
||||
84
media/jui/less/labels-badges.less
Normal file
84
media/jui/less/labels-badges.less
Normal file
@@ -0,0 +1,84 @@
|
||||
//
|
||||
// Labels and badges
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base classes
|
||||
.label,
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: 2px 4px;
|
||||
font-size: @baseFontSize * .846;
|
||||
font-weight: bold;
|
||||
line-height: 14px; // ensure proper line-height if floated
|
||||
color: @white;
|
||||
vertical-align: baseline;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
background-color: @grayLight;
|
||||
}
|
||||
// Set unique padding and border-radii
|
||||
.label {
|
||||
.border-radius(3px);
|
||||
}
|
||||
.badge {
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
.border-radius(9px);
|
||||
}
|
||||
|
||||
// Empty labels/badges collapse
|
||||
.label,
|
||||
.badge {
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover/focus state, but only for links
|
||||
a {
|
||||
&.label:hover,
|
||||
&.label:focus,
|
||||
&.badge:hover,
|
||||
&.badge:focus {
|
||||
color: @white;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Colors
|
||||
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
|
||||
.label,
|
||||
.badge {
|
||||
// Important (red)
|
||||
&-important { background-color: @errorText; }
|
||||
&-important[href] { background-color: darken(@errorText, 10%); }
|
||||
// Warnings (orange)
|
||||
&-warning { background-color: @orange; }
|
||||
&-warning[href] { background-color: darken(@orange, 10%); }
|
||||
// Success (green)
|
||||
&-success { background-color: @successText; }
|
||||
&-success[href] { background-color: darken(@successText, 10%); }
|
||||
// Info (turquoise)
|
||||
&-info { background-color: @infoText; }
|
||||
&-info[href] { background-color: darken(@infoText, 10%); }
|
||||
// Inverse (black)
|
||||
&-inverse { background-color: @grayDark; }
|
||||
&-inverse[href] { background-color: darken(@grayDark, 10%); }
|
||||
}
|
||||
|
||||
// Quick fix for labels/badges in buttons
|
||||
.btn {
|
||||
.label,
|
||||
.badge {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
.btn-mini {
|
||||
.label,
|
||||
.badge {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
16
media/jui/less/layouts.less
Normal file
16
media/jui/less/layouts.less
Normal file
@@ -0,0 +1,16 @@
|
||||
//
|
||||
// Layouts
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Container (centered, fixed-width layouts)
|
||||
.container {
|
||||
.container-fixed();
|
||||
}
|
||||
|
||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
||||
.container-fluid {
|
||||
padding-right: @gridGutterWidth;
|
||||
padding-left: @gridGutterWidth;
|
||||
.clearfix();
|
||||
}
|
||||
55
media/jui/less/media.less
Normal file
55
media/jui/less/media.less
Normal file
@@ -0,0 +1,55 @@
|
||||
// Media objects
|
||||
// Source: http://stubbornella.org/content/?p=497
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Common styles
|
||||
// -------------------------
|
||||
|
||||
// Clear the floats
|
||||
.media,
|
||||
.media-body {
|
||||
overflow: hidden;
|
||||
*overflow: visible;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
// Proper spacing between instances of .media
|
||||
.media,
|
||||
.media .media {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.media:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
// For images and videos, set to block
|
||||
.media-object {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Reset margins on headings for tighter default spacing
|
||||
.media-heading {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
|
||||
// Media image alignment
|
||||
// -------------------------
|
||||
|
||||
.media > .pull-left {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.media > .pull-right {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
// Media list variation
|
||||
// -------------------------
|
||||
|
||||
// Undo default ul/ol styles
|
||||
.media-list {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
702
media/jui/less/mixins.less
Normal file
702
media/jui/less/mixins.less
Normal file
@@ -0,0 +1,702 @@
|
||||
//
|
||||
// Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// UTILITY MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Clearfix
|
||||
// --------
|
||||
// For clearing floats like a boss h5bp.com/q
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: "";
|
||||
// Fixes Opera/contenteditable bug:
|
||||
// http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
|
||||
line-height: 0;
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Webkit-style focus
|
||||
// ------------------
|
||||
.tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted #333;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
// ----------------------------------
|
||||
.center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// IE7 inline-block
|
||||
// ----------------
|
||||
.ie7-inline-block() {
|
||||
*display: inline; /* IE7 inline-block hack */
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// IE7 likes to collapse whitespace on either side of the inline-block elements.
|
||||
// Ems because we're attempting to match the width of a space character. Left
|
||||
// version is for form buttons, which typically come after other elements, and
|
||||
// right version is for icons, which come before. Applying both is ok, but it will
|
||||
// mean that space between those elements will be .6em (~2 space characters) in IE7,
|
||||
// instead of the 1 space in other browsers.
|
||||
.ie7-restore-left-whitespace() {
|
||||
*margin-left: .3em;
|
||||
|
||||
&:first-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ie7-restore-right-whitespace() {
|
||||
*margin-right: .3em;
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
// -------------------------
|
||||
.size(@height, @width) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
}
|
||||
.square(@size) {
|
||||
.size(@size, @size);
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
// -------------------------
|
||||
.placeholder(@color: @placeholderText) {
|
||||
&:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&:-ms-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
&::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Text overflow
|
||||
// -------------------------
|
||||
// Requires inline-block or block for proper styling
|
||||
.text-overflow() {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
// CSS image replacement
|
||||
// -------------------------
|
||||
// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
|
||||
.hide-text {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
// FONTS
|
||||
// --------------------------------------------------
|
||||
|
||||
#font {
|
||||
#family {
|
||||
.serif() {
|
||||
font-family: @serifFontFamily;
|
||||
}
|
||||
.sans-serif() {
|
||||
font-family: @sansFontFamily;
|
||||
}
|
||||
.monospace() {
|
||||
font-family: @monoFontFamily;
|
||||
}
|
||||
}
|
||||
.shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .sans-serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .monospace;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// FORMS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Block level inputs
|
||||
.input-block-level {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
|
||||
.box-sizing(border-box); // Makes inputs behave like true block-level elements
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Mixin for form field states
|
||||
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
||||
// Set the text color
|
||||
.control-label,
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: @textColor;
|
||||
}
|
||||
// Style inputs accordingly
|
||||
.checkbox,
|
||||
.radio,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
color: @textColor;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
border-color: @borderColor;
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
|
||||
&:focus {
|
||||
border-color: darken(@borderColor, 10%);
|
||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
}
|
||||
// Give a small background color for input-prepend/-append
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on {
|
||||
color: @textColor;
|
||||
background-color: @backgroundColor;
|
||||
border-color: @textColor;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Border Radius
|
||||
.border-radius(@radius) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// Single Corner Border Radius
|
||||
.border-top-left-radius(@radius) {
|
||||
-webkit-border-top-left-radius: @radius;
|
||||
-moz-border-radius-topleft: @radius;
|
||||
border-top-left-radius: @radius;
|
||||
}
|
||||
.border-top-right-radius(@radius) {
|
||||
-webkit-border-top-right-radius: @radius;
|
||||
-moz-border-radius-topright: @radius;
|
||||
border-top-right-radius: @radius;
|
||||
}
|
||||
.border-bottom-right-radius(@radius) {
|
||||
-webkit-border-bottom-right-radius: @radius;
|
||||
-moz-border-radius-bottomright: @radius;
|
||||
border-bottom-right-radius: @radius;
|
||||
}
|
||||
.border-bottom-left-radius(@radius) {
|
||||
-webkit-border-bottom-left-radius: @radius;
|
||||
-moz-border-radius-bottomleft: @radius;
|
||||
border-bottom-left-radius: @radius;
|
||||
}
|
||||
|
||||
// Single Side Border Radius
|
||||
.border-top-radius(@radius) {
|
||||
.border-top-right-radius(@radius);
|
||||
.border-top-left-radius(@radius);
|
||||
}
|
||||
.border-right-radius(@radius) {
|
||||
.border-top-right-radius(@radius);
|
||||
.border-bottom-right-radius(@radius);
|
||||
}
|
||||
.border-bottom-radius(@radius) {
|
||||
.border-bottom-right-radius(@radius);
|
||||
.border-bottom-left-radius(@radius);
|
||||
}
|
||||
.border-left-radius(@radius) {
|
||||
.border-top-left-radius(@radius);
|
||||
.border-bottom-left-radius(@radius);
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadow) {
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-moz-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
.transition-delay(@transition-delay) {
|
||||
-webkit-transition-delay: @transition-delay;
|
||||
-moz-transition-delay: @transition-delay;
|
||||
-o-transition-delay: @transition-delay;
|
||||
transition-delay: @transition-delay;
|
||||
}
|
||||
.transition-duration(@transition-duration) {
|
||||
-webkit-transition-duration: @transition-duration;
|
||||
-moz-transition-duration: @transition-duration;
|
||||
-o-transition-duration: @transition-duration;
|
||||
transition-duration: @transition-duration;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
.rotate(@degrees) {
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-moz-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees);
|
||||
-o-transform: rotate(@degrees);
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
.scale(@ratio) {
|
||||
-webkit-transform: scale(@ratio);
|
||||
-moz-transform: scale(@ratio);
|
||||
-ms-transform: scale(@ratio);
|
||||
-o-transform: scale(@ratio);
|
||||
transform: scale(@ratio);
|
||||
}
|
||||
.translate(@x, @y) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-moz-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y);
|
||||
-o-transform: translate(@x, @y);
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x, @y) {
|
||||
-webkit-transform: skew(@x, @y);
|
||||
-moz-transform: skew(@x, @y);
|
||||
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twitter/bootstrap/issues/4885
|
||||
-o-transform: skew(@x, @y);
|
||||
transform: skew(@x, @y);
|
||||
-webkit-backface-visibility: hidden; // See https://github.com/twitter/bootstrap/issues/5319
|
||||
}
|
||||
.translate3d(@x, @y, @z) {
|
||||
-webkit-transform: translate3d(@x, @y, @z);
|
||||
-moz-transform: translate3d(@x, @y, @z);
|
||||
-o-transform: translate3d(@x, @y, @z);
|
||||
transform: translate3d(@x, @y, @z);
|
||||
}
|
||||
|
||||
// Backface visibility
|
||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
||||
// Default value is `visible`, but can be changed to `hidden
|
||||
// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
|
||||
.backface-visibility(@visibility){
|
||||
-webkit-backface-visibility: @visibility;
|
||||
-moz-backface-visibility: @visibility;
|
||||
backface-visibility: @visibility;
|
||||
}
|
||||
|
||||
// Background clipping
|
||||
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
|
||||
.background-clip(@clip) {
|
||||
-webkit-background-clip: @clip;
|
||||
-moz-background-clip: @clip;
|
||||
background-clip: @clip;
|
||||
}
|
||||
|
||||
// Background sizing
|
||||
.background-size(@size) {
|
||||
-webkit-background-size: @size;
|
||||
-moz-background-size: @size;
|
||||
-o-background-size: @size;
|
||||
background-size: @size;
|
||||
}
|
||||
|
||||
|
||||
// Box sizing
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
.user-select(@select) {
|
||||
-webkit-user-select: @select;
|
||||
-moz-user-select: @select;
|
||||
-ms-user-select: @select;
|
||||
-o-user-select: @select;
|
||||
user-select: @select;
|
||||
}
|
||||
|
||||
// Resize anything
|
||||
.resizable(@direction) {
|
||||
resize: @direction; // Options: horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@columnCount, @columnGap: @gridGutterWidth) {
|
||||
-webkit-column-count: @columnCount;
|
||||
-moz-column-count: @columnCount;
|
||||
column-count: @columnCount;
|
||||
-webkit-column-gap: @columnGap;
|
||||
-moz-column-gap: @columnGap;
|
||||
column-gap: @columnGap;
|
||||
}
|
||||
|
||||
// Optional hyphenation
|
||||
.hyphens(@mode: auto) {
|
||||
word-wrap: break-word;
|
||||
-webkit-hyphens: @mode;
|
||||
-moz-hyphens: @mode;
|
||||
-ms-hyphens: @mode;
|
||||
-o-hyphens: @mode;
|
||||
hyphens: @mode;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity) {
|
||||
opacity: @opacity / 100;
|
||||
filter: ~"alpha(opacity=@{opacity})";
|
||||
}
|
||||
|
||||
|
||||
|
||||
// BACKGROUNDS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
.background(@color: @white, @alpha: 1) {
|
||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
}
|
||||
.border(@color: @white, @alpha: 1) {
|
||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
.background-clip(padding-box);
|
||||
}
|
||||
}
|
||||
|
||||
// Gradient Bar Colors for buttons and alerts
|
||||
.gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||||
color: @textColor;
|
||||
text-shadow: @textShadow;
|
||||
#gradient > .vertical(@primaryColor, @secondaryColor);
|
||||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
||||
}
|
||||
|
||||
// Gradients
|
||||
#gradient {
|
||||
.horizontal(@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@startColor),argb(@endColor))); // IE9 and down
|
||||
}
|
||||
.vertical(@startColor: #555, @endColor: #333) {
|
||||
background-color: mix(@startColor, @endColor, 60%);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down
|
||||
}
|
||||
.directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10
|
||||
}
|
||||
.horizontal-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: mix(@midColor, @endColor, 80%);
|
||||
background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(left, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(to right, @startColor, @midColor @colorStop, @endColor);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
|
||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: mix(@midColor, @endColor, 80%);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
.radial(@innerColor: #555, @outerColor: #333) {
|
||||
background-color: @outerColor;
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
|
||||
background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -o-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.striped(@color: #555, @angle: 45deg) {
|
||||
background-color: @color;
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
}
|
||||
// Reset filters for IE
|
||||
.reset-filter() {
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||
}
|
||||
|
||||
|
||||
|
||||
// COMPONENT MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Horizontal dividers
|
||||
// -------------------------
|
||||
// Dividers (basically an hr) within dropdowns and nav lists
|
||||
.nav-divider(@top: #e5e5e5, @bottom: @white) {
|
||||
// IE7 needs a set width since we gave a height. Restricting just
|
||||
// to IE7 to keep the 1px left/right space in other browsers.
|
||||
// It is unclear where IE is getting the extra space that we need
|
||||
// to negative-margin away, but so it goes.
|
||||
*width: 100%;
|
||||
height: 1px;
|
||||
margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px
|
||||
*margin: -5px 0 5px;
|
||||
overflow: hidden;
|
||||
background-color: @top;
|
||||
border-bottom: 1px solid @bottom;
|
||||
}
|
||||
|
||||
// Button backgrounds
|
||||
// ------------------
|
||||
.buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||||
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
||||
.gradientBar(@startColor, @endColor, @textColor, @textShadow);
|
||||
*background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
||||
.reset-filter();
|
||||
|
||||
// in these cases the gradient won't cover the background, so we override
|
||||
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
|
||||
color: @textColor;
|
||||
background-color: @endColor;
|
||||
*background-color: darken(@endColor, 5%);
|
||||
}
|
||||
|
||||
// IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: darken(@endColor, 10%) e("\9");
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar vertical align
|
||||
// -------------------------
|
||||
// Vertically center elements in the navbar.
|
||||
// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.
|
||||
.navbarVerticalAlign(@elementHeight) {
|
||||
margin-top: (@navbarHeight - @elementHeight) / 2;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Grid System
|
||||
// -----------
|
||||
|
||||
// Centered container element
|
||||
.container-fixed() {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Table columns
|
||||
.tableColumns(@columnSpan: 1) {
|
||||
float: none; // undo default grid column styles
|
||||
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells
|
||||
margin-left: 0; // undo default grid column styles
|
||||
}
|
||||
|
||||
// Make a Grid
|
||||
// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior
|
||||
.makeRow() {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
.makeColumn(@columns: 1, @offset: 0) {
|
||||
float: left;
|
||||
margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
|
||||
// The Grid
|
||||
#grid {
|
||||
|
||||
.core (@gridColumnWidth, @gridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
.span@{index} { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.offsetX (@index) when (@index > 0) {
|
||||
.offset@{index} { .offset(@index); }
|
||||
.offsetX(@index - 1);
|
||||
}
|
||||
.offsetX (0) {}
|
||||
|
||||
.offset (@columns) {
|
||||
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
|
||||
}
|
||||
|
||||
.span (@columns) {
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px; // prevent collapsing columns
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// Set the container width, and override it for fixed navbars in media queries
|
||||
.container,
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container { .span(@gridColumns); }
|
||||
|
||||
// generate .spanX and .offsetX
|
||||
.spanX (@gridColumns);
|
||||
.offsetX (@gridColumns);
|
||||
|
||||
}
|
||||
|
||||
.fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
.span@{index} { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.offsetX (@index) when (@index > 0) {
|
||||
.offset@{index} { .offset(@index); }
|
||||
.offset@{index}:first-child { .offsetFirstChild(@index); }
|
||||
.offsetX(@index - 1);
|
||||
}
|
||||
.offsetX (0) {}
|
||||
|
||||
.offset (@columns) {
|
||||
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);
|
||||
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.offsetFirstChild (@columns) {
|
||||
margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);
|
||||
*margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.span (@columns) {
|
||||
width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
||||
*width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
.clearfix();
|
||||
[class*="span"] {
|
||||
.input-block-level();
|
||||
float: left;
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
*margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
||||
}
|
||||
[class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Space grid-sized controls properly if multiple per line
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
}
|
||||
|
||||
// generate .spanX and .offsetX
|
||||
.spanX (@gridColumns);
|
||||
.offsetX (@gridColumns);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.input(@gridColumnWidth, @gridGutterWidth) {
|
||||
|
||||
.spanX (@index) when (@index > 0) {
|
||||
input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); }
|
||||
.spanX(@index - 1);
|
||||
}
|
||||
.spanX (0) {}
|
||||
|
||||
.span(@columns) {
|
||||
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;
|
||||
}
|
||||
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0; // override margin-left from core grid system
|
||||
}
|
||||
|
||||
// Space grid-sized controls properly if multiple per line
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// generate .spanX
|
||||
.spanX (@gridColumns);
|
||||
|
||||
}
|
||||
}
|
||||
32
media/jui/less/modals.joomla.less
Normal file
32
media/jui/less/modals.joomla.less
Normal file
@@ -0,0 +1,32 @@
|
||||
//
|
||||
// Modals
|
||||
// --------------------------------------------------
|
||||
|
||||
/* Joomla JUI NOTE: Original .modal definition has to be commented */
|
||||
|
||||
/* >>> JUI >>> */
|
||||
// Base modal
|
||||
div.modal {
|
||||
position: fixed;
|
||||
top: 10%;
|
||||
left: 50%;
|
||||
z-index: @zindexModal;
|
||||
width: 560px;
|
||||
margin-left: -280px;
|
||||
background-color: @white;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid rgba(0,0,0,.3);
|
||||
*border: 1px solid #999; /* IE6-7 */
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
||||
.background-clip(padding-box);
|
||||
// Remove focus outline from opened modal
|
||||
outline: none;
|
||||
|
||||
&.fade {
|
||||
.transition(e('opacity .3s linear, top .3s ease-out'));
|
||||
top: -25%;
|
||||
}
|
||||
&.fade.in { top: 10%; }
|
||||
}
|
||||
/* <<< JUI <<< */
|
||||
76
media/jui/less/modals.less
Normal file
76
media/jui/less/modals.less
Normal file
@@ -0,0 +1,76 @@
|
||||
//
|
||||
// Modals
|
||||
// --------------------------------------------------
|
||||
|
||||
// Background
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: @zindexModalBackdrop;
|
||||
background-color: @black;
|
||||
// Fade for backdrop
|
||||
&.fade { opacity: 0; }
|
||||
}
|
||||
|
||||
.modal-backdrop,
|
||||
.modal-backdrop.fade.in {
|
||||
.opacity(80);
|
||||
}
|
||||
|
||||
// Base modal
|
||||
// /* >>> JUI >>> */
|
||||
// .modal REMOVED
|
||||
// /* <<< JUI <<< */
|
||||
|
||||
.modal-header {
|
||||
padding: 9px 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
// Close icon
|
||||
.close { margin-top: 2px; }
|
||||
// Heading
|
||||
h3 {
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
// Body (where all modal content resides)
|
||||
.modal-body {
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
max-height: 400px;
|
||||
padding: 15px;
|
||||
}
|
||||
// Remove bottom margin if need be
|
||||
.modal-form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// Footer (for actions)
|
||||
.modal-footer {
|
||||
padding: 14px 15px 15px;
|
||||
margin-bottom: 0;
|
||||
text-align: right; // right align buttons
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
.border-radius(0 0 6px 6px);
|
||||
.box-shadow(inset 0 1px 0 @white);
|
||||
.clearfix(); // clear it in case folks use .pull-* classes on buttons
|
||||
|
||||
// Properly space out buttons
|
||||
.btn + .btn {
|
||||
margin-left: 5px;
|
||||
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
||||
}
|
||||
// but override that for button groups
|
||||
.btn-group .btn + .btn {
|
||||
margin-left: -1px;
|
||||
}
|
||||
// and override it for block buttons as well
|
||||
.btn-block + .btn-block {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
497
media/jui/less/navbar.less
Normal file
497
media/jui/less/navbar.less
Normal file
@@ -0,0 +1,497 @@
|
||||
//
|
||||
// Navbars (Redux)
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// COMMON STYLES
|
||||
// -------------
|
||||
|
||||
// Base class and wrapper
|
||||
.navbar {
|
||||
overflow: visible;
|
||||
margin-bottom: @baseLineHeight;
|
||||
|
||||
// Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
|
||||
*position: relative;
|
||||
*z-index: 2;
|
||||
}
|
||||
|
||||
// Inner for background effects
|
||||
// Gradient is applied to its own element because overflow visible is not honored by IE when filter is present
|
||||
.navbar-inner {
|
||||
min-height: @navbarHeight;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
|
||||
border: 1px solid @navbarBorder;
|
||||
.border-radius(@baseBorderRadius);
|
||||
.box-shadow(0 1px 4px rgba(0,0,0,.065));
|
||||
|
||||
// Prevent floats from breaking the navbar
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Set width to auto for default container
|
||||
// We then reset it for fixed navbars in the #gridSystem mixin
|
||||
.navbar .container {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
// Override the default collapsed state
|
||||
.nav-collapse.collapse {
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
// Brand: website or project name
|
||||
// -------------------------
|
||||
.navbar .brand {
|
||||
float: left;
|
||||
display: block;
|
||||
// Vertically center the text given @navbarHeight
|
||||
padding: ((@navbarHeight - @baseLineHeight) / 2) 20px ((@navbarHeight - @baseLineHeight) / 2);
|
||||
margin-left: -20px; // negative indent to left-align the text down the page
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
color: @navbarBrandColor;
|
||||
text-shadow: 0 1px 0 @navbarBackgroundHighlight;
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Plain text in topbar
|
||||
// -------------------------
|
||||
.navbar-text {
|
||||
margin-bottom: 0;
|
||||
line-height: @navbarHeight;
|
||||
color: @navbarText;
|
||||
}
|
||||
|
||||
// Janky solution for now to account for links outside the .nav
|
||||
// -------------------------
|
||||
.navbar-link {
|
||||
color: @navbarLinkColor;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @navbarLinkColorHover;
|
||||
}
|
||||
}
|
||||
|
||||
// Dividers in navbar
|
||||
// -------------------------
|
||||
.navbar .divider-vertical {
|
||||
height: @navbarHeight;
|
||||
margin: 0 9px;
|
||||
border-left: 1px solid @navbarBackground;
|
||||
border-right: 1px solid @navbarBackgroundHighlight;
|
||||
}
|
||||
|
||||
// Buttons in navbar
|
||||
// -------------------------
|
||||
.navbar .btn,
|
||||
.navbar .btn-group {
|
||||
.navbarVerticalAlign(30px); // Vertically center in navbar
|
||||
}
|
||||
.navbar .btn-group .btn,
|
||||
.navbar .input-prepend .btn,
|
||||
.navbar .input-append .btn,
|
||||
.navbar .input-prepend .btn-group,
|
||||
.navbar .input-append .btn-group {
|
||||
margin-top: 0; // then undo the margin here so we don't accidentally double it
|
||||
}
|
||||
|
||||
// Navbar forms
|
||||
// -------------------------
|
||||
.navbar-form {
|
||||
margin-bottom: 0; // remove default bottom margin
|
||||
.clearfix();
|
||||
input,
|
||||
select,
|
||||
.radio,
|
||||
.checkbox {
|
||||
.navbarVerticalAlign(30px); // Vertically center in navbar
|
||||
}
|
||||
input,
|
||||
select,
|
||||
.btn {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
input[type="image"],
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.input-append,
|
||||
.input-prepend {
|
||||
margin-top: 5px;
|
||||
white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
|
||||
input {
|
||||
margin-top: 0; // remove the margin on top since it's on the parent
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar search
|
||||
// -------------------------
|
||||
.navbar-search {
|
||||
position: relative;
|
||||
float: left;
|
||||
.navbarVerticalAlign(30px); // Vertically center in navbar
|
||||
margin-bottom: 0;
|
||||
.search-query {
|
||||
margin-bottom: 0;
|
||||
padding: 4px 14px;
|
||||
#font > .sans-serif(13px, normal, 1);
|
||||
.border-radius(15px); // redeclare because of specificity of the type attribute
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Static navbar
|
||||
// -------------------------
|
||||
|
||||
.navbar-static-top {
|
||||
position: static;
|
||||
margin-bottom: 0; // remove 18px margin for default navbar
|
||||
.navbar-inner {
|
||||
.border-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Fixed navbar
|
||||
// -------------------------
|
||||
|
||||
// Shared (top/bottom) styles
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: @zindexFixedNavbar;
|
||||
margin-bottom: 0; // remove 18px margin for default navbar
|
||||
}
|
||||
.navbar-fixed-top .navbar-inner,
|
||||
.navbar-static-top .navbar-inner {
|
||||
border-width: 0 0 1px;
|
||||
}
|
||||
.navbar-fixed-bottom .navbar-inner {
|
||||
border-width: 1px 0 0;
|
||||
}
|
||||
.navbar-fixed-top .navbar-inner,
|
||||
.navbar-fixed-bottom .navbar-inner {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
.border-radius(0);
|
||||
}
|
||||
|
||||
// Reset container width
|
||||
// Required here as we reset the width earlier on and the grid mixins don't override early enough
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container {
|
||||
#grid > .core > .span(@gridColumns);
|
||||
}
|
||||
|
||||
// Fixed to top
|
||||
.navbar-fixed-top {
|
||||
top: 0;
|
||||
}
|
||||
.navbar-fixed-top,
|
||||
.navbar-static-top {
|
||||
.navbar-inner {
|
||||
.box-shadow(~"0 1px 10px rgba(0,0,0,.1)");
|
||||
}
|
||||
}
|
||||
|
||||
// Fixed to bottom
|
||||
.navbar-fixed-bottom {
|
||||
bottom: 0;
|
||||
.navbar-inner {
|
||||
.box-shadow(~"0 -1px 10px rgba(0,0,0,.1)");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// NAVIGATION
|
||||
// ----------
|
||||
|
||||
.navbar .nav {
|
||||
position: relative;
|
||||
left: 0;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
.navbar .nav.pull-right {
|
||||
float: right; // redeclare due to specificity
|
||||
margin-right: 0; // remove margin on float right nav
|
||||
}
|
||||
.navbar .nav > li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Links
|
||||
.navbar .nav > li > a {
|
||||
float: none;
|
||||
// Vertically center the text given @navbarHeight
|
||||
padding: ((@navbarHeight - @baseLineHeight) / 2) 15px ((@navbarHeight - @baseLineHeight) / 2);
|
||||
color: @navbarLinkColor;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 @navbarBackgroundHighlight;
|
||||
}
|
||||
.navbar .nav .dropdown-toggle .caret {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
// Hover/focus
|
||||
.navbar .nav > li > a:focus,
|
||||
.navbar .nav > li > a:hover {
|
||||
background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active
|
||||
color: @navbarLinkColorHover;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// Active nav items
|
||||
.navbar .nav > .active > a,
|
||||
.navbar .nav > .active > a:hover,
|
||||
.navbar .nav > .active > a:focus {
|
||||
color: @navbarLinkColorActive;
|
||||
text-decoration: none;
|
||||
background-color: @navbarLinkBackgroundActive;
|
||||
.box-shadow(inset 0 3px 8px rgba(0,0,0,.125));
|
||||
}
|
||||
|
||||
// Navbar button for toggling navbar items in responsive layouts
|
||||
// These definitions need to come after '.navbar .btn'
|
||||
.navbar .btn-navbar {
|
||||
display: none;
|
||||
float: right;
|
||||
padding: 7px 10px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
.buttonBackground(darken(@navbarBackgroundHighlight, 5%), darken(@navbarBackground, 5%));
|
||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)");
|
||||
}
|
||||
.navbar .btn-navbar .icon-bar {
|
||||
display: block;
|
||||
width: 18px;
|
||||
height: 2px;
|
||||
background-color: #f5f5f5;
|
||||
.border-radius(1px);
|
||||
.box-shadow(0 1px 0 rgba(0,0,0,.25));
|
||||
}
|
||||
.btn-navbar .icon-bar + .icon-bar {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Dropdown menus
|
||||
// --------------
|
||||
|
||||
// Menu position and menu carets
|
||||
.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: @dropdownBorder;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
left: 9px;
|
||||
}
|
||||
&:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-bottom: 6px solid @dropdownBackground;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
// Menu position and menu caret support for dropups via extra dropup class
|
||||
.navbar-fixed-bottom .nav > li > .dropdown-menu {
|
||||
&:before {
|
||||
border-top: 7px solid #ccc;
|
||||
border-top-color: @dropdownBorder;
|
||||
border-bottom: 0;
|
||||
bottom: -7px;
|
||||
top: auto;
|
||||
}
|
||||
&:after {
|
||||
border-top: 6px solid @dropdownBackground;
|
||||
border-bottom: 0;
|
||||
bottom: -6px;
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Caret should match text color on hover/focus
|
||||
.navbar .nav li.dropdown > a:hover .caret,
|
||||
.navbar .nav li.dropdown > a:focus .caret {
|
||||
border-top-color: @navbarLinkColorHover;
|
||||
border-bottom-color: @navbarLinkColorHover;
|
||||
}
|
||||
|
||||
// Remove background color from open dropdown
|
||||
.navbar .nav li.dropdown.open > .dropdown-toggle,
|
||||
.navbar .nav li.dropdown.active > .dropdown-toggle,
|
||||
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
|
||||
background-color: @navbarLinkBackgroundActive;
|
||||
color: @navbarLinkColorActive;
|
||||
}
|
||||
.navbar .nav li.dropdown > .dropdown-toggle .caret {
|
||||
border-top-color: @navbarLinkColor;
|
||||
border-bottom-color: @navbarLinkColor;
|
||||
}
|
||||
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
|
||||
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
|
||||
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
|
||||
border-top-color: @navbarLinkColorActive;
|
||||
border-bottom-color: @navbarLinkColorActive;
|
||||
}
|
||||
|
||||
// Right aligned menus need alt position
|
||||
.navbar .pull-right > li > .dropdown-menu,
|
||||
.navbar .nav > li > .dropdown-menu.pull-right {
|
||||
left: auto;
|
||||
right: 0;
|
||||
&:before {
|
||||
left: auto;
|
||||
right: 12px;
|
||||
}
|
||||
&:after {
|
||||
left: auto;
|
||||
right: 13px;
|
||||
}
|
||||
.dropdown-menu {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
margin-left: 0;
|
||||
margin-right: -1px;
|
||||
.border-radius(6px 0 6px 6px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Inverted navbar
|
||||
// -------------------------
|
||||
|
||||
.navbar-inverse {
|
||||
|
||||
.navbar-inner {
|
||||
#gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
|
||||
border-color: @navbarInverseBorder;
|
||||
}
|
||||
|
||||
.brand,
|
||||
.nav > li > a {
|
||||
color: @navbarInverseLinkColor;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @navbarInverseLinkColorHover;
|
||||
}
|
||||
}
|
||||
|
||||
.brand {
|
||||
color: @navbarInverseBrandColor;
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
color: @navbarInverseText;
|
||||
}
|
||||
|
||||
.nav > li > a:focus,
|
||||
.nav > li > a:hover {
|
||||
background-color: @navbarInverseLinkBackgroundHover;
|
||||
color: @navbarInverseLinkColorHover;
|
||||
}
|
||||
|
||||
.nav .active > a,
|
||||
.nav .active > a:hover,
|
||||
.nav .active > a:focus {
|
||||
color: @navbarInverseLinkColorActive;
|
||||
background-color: @navbarInverseLinkBackgroundActive;
|
||||
}
|
||||
|
||||
// Inline text links
|
||||
.navbar-link {
|
||||
color: @navbarInverseLinkColor;
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @navbarInverseLinkColorHover;
|
||||
}
|
||||
}
|
||||
|
||||
// Dividers in navbar
|
||||
.divider-vertical {
|
||||
border-left-color: @navbarInverseBackground;
|
||||
border-right-color: @navbarInverseBackgroundHighlight;
|
||||
}
|
||||
|
||||
// Dropdowns
|
||||
.nav li.dropdown.open > .dropdown-toggle,
|
||||
.nav li.dropdown.active > .dropdown-toggle,
|
||||
.nav li.dropdown.open.active > .dropdown-toggle {
|
||||
background-color: @navbarInverseLinkBackgroundActive;
|
||||
color: @navbarInverseLinkColorActive;
|
||||
}
|
||||
.nav li.dropdown > a:hover .caret,
|
||||
.nav li.dropdown > a:focus .caret {
|
||||
border-top-color: @navbarInverseLinkColorActive;
|
||||
border-bottom-color: @navbarInverseLinkColorActive;
|
||||
}
|
||||
.nav li.dropdown > .dropdown-toggle .caret {
|
||||
border-top-color: @navbarInverseLinkColor;
|
||||
border-bottom-color: @navbarInverseLinkColor;
|
||||
}
|
||||
.nav li.dropdown.open > .dropdown-toggle .caret,
|
||||
.nav li.dropdown.active > .dropdown-toggle .caret,
|
||||
.nav li.dropdown.open.active > .dropdown-toggle .caret {
|
||||
border-top-color: @navbarInverseLinkColorActive;
|
||||
border-bottom-color: @navbarInverseLinkColorActive;
|
||||
}
|
||||
|
||||
// Navbar search
|
||||
.navbar-search {
|
||||
.search-query {
|
||||
color: @white;
|
||||
background-color: @navbarInverseSearchBackground;
|
||||
border-color: @navbarInverseSearchBorder;
|
||||
.box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)");
|
||||
.transition(none);
|
||||
.placeholder(@navbarInverseSearchPlaceholderColor);
|
||||
|
||||
// Focus states (we use .focused since IE7-8 and down doesn't support :focus)
|
||||
&:focus,
|
||||
&.focused {
|
||||
padding: 5px 15px;
|
||||
color: @grayDark;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
background-color: @navbarInverseSearchBackgroundFocus;
|
||||
border: 0;
|
||||
.box-shadow(0 0 3px rgba(0,0,0,.15));
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Navbar collapse button
|
||||
.btn-navbar {
|
||||
.buttonBackground(darken(@navbarInverseBackgroundHighlight, 5%), darken(@navbarInverseBackground, 5%));
|
||||
}
|
||||
|
||||
}
|
||||
409
media/jui/less/navs.less
Normal file
409
media/jui/less/navs.less
Normal file
@@ -0,0 +1,409 @@
|
||||
//
|
||||
// Navs
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// BASE CLASS
|
||||
// ----------
|
||||
|
||||
.nav {
|
||||
margin-left: 0;
|
||||
margin-bottom: @baseLineHeight;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Make links block level
|
||||
.nav > li > a {
|
||||
display: block;
|
||||
}
|
||||
.nav > li > a:hover,
|
||||
.nav > li > a:focus {
|
||||
text-decoration: none;
|
||||
background-color: @grayLighter;
|
||||
}
|
||||
|
||||
// Prevent IE8 from misplacing imgs
|
||||
// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
|
||||
.nav > li > a > img {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
// Redeclare pull classes because of specifity
|
||||
.nav > .pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
// Nav headers (for dropdowns and lists)
|
||||
.nav-header {
|
||||
display: block;
|
||||
padding: 3px 15px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
// Space them out when they follow another list item (link)
|
||||
.nav li + .nav-header {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// NAV LIST
|
||||
// --------
|
||||
|
||||
.nav-list {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.nav-list > li > a,
|
||||
.nav-list .nav-header {
|
||||
margin-left: -15px;
|
||||
margin-right: -15px;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.5);
|
||||
}
|
||||
.nav-list > li > a {
|
||||
padding: 3px 15px;
|
||||
}
|
||||
.nav-list > .active > a,
|
||||
.nav-list > .active > a:hover,
|
||||
.nav-list > .active > a:focus {
|
||||
color: @white;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
||||
background-color: @linkColor;
|
||||
}
|
||||
.nav-list [class^="icon-"],
|
||||
.nav-list [class*=" icon-"] {
|
||||
margin-right: 2px;
|
||||
}
|
||||
// Dividers (basically an hr) within the dropdown
|
||||
.nav-list .divider {
|
||||
.nav-divider();
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABS AND PILLS
|
||||
// -------------
|
||||
|
||||
// Common styles
|
||||
.nav-tabs,
|
||||
.nav-pills {
|
||||
.clearfix();
|
||||
}
|
||||
.nav-tabs > li,
|
||||
.nav-pills > li {
|
||||
float: left;
|
||||
}
|
||||
.nav-tabs > li > a,
|
||||
.nav-pills > li > a {
|
||||
padding-right: 12px;
|
||||
padding-left: 12px;
|
||||
margin-right: 2px;
|
||||
line-height: 14px; // keeps the overall height an even number
|
||||
}
|
||||
|
||||
// TABS
|
||||
// ----
|
||||
|
||||
// Give the tabs something to sit on
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
// Make the list-items overlay the bottom border
|
||||
.nav-tabs > li {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
// Actual tabs (as links)
|
||||
.nav-tabs > li > a {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
line-height: @baseLineHeight;
|
||||
border: 1px solid transparent;
|
||||
.border-radius(4px 4px 0 0);
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: @grayLighter @grayLighter #ddd;
|
||||
}
|
||||
}
|
||||
// Active state, and it's :hover/:focus to override normal :hover/:focus
|
||||
.nav-tabs > .active > a,
|
||||
.nav-tabs > .active > a:hover,
|
||||
.nav-tabs > .active > a:focus {
|
||||
color: @gray;
|
||||
background-color: @bodyBackground;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom-color: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
// PILLS
|
||||
// -----
|
||||
|
||||
// Links rendered as pills
|
||||
.nav-pills > li > a {
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
.border-radius(5px);
|
||||
}
|
||||
|
||||
// Active state
|
||||
.nav-pills > .active > a,
|
||||
.nav-pills > .active > a:hover,
|
||||
.nav-pills > .active > a:focus {
|
||||
color: @white;
|
||||
background-color: @linkColor;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// STACKED NAV
|
||||
// -----------
|
||||
|
||||
// Stacked tabs and pills
|
||||
.nav-stacked > li {
|
||||
float: none;
|
||||
}
|
||||
.nav-stacked > li > a {
|
||||
margin-right: 0; // no need for the gap between nav items
|
||||
}
|
||||
|
||||
// Tabs
|
||||
.nav-tabs.nav-stacked {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.nav-tabs.nav-stacked > li > a {
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(0);
|
||||
}
|
||||
.nav-tabs.nav-stacked > li:first-child > a {
|
||||
.border-top-radius(4px);
|
||||
}
|
||||
.nav-tabs.nav-stacked > li:last-child > a {
|
||||
.border-bottom-radius(4px);
|
||||
}
|
||||
.nav-tabs.nav-stacked > li > a:hover,
|
||||
.nav-tabs.nav-stacked > li > a:focus {
|
||||
border-color: #ddd;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
// Pills
|
||||
.nav-pills.nav-stacked > li > a {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.nav-pills.nav-stacked > li:last-child > a {
|
||||
margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
|
||||
}
|
||||
|
||||
|
||||
|
||||
// DROPDOWNS
|
||||
// ---------
|
||||
|
||||
.nav-tabs .dropdown-menu {
|
||||
.border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu
|
||||
}
|
||||
.nav-pills .dropdown-menu {
|
||||
.border-radius(6px); // make rounded corners match the pills
|
||||
}
|
||||
|
||||
// Default dropdown links
|
||||
// -------------------------
|
||||
// Make carets use linkColor to start
|
||||
.nav .dropdown-toggle .caret {
|
||||
border-top-color: @linkColor;
|
||||
border-bottom-color: @linkColor;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.nav .dropdown-toggle:hover .caret,
|
||||
.nav .dropdown-toggle:focus .caret {
|
||||
border-top-color: @linkColorHover;
|
||||
border-bottom-color: @linkColorHover;
|
||||
}
|
||||
/* move down carets for tabs */
|
||||
.nav-tabs .dropdown-toggle .caret {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
// Active dropdown links
|
||||
// -------------------------
|
||||
.nav .active .dropdown-toggle .caret {
|
||||
border-top-color: #fff;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
.nav-tabs .active .dropdown-toggle .caret {
|
||||
border-top-color: @gray;
|
||||
border-bottom-color: @gray;
|
||||
}
|
||||
|
||||
// Active:hover/:focus dropdown links
|
||||
// -------------------------
|
||||
.nav > .dropdown.active > a:hover,
|
||||
.nav > .dropdown.active > a:focus {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// Open dropdowns
|
||||
// -------------------------
|
||||
.nav-tabs .open .dropdown-toggle,
|
||||
.nav-pills .open .dropdown-toggle,
|
||||
.nav > li.dropdown.open.active > a:hover,
|
||||
.nav > li.dropdown.open.active > a:focus {
|
||||
color: @white;
|
||||
background-color: @grayLight;
|
||||
border-color: @grayLight;
|
||||
}
|
||||
.nav li.dropdown.open .caret,
|
||||
.nav li.dropdown.open.active .caret,
|
||||
.nav li.dropdown.open a:hover .caret,
|
||||
.nav li.dropdown.open a:focus .caret {
|
||||
border-top-color: @white;
|
||||
border-bottom-color: @white;
|
||||
.opacity(100);
|
||||
}
|
||||
|
||||
// Dropdowns in stacked tabs
|
||||
.tabs-stacked .open > a:hover,
|
||||
.tabs-stacked .open > a:focus {
|
||||
border-color: @grayLight;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABBABLE
|
||||
// --------
|
||||
|
||||
|
||||
// COMMON STYLES
|
||||
// -------------
|
||||
|
||||
// Clear any floats
|
||||
.tabbable {
|
||||
.clearfix();
|
||||
}
|
||||
.tab-content {
|
||||
overflow: auto; // prevent content from running below tabs
|
||||
}
|
||||
|
||||
// Remove border on bottom, left, right
|
||||
.tabs-below > .nav-tabs,
|
||||
.tabs-right > .nav-tabs,
|
||||
.tabs-left > .nav-tabs {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
// Show/hide tabbable areas
|
||||
.tab-content > .tab-pane,
|
||||
.pill-content > .pill-pane {
|
||||
display: none;
|
||||
}
|
||||
.tab-content > .active,
|
||||
.pill-content > .active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
// BOTTOM
|
||||
// ------
|
||||
|
||||
.tabs-below > .nav-tabs {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
.tabs-below > .nav-tabs > li {
|
||||
margin-top: -1px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tabs-below > .nav-tabs > li > a {
|
||||
.border-radius(0 0 4px 4px);
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-bottom-color: transparent;
|
||||
border-top-color: #ddd;
|
||||
}
|
||||
}
|
||||
.tabs-below > .nav-tabs > .active > a,
|
||||
.tabs-below > .nav-tabs > .active > a:hover,
|
||||
.tabs-below > .nav-tabs > .active > a:focus {
|
||||
border-color: transparent #ddd #ddd #ddd;
|
||||
}
|
||||
|
||||
// LEFT & RIGHT
|
||||
// ------------
|
||||
|
||||
// Common styles
|
||||
.tabs-left > .nav-tabs > li,
|
||||
.tabs-right > .nav-tabs > li {
|
||||
float: none;
|
||||
}
|
||||
.tabs-left > .nav-tabs > li > a,
|
||||
.tabs-right > .nav-tabs > li > a {
|
||||
min-width: 74px;
|
||||
margin-right: 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
// Tabs on the left
|
||||
.tabs-left > .nav-tabs {
|
||||
float: left;
|
||||
margin-right: 19px;
|
||||
border-right: 1px solid #ddd;
|
||||
}
|
||||
.tabs-left > .nav-tabs > li > a {
|
||||
margin-right: -1px;
|
||||
.border-radius(4px 0 0 4px);
|
||||
}
|
||||
.tabs-left > .nav-tabs > li > a:hover,
|
||||
.tabs-left > .nav-tabs > li > a:focus {
|
||||
border-color: @grayLighter #ddd @grayLighter @grayLighter;
|
||||
}
|
||||
.tabs-left > .nav-tabs .active > a,
|
||||
.tabs-left > .nav-tabs .active > a:hover,
|
||||
.tabs-left > .nav-tabs .active > a:focus {
|
||||
border-color: #ddd transparent #ddd #ddd;
|
||||
*border-right-color: @white;
|
||||
}
|
||||
|
||||
// Tabs on the right
|
||||
.tabs-right > .nav-tabs {
|
||||
float: right;
|
||||
margin-left: 19px;
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
.tabs-right > .nav-tabs > li > a {
|
||||
margin-left: -1px;
|
||||
.border-radius(0 4px 4px 0);
|
||||
}
|
||||
.tabs-right > .nav-tabs > li > a:hover,
|
||||
.tabs-right > .nav-tabs > li > a:focus {
|
||||
border-color: @grayLighter @grayLighter @grayLighter #ddd;
|
||||
}
|
||||
.tabs-right > .nav-tabs .active > a,
|
||||
.tabs-right > .nav-tabs .active > a:hover,
|
||||
.tabs-right > .nav-tabs .active > a:focus {
|
||||
border-color: #ddd #ddd #ddd transparent;
|
||||
*border-left-color: @white;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// DISABLED STATES
|
||||
// ---------------
|
||||
|
||||
// Gray out text
|
||||
.nav > .disabled > a {
|
||||
color: @grayLight;
|
||||
}
|
||||
// Nuke hover/focus effects
|
||||
.nav > .disabled > a:hover,
|
||||
.nav > .disabled > a:focus {
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
43
media/jui/less/pager.less
Normal file
43
media/jui/less/pager.less
Normal file
@@ -0,0 +1,43 @@
|
||||
//
|
||||
// Pager pagination
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.pager {
|
||||
margin: @baseLineHeight 0;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
.clearfix();
|
||||
}
|
||||
.pager li {
|
||||
display: inline;
|
||||
}
|
||||
.pager li > a,
|
||||
.pager li > span {
|
||||
display: inline-block;
|
||||
padding: 5px 14px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(15px);
|
||||
}
|
||||
.pager li > a:hover,
|
||||
.pager li > a:focus {
|
||||
text-decoration: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.pager .next > a,
|
||||
.pager .next > span {
|
||||
float: right;
|
||||
}
|
||||
.pager .previous > a,
|
||||
.pager .previous > span {
|
||||
float: left;
|
||||
}
|
||||
.pager .disabled > a,
|
||||
.pager .disabled > a:hover,
|
||||
.pager .disabled > a:focus,
|
||||
.pager .disabled > span {
|
||||
color: @grayLight;
|
||||
background-color: #fff;
|
||||
cursor: default;
|
||||
}
|
||||
123
media/jui/less/pagination.less
Normal file
123
media/jui/less/pagination.less
Normal file
@@ -0,0 +1,123 @@
|
||||
//
|
||||
// Pagination (multiple pages)
|
||||
// --------------------------------------------------
|
||||
|
||||
// Space out pagination from surrounding content
|
||||
.pagination {
|
||||
margin: @baseLineHeight 0;
|
||||
}
|
||||
|
||||
.pagination ul {
|
||||
// Allow for text-based alignment
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
// Reset default ul styles
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
// Visuals
|
||||
.border-radius(@baseBorderRadius);
|
||||
.box-shadow(0 1px 2px rgba(0,0,0,.05));
|
||||
}
|
||||
.pagination ul > li {
|
||||
display: inline; // Remove list-style and block-level defaults
|
||||
}
|
||||
.pagination ul > li > a,
|
||||
.pagination ul > li > span {
|
||||
float: left; // Collapse white-space
|
||||
padding: 4px 12px;
|
||||
line-height: @baseLineHeight;
|
||||
text-decoration: none;
|
||||
background-color: @paginationBackground;
|
||||
border: 1px solid @paginationBorder;
|
||||
border-left-width: 0;
|
||||
}
|
||||
.pagination ul > li > a:hover,
|
||||
.pagination ul > li > a:focus,
|
||||
.pagination ul > .active > a,
|
||||
.pagination ul > .active > span {
|
||||
background-color: @paginationActiveBackground;
|
||||
}
|
||||
.pagination ul > .active > a,
|
||||
.pagination ul > .active > span {
|
||||
color: @grayLight;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination ul > .disabled > span,
|
||||
.pagination ul > .disabled > a,
|
||||
.pagination ul > .disabled > a:hover,
|
||||
.pagination ul > .disabled > a:focus {
|
||||
color: @grayLight;
|
||||
background-color: transparent;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination ul > li:first-child > a,
|
||||
.pagination ul > li:first-child > span {
|
||||
border-left-width: 1px;
|
||||
.border-left-radius(@baseBorderRadius);
|
||||
}
|
||||
.pagination ul > li:last-child > a,
|
||||
.pagination ul > li:last-child > span {
|
||||
.border-right-radius(@baseBorderRadius);
|
||||
}
|
||||
|
||||
|
||||
// Alignment
|
||||
// --------------------------------------------------
|
||||
|
||||
.pagination-centered {
|
||||
text-align: center;
|
||||
}
|
||||
.pagination-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
// Sizing
|
||||
// --------------------------------------------------
|
||||
|
||||
// Large
|
||||
.pagination-large {
|
||||
ul > li > a,
|
||||
ul > li > span {
|
||||
padding: @paddingLarge;
|
||||
font-size: @fontSizeLarge;
|
||||
}
|
||||
ul > li:first-child > a,
|
||||
ul > li:first-child > span {
|
||||
.border-left-radius(@borderRadiusLarge);
|
||||
}
|
||||
ul > li:last-child > a,
|
||||
ul > li:last-child > span {
|
||||
.border-right-radius(@borderRadiusLarge);
|
||||
}
|
||||
}
|
||||
|
||||
// Small and mini
|
||||
.pagination-mini,
|
||||
.pagination-small {
|
||||
ul > li:first-child > a,
|
||||
ul > li:first-child > span {
|
||||
.border-left-radius(@borderRadiusSmall);
|
||||
}
|
||||
ul > li:last-child > a,
|
||||
ul > li:last-child > span {
|
||||
.border-right-radius(@borderRadiusSmall);
|
||||
}
|
||||
}
|
||||
|
||||
// Small
|
||||
.pagination-small {
|
||||
ul > li > a,
|
||||
ul > li > span {
|
||||
padding: @paddingSmall;
|
||||
font-size: @fontSizeSmall;
|
||||
}
|
||||
}
|
||||
// Mini
|
||||
.pagination-mini {
|
||||
ul > li > a,
|
||||
ul > li > span {
|
||||
padding: @paddingMini;
|
||||
font-size: @fontSizeMini;
|
||||
}
|
||||
}
|
||||
133
media/jui/less/popovers.less
Normal file
133
media/jui/less/popovers.less
Normal file
@@ -0,0 +1,133 @@
|
||||
//
|
||||
// Popovers
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
.popover {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: @zindexPopover;
|
||||
display: none;
|
||||
max-width: 276px;
|
||||
padding: 1px;
|
||||
text-align: left; // Reset given new insertion method
|
||||
background-color: @popoverBackground;
|
||||
-webkit-background-clip: padding-box;
|
||||
-moz-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
.border-radius(6px);
|
||||
.box-shadow(0 5px 10px rgba(0,0,0,.2));
|
||||
|
||||
// Overrides for proper insertion
|
||||
white-space: normal;
|
||||
|
||||
// Offset the popover to account for the popover arrow
|
||||
&.top { margin-top: -10px; }
|
||||
&.right { margin-left: 10px; }
|
||||
&.bottom { margin-top: 10px; }
|
||||
&.left { margin-left: -10px; }
|
||||
}
|
||||
|
||||
.popover-title {
|
||||
margin: 0; // reset heading margin
|
||||
padding: 8px 14px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
background-color: @popoverTitleBackground;
|
||||
border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
|
||||
.border-radius(5px 5px 0 0);
|
||||
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.popover-content {
|
||||
padding: 9px 14px;
|
||||
}
|
||||
|
||||
// Arrows
|
||||
//
|
||||
// .arrow is outer, .arrow:after is inner
|
||||
|
||||
.popover .arrow,
|
||||
.popover .arrow:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
.popover .arrow {
|
||||
border-width: @popoverArrowOuterWidth;
|
||||
}
|
||||
.popover .arrow:after {
|
||||
border-width: @popoverArrowWidth;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.popover {
|
||||
&.top .arrow {
|
||||
left: 50%;
|
||||
margin-left: -@popoverArrowOuterWidth;
|
||||
border-bottom-width: 0;
|
||||
border-top-color: #999; // IE8 fallback
|
||||
border-top-color: @popoverArrowOuterColor;
|
||||
bottom: -@popoverArrowOuterWidth;
|
||||
&:after {
|
||||
bottom: 1px;
|
||||
margin-left: -@popoverArrowWidth;
|
||||
border-bottom-width: 0;
|
||||
border-top-color: @popoverArrowColor;
|
||||
}
|
||||
}
|
||||
&.right .arrow {
|
||||
top: 50%;
|
||||
left: -@popoverArrowOuterWidth;
|
||||
margin-top: -@popoverArrowOuterWidth;
|
||||
border-left-width: 0;
|
||||
border-right-color: #999; // IE8 fallback
|
||||
border-right-color: @popoverArrowOuterColor;
|
||||
&:after {
|
||||
left: 1px;
|
||||
bottom: -@popoverArrowWidth;
|
||||
border-left-width: 0;
|
||||
border-right-color: @popoverArrowColor;
|
||||
}
|
||||
}
|
||||
&.bottom .arrow {
|
||||
left: 50%;
|
||||
margin-left: -@popoverArrowOuterWidth;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #999; // IE8 fallback
|
||||
border-bottom-color: @popoverArrowOuterColor;
|
||||
top: -@popoverArrowOuterWidth;
|
||||
&:after {
|
||||
top: 1px;
|
||||
margin-left: -@popoverArrowWidth;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: @popoverArrowColor;
|
||||
}
|
||||
}
|
||||
|
||||
&.left .arrow {
|
||||
top: 50%;
|
||||
right: -@popoverArrowOuterWidth;
|
||||
margin-top: -@popoverArrowOuterWidth;
|
||||
border-right-width: 0;
|
||||
border-left-color: #999; // IE8 fallback
|
||||
border-left-color: @popoverArrowOuterColor;
|
||||
&:after {
|
||||
right: 1px;
|
||||
border-right-width: 0;
|
||||
border-left-color: @popoverArrowColor;
|
||||
bottom: -@popoverArrowWidth;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
122
media/jui/less/progress-bars.less
Normal file
122
media/jui/less/progress-bars.less
Normal file
@@ -0,0 +1,122 @@
|
||||
//
|
||||
// Progress bars
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// ANIMATIONS
|
||||
// ----------
|
||||
|
||||
// Webkit
|
||||
@-webkit-keyframes progress-bar-stripes {
|
||||
from { background-position: 40px 0; }
|
||||
to { background-position: 0 0; }
|
||||
}
|
||||
|
||||
// Firefox
|
||||
@-moz-keyframes progress-bar-stripes {
|
||||
from { background-position: 40px 0; }
|
||||
to { background-position: 0 0; }
|
||||
}
|
||||
|
||||
// IE9
|
||||
@-ms-keyframes progress-bar-stripes {
|
||||
from { background-position: 40px 0; }
|
||||
to { background-position: 0 0; }
|
||||
}
|
||||
|
||||
// Opera
|
||||
@-o-keyframes progress-bar-stripes {
|
||||
from { background-position: 0 0; }
|
||||
to { background-position: 40px 0; }
|
||||
}
|
||||
|
||||
// Spec
|
||||
@keyframes progress-bar-stripes {
|
||||
from { background-position: 40px 0; }
|
||||
to { background-position: 0 0; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
// THE BARS
|
||||
// --------
|
||||
|
||||
// Outer container
|
||||
.progress {
|
||||
overflow: hidden;
|
||||
height: @baseLineHeight;
|
||||
margin-bottom: @baseLineHeight;
|
||||
#gradient > .vertical(#f5f5f5, #f9f9f9);
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
||||
.border-radius(@baseBorderRadius);
|
||||
}
|
||||
|
||||
// Bar of progress
|
||||
.progress .bar {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
color: @white;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
#gradient > .vertical(#149bdf, #0480be);
|
||||
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
||||
.box-sizing(border-box);
|
||||
.transition(width .6s ease);
|
||||
}
|
||||
.progress .bar + .bar {
|
||||
.box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");
|
||||
}
|
||||
|
||||
// Striped bars
|
||||
.progress-striped .bar {
|
||||
#gradient > .striped(#149bdf);
|
||||
.background-size(40px 40px);
|
||||
}
|
||||
|
||||
// Call animation for the active one
|
||||
.progress.active .bar {
|
||||
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
||||
-moz-animation: progress-bar-stripes 2s linear infinite;
|
||||
-ms-animation: progress-bar-stripes 2s linear infinite;
|
||||
-o-animation: progress-bar-stripes 2s linear infinite;
|
||||
animation: progress-bar-stripes 2s linear infinite;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// COLORS
|
||||
// ------
|
||||
|
||||
// Danger (red)
|
||||
.progress-danger .bar, .progress .bar-danger {
|
||||
#gradient > .vertical(#ee5f5b, #c43c35);
|
||||
}
|
||||
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
||||
#gradient > .striped(#ee5f5b);
|
||||
}
|
||||
|
||||
// Success (green)
|
||||
.progress-success .bar, .progress .bar-success {
|
||||
#gradient > .vertical(#62c462, #57a957);
|
||||
}
|
||||
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
||||
#gradient > .striped(#62c462);
|
||||
}
|
||||
|
||||
// Info (teal)
|
||||
.progress-info .bar, .progress .bar-info {
|
||||
#gradient > .vertical(#5bc0de, #339bb9);
|
||||
}
|
||||
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
||||
#gradient > .striped(#5bc0de);
|
||||
}
|
||||
|
||||
// Warning (orange)
|
||||
.progress-warning .bar, .progress .bar-warning {
|
||||
#gradient > .vertical(lighten(@orange, 15%), @orange);
|
||||
}
|
||||
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
||||
#gradient > .striped(lighten(@orange, 15%));
|
||||
}
|
||||
216
media/jui/less/reset.less
Normal file
216
media/jui/less/reset.less
Normal file
@@ -0,0 +1,216 @@
|
||||
//
|
||||
// Reset CSS
|
||||
// Adapted from http://github.com/necolas/normalize.css
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Display in IE6-9 and FF3
|
||||
// -------------------------
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Display block in IE6-9 and FF3
|
||||
// -------------------------
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// Prevents modern browsers from displaying 'audio' without controls
|
||||
// -------------------------
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Base settings
|
||||
// -------------------------
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
// Focus states
|
||||
a:focus {
|
||||
.tab-focus();
|
||||
}
|
||||
// Hover & Active
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Prevents sub and sup affecting line-height in all browsers
|
||||
// -------------------------
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
// Img border in a's and image quality
|
||||
// -------------------------
|
||||
|
||||
img {
|
||||
/* Responsive images (ensure images don't scale beyond their parents) */
|
||||
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
||||
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
||||
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
||||
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
// Prevent max-width from affecting Google Maps
|
||||
#map_canvas img,
|
||||
.google-maps img {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
|
||||
// Font size in all browsers, margin changes, misc consistency
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
button,
|
||||
input {
|
||||
*overflow: visible; // Inner spacing ie IE6/7
|
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
button,
|
||||
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
||||
}
|
||||
label,
|
||||
select,
|
||||
button,
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"],
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
||||
}
|
||||
input[type="search"] { // Appearance in Safari/Chrome
|
||||
.box-sizing(content-box);
|
||||
-webkit-appearance: textfield;
|
||||
}
|
||||
input[type="search"]::-webkit-search-decoration,
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
||||
}
|
||||
textarea {
|
||||
overflow: auto; // Remove vertical scrollbar in IE6-9
|
||||
vertical-align: top; // Readability and alignment cross-browser
|
||||
}
|
||||
|
||||
|
||||
// Printing
|
||||
// -------------------------
|
||||
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
||||
|
||||
@media print {
|
||||
|
||||
* {
|
||||
text-shadow: none !important;
|
||||
color: #000 !important; // Black prints faster: h5bp.com/s
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: " (" attr(href) ")";
|
||||
}
|
||||
|
||||
abbr[title]:after {
|
||||
content: " (" attr(title) ")";
|
||||
}
|
||||
|
||||
// Don't show links for images, or javascript/internal links
|
||||
.ir a:after,
|
||||
a[href^="javascript:"]:after,
|
||||
a[href^="#"]:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
pre,
|
||||
blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
thead {
|
||||
display: table-header-group; // h5bp.com/t
|
||||
}
|
||||
|
||||
tr,
|
||||
img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 0.5cm;
|
||||
}
|
||||
|
||||
p,
|
||||
h2,
|
||||
h3 {
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
page-break-after: avoid;
|
||||
}
|
||||
}
|
||||
28
media/jui/less/responsive-1200px-min.less
Normal file
28
media/jui/less/responsive-1200px-min.less
Normal file
@@ -0,0 +1,28 @@
|
||||
//
|
||||
// Responsive: Large desktop and up
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
// Fixed grid
|
||||
#grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
|
||||
|
||||
// Fluid grid
|
||||
#grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
|
||||
|
||||
// Input grid
|
||||
#grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
|
||||
|
||||
// Thumbnails
|
||||
.thumbnails {
|
||||
margin-left: -@gridGutterWidth1200;
|
||||
}
|
||||
.thumbnails > li {
|
||||
margin-left: @gridGutterWidth1200;
|
||||
}
|
||||
.row-fluid .thumbnails {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
39
media/jui/less/responsive-767px-max.joomla.less
Normal file
39
media/jui/less/responsive-767px-max.joomla.less
Normal file
@@ -0,0 +1,39 @@
|
||||
//
|
||||
// Responsive: Landscape phone to desktop/tablet
|
||||
// --------------------------------------------------
|
||||
|
||||
/* Joomla JUI NOTE: Original .modal definition has to be commented */
|
||||
|
||||
/* >>> JUI >>> */
|
||||
@media (max-width: 767px) {
|
||||
|
||||
// Modals
|
||||
div.modal {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
&.fade { top: -100px; }
|
||||
&.fade.in { top: 20px; }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// UP TO LANDSCAPE PHONE
|
||||
// ---------------------
|
||||
|
||||
@media (max-width: 480px) {
|
||||
|
||||
// Modals
|
||||
div.modal {
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
}
|
||||
/* <<< JUI <<< */
|
||||
185
media/jui/less/responsive-767px-max.less
Normal file
185
media/jui/less/responsive-767px-max.less
Normal file
@@ -0,0 +1,185 @@
|
||||
//
|
||||
// Responsive: Landscape phone to desktop/tablet
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
|
||||
// Padding to set content in a bit
|
||||
body {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
// Negative indent the now static "fixed" navbar
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom,
|
||||
.navbar-static-top {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
}
|
||||
// Remove padding on container given explicit padding set on body
|
||||
.container-fluid {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// TYPOGRAPHY
|
||||
// ----------
|
||||
// Reset horizontal dl
|
||||
.dl-horizontal {
|
||||
dt {
|
||||
float: none;
|
||||
clear: none;
|
||||
width: auto;
|
||||
text-align: left;
|
||||
}
|
||||
dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// GRID & CONTAINERS
|
||||
// -----------------
|
||||
// Remove width from containers
|
||||
.container {
|
||||
width: auto;
|
||||
}
|
||||
// Fluid rows
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
}
|
||||
// Undo negative margin on rows and thumbnails
|
||||
.row,
|
||||
.thumbnails {
|
||||
margin-left: 0;
|
||||
}
|
||||
.thumbnails > li {
|
||||
float: none;
|
||||
margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
|
||||
}
|
||||
// Make all grid-sized elements block level again
|
||||
[class*="span"],
|
||||
.uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
|
||||
.row-fluid [class*="span"] {
|
||||
float: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
.box-sizing(border-box);
|
||||
}
|
||||
.span12,
|
||||
.row-fluid .span12 {
|
||||
width: 100%;
|
||||
.box-sizing(border-box);
|
||||
}
|
||||
.row-fluid [class*="offset"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// FORM FIELDS
|
||||
// -----------
|
||||
// Make span* classes full width
|
||||
.input-large,
|
||||
.input-xlarge,
|
||||
.input-xxlarge,
|
||||
input[class*="span"],
|
||||
select[class*="span"],
|
||||
textarea[class*="span"],
|
||||
.uneditable-input {
|
||||
.input-block-level();
|
||||
}
|
||||
// But don't let it screw up prepend/append inputs
|
||||
.input-prepend input,
|
||||
.input-append input,
|
||||
.input-prepend input[class*="span"],
|
||||
.input-append input[class*="span"] {
|
||||
display: inline-block; // redeclare so they don't wrap to new lines
|
||||
width: auto;
|
||||
}
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Modals
|
||||
// /* >>> JUI >>> */
|
||||
// .modal REMOVED
|
||||
// /* <<< JUI <<< */
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// UP TO LANDSCAPE PHONE
|
||||
// ---------------------
|
||||
|
||||
@media (max-width: 480px) {
|
||||
|
||||
// Smooth out the collapsing/expanding nav
|
||||
.nav-collapse {
|
||||
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
||||
}
|
||||
|
||||
// Block level the page header small tag for readability
|
||||
.page-header h1 small {
|
||||
display: block;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Update checkboxes for iOS
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
// Remove the horizontal form styles
|
||||
.form-horizontal {
|
||||
.control-label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
// Move over all input controls and content
|
||||
.controls {
|
||||
margin-left: 0;
|
||||
}
|
||||
// Move the options list down to align with labels
|
||||
.control-list {
|
||||
padding-top: 0; // has to be padding because margin collaspes
|
||||
}
|
||||
// Move over buttons in .form-actions to align with .controls
|
||||
.form-actions {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
// Medias
|
||||
// Reset float and spacing to stack
|
||||
.media .pull-left,
|
||||
.media .pull-right {
|
||||
float: none;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
// Remove side margins since we stack instead of indent
|
||||
.media-object {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Modals
|
||||
// /* >>> JUI >>> */
|
||||
// .modal REMOVED
|
||||
// /* <<< JUI <<< */
|
||||
|
||||
.modal-header .close {
|
||||
padding: 10px;
|
||||
margin: -10px;
|
||||
}
|
||||
|
||||
// Carousel
|
||||
.carousel-caption {
|
||||
position: static;
|
||||
}
|
||||
|
||||
}
|
||||
19
media/jui/less/responsive-768px-979px.less
Normal file
19
media/jui/less/responsive-768px-979px.less
Normal file
@@ -0,0 +1,19 @@
|
||||
//
|
||||
// Responsive: Tablet to desktop
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
|
||||
// Fixed grid
|
||||
#grid > .core(@gridColumnWidth768, @gridGutterWidth768);
|
||||
|
||||
// Fluid grid
|
||||
#grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);
|
||||
|
||||
// Input grid
|
||||
#grid > .input(@gridColumnWidth768, @gridGutterWidth768);
|
||||
|
||||
// No need to reset .thumbnails here since it's the same @gridGutterWidth
|
||||
|
||||
}
|
||||
189
media/jui/less/responsive-navbar.less
Normal file
189
media/jui/less/responsive-navbar.less
Normal file
@@ -0,0 +1,189 @@
|
||||
//
|
||||
// Responsive: Navbar
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// TABLETS AND BELOW
|
||||
// -----------------
|
||||
@media (max-width: @navbarCollapseWidth) {
|
||||
|
||||
// UNFIX THE TOPBAR
|
||||
// ----------------
|
||||
// Remove any padding from the body
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
// Unfix the navbars
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
position: static;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
.navbar-fixed-bottom {
|
||||
margin-top: @baseLineHeight;
|
||||
}
|
||||
.navbar-fixed-top .navbar-inner,
|
||||
.navbar-fixed-bottom .navbar-inner {
|
||||
padding: 5px;
|
||||
}
|
||||
.navbar .container {
|
||||
width: auto;
|
||||
padding: 0;
|
||||
}
|
||||
// Account for brand name
|
||||
.navbar .brand {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin: 0 0 0 -5px;
|
||||
}
|
||||
|
||||
// COLLAPSIBLE NAVBAR
|
||||
// ------------------
|
||||
// Nav collapse clears brand
|
||||
.nav-collapse {
|
||||
clear: both;
|
||||
}
|
||||
// Block-level the nav
|
||||
.nav-collapse .nav {
|
||||
float: none;
|
||||
margin: 0 0 (@baseLineHeight / 2);
|
||||
}
|
||||
.nav-collapse .nav > li {
|
||||
float: none;
|
||||
}
|
||||
.nav-collapse .nav > li > a {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.nav-collapse .nav > .divider-vertical {
|
||||
display: none;
|
||||
}
|
||||
.nav-collapse .nav .nav-header {
|
||||
color: @navbarText;
|
||||
text-shadow: none;
|
||||
}
|
||||
// Nav and dropdown links in navbar
|
||||
.nav-collapse .nav > li > a,
|
||||
.nav-collapse .dropdown-menu a {
|
||||
padding: 9px 15px;
|
||||
font-weight: bold;
|
||||
color: @navbarLinkColor;
|
||||
.border-radius(3px);
|
||||
}
|
||||
// Buttons
|
||||
.nav-collapse .btn {
|
||||
padding: 4px 10px 4px;
|
||||
font-weight: normal;
|
||||
.border-radius(@baseBorderRadius);
|
||||
}
|
||||
.nav-collapse .dropdown-menu li + li a {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.nav-collapse .nav > li > a:hover,
|
||||
.nav-collapse .nav > li > a:focus,
|
||||
.nav-collapse .dropdown-menu a:hover,
|
||||
.nav-collapse .dropdown-menu a:focus {
|
||||
background-color: @navbarBackground;
|
||||
}
|
||||
.navbar-inverse .nav-collapse .nav > li > a,
|
||||
.navbar-inverse .nav-collapse .dropdown-menu a {
|
||||
color: @navbarInverseLinkColor;
|
||||
}
|
||||
.navbar-inverse .nav-collapse .nav > li > a:hover,
|
||||
.navbar-inverse .nav-collapse .nav > li > a:focus,
|
||||
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
|
||||
.navbar-inverse .nav-collapse .dropdown-menu a:focus {
|
||||
background-color: @navbarInverseBackground;
|
||||
}
|
||||
// Buttons in the navbar
|
||||
.nav-collapse.in .btn-group {
|
||||
margin-top: 5px;
|
||||
padding: 0;
|
||||
}
|
||||
// Dropdowns in the navbar
|
||||
.nav-collapse .dropdown-menu {
|
||||
position: static;
|
||||
top: auto;
|
||||
left: auto;
|
||||
float: none;
|
||||
display: none;
|
||||
max-width: none;
|
||||
margin: 0 15px;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
.border-radius(0);
|
||||
.box-shadow(none);
|
||||
}
|
||||
.nav-collapse .open > .dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-collapse .dropdown-menu:before,
|
||||
.nav-collapse .dropdown-menu:after {
|
||||
display: none;
|
||||
}
|
||||
.nav-collapse .dropdown-menu .divider {
|
||||
display: none;
|
||||
}
|
||||
.nav-collapse .nav > li > .dropdown-menu {
|
||||
&:before,
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
// Forms in navbar
|
||||
.nav-collapse .navbar-form,
|
||||
.nav-collapse .navbar-search {
|
||||
float: none;
|
||||
padding: (@baseLineHeight / 2) 15px;
|
||||
margin: (@baseLineHeight / 2) 0;
|
||||
border-top: 1px solid @navbarBackground;
|
||||
border-bottom: 1px solid @navbarBackground;
|
||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
|
||||
}
|
||||
.navbar-inverse .nav-collapse .navbar-form,
|
||||
.navbar-inverse .nav-collapse .navbar-search {
|
||||
border-top-color: @navbarInverseBackground;
|
||||
border-bottom-color: @navbarInverseBackground;
|
||||
}
|
||||
// Pull right (secondary) nav content
|
||||
.navbar .nav-collapse .nav.pull-right {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
// Hide everything in the navbar save .brand and toggle button */
|
||||
.nav-collapse,
|
||||
.nav-collapse.collapse {
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
}
|
||||
// Navbar button
|
||||
.navbar .btn-navbar {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// STATIC NAVBAR
|
||||
// -------------
|
||||
.navbar-static .navbar-inner {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
// DEFAULT DESKTOP
|
||||
// ---------------
|
||||
|
||||
@media (min-width: @navbarCollapseDesktopWidth) {
|
||||
|
||||
// Required to make the collapsing navbar work on regular desktops
|
||||
.nav-collapse.collapse {
|
||||
height: auto !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
}
|
||||
59
media/jui/less/responsive-utilities.less
Normal file
59
media/jui/less/responsive-utilities.less
Normal file
@@ -0,0 +1,59 @@
|
||||
//
|
||||
// Responsive: Utility classes
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// IE10 Metro responsive
|
||||
// Required for Windows 8 Metro split-screen snapping with IE10
|
||||
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
||||
@-ms-viewport{
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
// Hide from screenreaders and browsers
|
||||
// Credit: HTML5 Boilerplate
|
||||
.hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// Visibility utilities
|
||||
|
||||
// For desktops
|
||||
.visible-phone { display: none !important; }
|
||||
.visible-tablet { display: none !important; }
|
||||
.hidden-phone { }
|
||||
.hidden-tablet { }
|
||||
.hidden-desktop { display: none !important; }
|
||||
.visible-desktop { display: inherit !important; }
|
||||
|
||||
// Tablets & small desktops only
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
// Hide everything else
|
||||
.hidden-desktop { display: inherit !important; }
|
||||
.visible-desktop { display: none !important ; }
|
||||
// Show
|
||||
.visible-tablet { display: inherit !important; }
|
||||
// Hide
|
||||
.hidden-tablet { display: none !important; }
|
||||
}
|
||||
|
||||
// Phones only
|
||||
@media (max-width: 767px) {
|
||||
// Hide everything else
|
||||
.hidden-desktop { display: inherit !important; }
|
||||
.visible-desktop { display: none !important; }
|
||||
// Show
|
||||
.visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
|
||||
// Hide
|
||||
.hidden-phone { display: none !important; }
|
||||
}
|
||||
|
||||
// Print utilities
|
||||
.visible-print { display: none !important; }
|
||||
.hidden-print { }
|
||||
|
||||
@media print {
|
||||
.visible-print { display: inherit !important; }
|
||||
.hidden-print { display: none !important; }
|
||||
}
|
||||
48
media/jui/less/responsive.less
Normal file
48
media/jui/less/responsive.less
Normal file
@@ -0,0 +1,48 @@
|
||||
/*!
|
||||
* Bootstrap Responsive v2.3.2
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
|
||||
// Responsive.less
|
||||
// For phone and tablet devices
|
||||
// -------------------------------------------------------------
|
||||
|
||||
|
||||
// REPEAT VARIABLES & MIXINS
|
||||
// -------------------------
|
||||
// Required since we compile the responsive stuff separately
|
||||
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
|
||||
// RESPONSIVE CLASSES
|
||||
// ------------------
|
||||
|
||||
@import "responsive-utilities.less";
|
||||
|
||||
|
||||
// MEDIA QUERIES
|
||||
// ------------------
|
||||
|
||||
// Large desktops
|
||||
@import "responsive-1200px-min.less";
|
||||
|
||||
// Tablets to regular desktops
|
||||
@import "responsive-768px-979px.less";
|
||||
|
||||
// Phones to portrait tablets and narrow desktops
|
||||
@import "responsive-767px-max.less";
|
||||
|
||||
|
||||
// RESPONSIVE NAVBAR
|
||||
// ------------------
|
||||
|
||||
// From 979px and below, show a button to toggle navbar contents
|
||||
@import "responsive-navbar.less";
|
||||
53
media/jui/less/scaffolding.less
Normal file
53
media/jui/less/scaffolding.less
Normal file
@@ -0,0 +1,53 @@
|
||||
//
|
||||
// Scaffolding
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Body reset
|
||||
// -------------------------
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: @baseFontFamily;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @textColor;
|
||||
background-color: @bodyBackground;
|
||||
}
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
|
||||
a {
|
||||
color: @linkColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover,
|
||||
a:focus {
|
||||
color: @linkColorHover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
// Images
|
||||
// -------------------------
|
||||
|
||||
// Rounded corners
|
||||
.img-rounded {
|
||||
.border-radius(6px);
|
||||
}
|
||||
|
||||
// Add polaroid-esque trim
|
||||
.img-polaroid {
|
||||
padding: 4px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0,0,0,.2);
|
||||
.box-shadow(0 1px 3px rgba(0,0,0,.1));
|
||||
}
|
||||
|
||||
// Perfect circle
|
||||
.img-circle {
|
||||
.border-radius(500px); // crank the border-radius so it works with most reasonably sized images
|
||||
}
|
||||
197
media/jui/less/sprites.less
Normal file
197
media/jui/less/sprites.less
Normal file
@@ -0,0 +1,197 @@
|
||||
//
|
||||
// Sprites
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// ICONS
|
||||
// -----
|
||||
|
||||
// All icons receive the styles of the <i> tag with a base class
|
||||
// of .i and are then given a unique class to add width, height,
|
||||
// and background-position. Your resulting HTML will look like
|
||||
// <i class="icon-inbox"></i>.
|
||||
|
||||
// For the white version of the icons, just add the .icon-white class:
|
||||
// <i class="icon-inbox icon-white"></i>
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
.ie7-restore-right-whitespace();
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
background-image: url("@{iconSpritePath}");
|
||||
background-position: 14px 14px;
|
||||
background-repeat: no-repeat;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* White icons with optional class, or on hover/focus/active states of certain elements */
|
||||
.icon-white,
|
||||
.nav-pills > .active > a > [class^="icon-"],
|
||||
.nav-pills > .active > a > [class*=" icon-"],
|
||||
.nav-list > .active > a > [class^="icon-"],
|
||||
.nav-list > .active > a > [class*=" icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||||
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||||
.dropdown-menu > li > a:focus > [class^="icon-"],
|
||||
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||||
.dropdown-menu > li > a:focus > [class*=" icon-"],
|
||||
.dropdown-menu > .active > a > [class^="icon-"],
|
||||
.dropdown-menu > .active > a > [class*=" icon-"],
|
||||
.dropdown-submenu:hover > a > [class^="icon-"],
|
||||
.dropdown-submenu:focus > a > [class^="icon-"],
|
||||
.dropdown-submenu:hover > a > [class*=" icon-"],
|
||||
.dropdown-submenu:focus > a > [class*=" icon-"] {
|
||||
background-image: url("@{iconWhiteSpritePath}");
|
||||
}
|
||||
|
||||
.icon-glass { background-position: 0 0; }
|
||||
.icon-music { background-position: -24px 0; }
|
||||
.icon-search { background-position: -48px 0; }
|
||||
.icon-envelope { background-position: -72px 0; }
|
||||
.icon-heart { background-position: -96px 0; }
|
||||
.icon-star { background-position: -120px 0; }
|
||||
.icon-star-empty { background-position: -144px 0; }
|
||||
.icon-user { background-position: -168px 0; }
|
||||
.icon-film { background-position: -192px 0; }
|
||||
.icon-th-large { background-position: -216px 0; }
|
||||
.icon-th { background-position: -240px 0; }
|
||||
.icon-th-list { background-position: -264px 0; }
|
||||
.icon-ok { background-position: -288px 0; }
|
||||
.icon-remove { background-position: -312px 0; }
|
||||
.icon-zoom-in { background-position: -336px 0; }
|
||||
.icon-zoom-out { background-position: -360px 0; }
|
||||
.icon-off { background-position: -384px 0; }
|
||||
.icon-signal { background-position: -408px 0; }
|
||||
.icon-cog { background-position: -432px 0; }
|
||||
.icon-trash { background-position: -456px 0; }
|
||||
|
||||
.icon-home { background-position: 0 -24px; }
|
||||
.icon-file { background-position: -24px -24px; }
|
||||
.icon-time { background-position: -48px -24px; }
|
||||
.icon-road { background-position: -72px -24px; }
|
||||
.icon-download-alt { background-position: -96px -24px; }
|
||||
.icon-download { background-position: -120px -24px; }
|
||||
.icon-upload { background-position: -144px -24px; }
|
||||
.icon-inbox { background-position: -168px -24px; }
|
||||
.icon-play-circle { background-position: -192px -24px; }
|
||||
.icon-repeat { background-position: -216px -24px; }
|
||||
.icon-refresh { background-position: -240px -24px; }
|
||||
.icon-list-alt { background-position: -264px -24px; }
|
||||
.icon-lock { background-position: -287px -24px; } // 1px off
|
||||
.icon-flag { background-position: -312px -24px; }
|
||||
.icon-headphones { background-position: -336px -24px; }
|
||||
.icon-volume-off { background-position: -360px -24px; }
|
||||
.icon-volume-down { background-position: -384px -24px; }
|
||||
.icon-volume-up { background-position: -408px -24px; }
|
||||
.icon-qrcode { background-position: -432px -24px; }
|
||||
.icon-barcode { background-position: -456px -24px; }
|
||||
|
||||
.icon-tag { background-position: 0 -48px; }
|
||||
.icon-tags { background-position: -25px -48px; } // 1px off
|
||||
.icon-book { background-position: -48px -48px; }
|
||||
.icon-bookmark { background-position: -72px -48px; }
|
||||
.icon-print { background-position: -96px -48px; }
|
||||
.icon-camera { background-position: -120px -48px; }
|
||||
.icon-font { background-position: -144px -48px; }
|
||||
.icon-bold { background-position: -167px -48px; } // 1px off
|
||||
.icon-italic { background-position: -192px -48px; }
|
||||
.icon-text-height { background-position: -216px -48px; }
|
||||
.icon-text-width { background-position: -240px -48px; }
|
||||
.icon-align-left { background-position: -264px -48px; }
|
||||
.icon-align-center { background-position: -288px -48px; }
|
||||
.icon-align-right { background-position: -312px -48px; }
|
||||
.icon-align-justify { background-position: -336px -48px; }
|
||||
.icon-list { background-position: -360px -48px; }
|
||||
.icon-indent-left { background-position: -384px -48px; }
|
||||
.icon-indent-right { background-position: -408px -48px; }
|
||||
.icon-facetime-video { background-position: -432px -48px; }
|
||||
.icon-picture { background-position: -456px -48px; }
|
||||
|
||||
.icon-pencil { background-position: 0 -72px; }
|
||||
.icon-map-marker { background-position: -24px -72px; }
|
||||
.icon-adjust { background-position: -48px -72px; }
|
||||
.icon-tint { background-position: -72px -72px; }
|
||||
.icon-edit { background-position: -96px -72px; }
|
||||
.icon-share { background-position: -120px -72px; }
|
||||
.icon-check { background-position: -144px -72px; }
|
||||
.icon-move { background-position: -168px -72px; }
|
||||
.icon-step-backward { background-position: -192px -72px; }
|
||||
.icon-fast-backward { background-position: -216px -72px; }
|
||||
.icon-backward { background-position: -240px -72px; }
|
||||
.icon-play { background-position: -264px -72px; }
|
||||
.icon-pause { background-position: -288px -72px; }
|
||||
.icon-stop { background-position: -312px -72px; }
|
||||
.icon-forward { background-position: -336px -72px; }
|
||||
.icon-fast-forward { background-position: -360px -72px; }
|
||||
.icon-step-forward { background-position: -384px -72px; }
|
||||
.icon-eject { background-position: -408px -72px; }
|
||||
.icon-chevron-left { background-position: -432px -72px; }
|
||||
.icon-chevron-right { background-position: -456px -72px; }
|
||||
|
||||
.icon-plus-sign { background-position: 0 -96px; }
|
||||
.icon-minus-sign { background-position: -24px -96px; }
|
||||
.icon-remove-sign { background-position: -48px -96px; }
|
||||
.icon-ok-sign { background-position: -72px -96px; }
|
||||
.icon-question-sign { background-position: -96px -96px; }
|
||||
.icon-info-sign { background-position: -120px -96px; }
|
||||
.icon-screenshot { background-position: -144px -96px; }
|
||||
.icon-remove-circle { background-position: -168px -96px; }
|
||||
.icon-ok-circle { background-position: -192px -96px; }
|
||||
.icon-ban-circle { background-position: -216px -96px; }
|
||||
.icon-arrow-left { background-position: -240px -96px; }
|
||||
.icon-arrow-right { background-position: -264px -96px; }
|
||||
.icon-arrow-up { background-position: -289px -96px; } // 1px off
|
||||
.icon-arrow-down { background-position: -312px -96px; }
|
||||
.icon-share-alt { background-position: -336px -96px; }
|
||||
.icon-resize-full { background-position: -360px -96px; }
|
||||
.icon-resize-small { background-position: -384px -96px; }
|
||||
.icon-plus { background-position: -408px -96px; }
|
||||
.icon-minus { background-position: -433px -96px; }
|
||||
.icon-asterisk { background-position: -456px -96px; }
|
||||
|
||||
.icon-exclamation-sign { background-position: 0 -120px; }
|
||||
.icon-gift { background-position: -24px -120px; }
|
||||
.icon-leaf { background-position: -48px -120px; }
|
||||
.icon-fire { background-position: -72px -120px; }
|
||||
.icon-eye-open { background-position: -96px -120px; }
|
||||
.icon-eye-close { background-position: -120px -120px; }
|
||||
.icon-warning-sign { background-position: -144px -120px; }
|
||||
.icon-plane { background-position: -168px -120px; }
|
||||
.icon-calendar { background-position: -192px -120px; }
|
||||
.icon-random { background-position: -216px -120px; width: 16px; }
|
||||
.icon-comment { background-position: -240px -120px; }
|
||||
.icon-magnet { background-position: -264px -120px; }
|
||||
.icon-chevron-up { background-position: -288px -120px; }
|
||||
.icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
|
||||
.icon-retweet { background-position: -336px -120px; }
|
||||
.icon-shopping-cart { background-position: -360px -120px; }
|
||||
.icon-folder-close { background-position: -384px -120px; width: 16px; }
|
||||
.icon-folder-open { background-position: -408px -120px; width: 16px; }
|
||||
.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
|
||||
.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
|
||||
|
||||
.icon-hdd { background-position: 0 -144px; }
|
||||
.icon-bullhorn { background-position: -24px -144px; }
|
||||
.icon-bell { background-position: -48px -144px; }
|
||||
.icon-certificate { background-position: -72px -144px; }
|
||||
.icon-thumbs-up { background-position: -96px -144px; }
|
||||
.icon-thumbs-down { background-position: -120px -144px; }
|
||||
.icon-hand-right { background-position: -144px -144px; }
|
||||
.icon-hand-left { background-position: -168px -144px; }
|
||||
.icon-hand-up { background-position: -192px -144px; }
|
||||
.icon-hand-down { background-position: -216px -144px; }
|
||||
.icon-circle-arrow-right { background-position: -240px -144px; }
|
||||
.icon-circle-arrow-left { background-position: -264px -144px; }
|
||||
.icon-circle-arrow-up { background-position: -288px -144px; }
|
||||
.icon-circle-arrow-down { background-position: -312px -144px; }
|
||||
.icon-globe { background-position: -336px -144px; }
|
||||
.icon-wrench { background-position: -360px -144px; }
|
||||
.icon-tasks { background-position: -384px -144px; }
|
||||
.icon-filter { background-position: -408px -144px; }
|
||||
.icon-briefcase { background-position: -432px -144px; }
|
||||
.icon-fullscreen { background-position: -456px -144px; }
|
||||
244
media/jui/less/tables.less
Normal file
244
media/jui/less/tables.less
Normal file
@@ -0,0 +1,244 @@
|
||||
//
|
||||
// Tables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// BASE TABLES
|
||||
// -----------------
|
||||
|
||||
table {
|
||||
max-width: 100%;
|
||||
background-color: @tableBackground;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
// BASELINE STYLES
|
||||
// ---------------
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
margin-bottom: @baseLineHeight;
|
||||
// Cells
|
||||
th,
|
||||
td {
|
||||
padding: 8px;
|
||||
line-height: @baseLineHeight;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid @tableBorder;
|
||||
}
|
||||
th {
|
||||
font-weight: bold;
|
||||
}
|
||||
// Bottom align for column headings
|
||||
thead th {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
// Remove top border from thead by default
|
||||
caption + thead tr:first-child th,
|
||||
caption + thead tr:first-child td,
|
||||
colgroup + thead tr:first-child th,
|
||||
colgroup + thead tr:first-child td,
|
||||
thead:first-child tr:first-child th,
|
||||
thead:first-child tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
// Account for multiple tbody instances
|
||||
tbody + tbody {
|
||||
border-top: 2px solid @tableBorder;
|
||||
}
|
||||
|
||||
// Nesting
|
||||
.table {
|
||||
background-color: @bodyBackground;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CONDENSED TABLE W/ HALF PADDING
|
||||
// -------------------------------
|
||||
|
||||
.table-condensed {
|
||||
th,
|
||||
td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// BORDERED VERSION
|
||||
// ----------------
|
||||
|
||||
.table-bordered {
|
||||
border: 1px solid @tableBorder;
|
||||
border-collapse: separate; // Done so we can round those corners!
|
||||
*border-collapse: collapse; // IE7 can't round corners anyway
|
||||
border-left: 0;
|
||||
.border-radius(@baseBorderRadius);
|
||||
th,
|
||||
td {
|
||||
border-left: 1px solid @tableBorder;
|
||||
}
|
||||
// Prevent a double border
|
||||
caption + thead tr:first-child th,
|
||||
caption + tbody tr:first-child th,
|
||||
caption + tbody tr:first-child td,
|
||||
colgroup + thead tr:first-child th,
|
||||
colgroup + tbody tr:first-child th,
|
||||
colgroup + tbody tr:first-child td,
|
||||
thead:first-child tr:first-child th,
|
||||
tbody:first-child tr:first-child th,
|
||||
tbody:first-child tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
// For first th/td in the first row in the first thead or tbody
|
||||
thead:first-child tr:first-child > th:first-child,
|
||||
tbody:first-child tr:first-child > td:first-child,
|
||||
tbody:first-child tr:first-child > th:first-child {
|
||||
.border-top-left-radius(@baseBorderRadius);
|
||||
}
|
||||
// For last th/td in the first row in the first thead or tbody
|
||||
thead:first-child tr:first-child > th:last-child,
|
||||
tbody:first-child tr:first-child > td:last-child,
|
||||
tbody:first-child tr:first-child > th:last-child {
|
||||
.border-top-right-radius(@baseBorderRadius);
|
||||
}
|
||||
// For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
|
||||
thead:last-child tr:last-child > th:first-child,
|
||||
tbody:last-child tr:last-child > td:first-child,
|
||||
tbody:last-child tr:last-child > th:first-child,
|
||||
tfoot:last-child tr:last-child > td:first-child,
|
||||
tfoot:last-child tr:last-child > th:first-child {
|
||||
.border-bottom-left-radius(@baseBorderRadius);
|
||||
}
|
||||
// For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
|
||||
thead:last-child tr:last-child > th:last-child,
|
||||
tbody:last-child tr:last-child > td:last-child,
|
||||
tbody:last-child tr:last-child > th:last-child,
|
||||
tfoot:last-child tr:last-child > td:last-child,
|
||||
tfoot:last-child tr:last-child > th:last-child {
|
||||
.border-bottom-right-radius(@baseBorderRadius);
|
||||
}
|
||||
|
||||
// Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
|
||||
tfoot + tbody:last-child tr:last-child td:first-child {
|
||||
.border-bottom-left-radius(0);
|
||||
}
|
||||
tfoot + tbody:last-child tr:last-child td:last-child {
|
||||
.border-bottom-right-radius(0);
|
||||
}
|
||||
|
||||
// Special fixes to round the left border on the first td/th
|
||||
caption + thead tr:first-child th:first-child,
|
||||
caption + tbody tr:first-child td:first-child,
|
||||
colgroup + thead tr:first-child th:first-child,
|
||||
colgroup + tbody tr:first-child td:first-child {
|
||||
.border-top-left-radius(@baseBorderRadius);
|
||||
}
|
||||
caption + thead tr:first-child th:last-child,
|
||||
caption + tbody tr:first-child td:last-child,
|
||||
colgroup + thead tr:first-child th:last-child,
|
||||
colgroup + tbody tr:first-child td:last-child {
|
||||
.border-top-right-radius(@baseBorderRadius);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// ZEBRA-STRIPING
|
||||
// --------------
|
||||
|
||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
||||
.table-striped {
|
||||
tbody {
|
||||
> tr:nth-child(odd) > td,
|
||||
> tr:nth-child(odd) > th {
|
||||
background-color: @tableBackgroundAccent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// HOVER EFFECT
|
||||
// ------------
|
||||
// Placed here since it has to come after the potential zebra striping
|
||||
.table-hover {
|
||||
tbody {
|
||||
tr:hover > td,
|
||||
tr:hover > th {
|
||||
background-color: @tableBackgroundHover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// TABLE CELL SIZING
|
||||
// -----------------
|
||||
|
||||
// Reset default grid behavior
|
||||
table td[class*="span"],
|
||||
table th[class*="span"],
|
||||
.row-fluid table td[class*="span"],
|
||||
.row-fluid table th[class*="span"] {
|
||||
display: table-cell;
|
||||
float: none; // undo default grid column styles
|
||||
margin-left: 0; // undo default grid column styles
|
||||
}
|
||||
|
||||
// Change the column widths to account for td/th padding
|
||||
.table td,
|
||||
.table th {
|
||||
&.span1 { .tableColumns(1); }
|
||||
&.span2 { .tableColumns(2); }
|
||||
&.span3 { .tableColumns(3); }
|
||||
&.span4 { .tableColumns(4); }
|
||||
&.span5 { .tableColumns(5); }
|
||||
&.span6 { .tableColumns(6); }
|
||||
&.span7 { .tableColumns(7); }
|
||||
&.span8 { .tableColumns(8); }
|
||||
&.span9 { .tableColumns(9); }
|
||||
&.span10 { .tableColumns(10); }
|
||||
&.span11 { .tableColumns(11); }
|
||||
&.span12 { .tableColumns(12); }
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABLE BACKGROUNDS
|
||||
// -----------------
|
||||
// Exact selectors below required to override .table-striped
|
||||
|
||||
.table tbody tr {
|
||||
&.success > td {
|
||||
background-color: @successBackground;
|
||||
}
|
||||
&.error > td {
|
||||
background-color: @errorBackground;
|
||||
}
|
||||
&.warning > td {
|
||||
background-color: @warningBackground;
|
||||
}
|
||||
&.info > td {
|
||||
background-color: @infoBackground;
|
||||
}
|
||||
}
|
||||
|
||||
// Hover states for .table-hover
|
||||
.table-hover tbody tr {
|
||||
&.success:hover > td {
|
||||
background-color: darken(@successBackground, 5%);
|
||||
}
|
||||
&.error:hover > td {
|
||||
background-color: darken(@errorBackground, 5%);
|
||||
}
|
||||
&.warning:hover > td {
|
||||
background-color: darken(@warningBackground, 5%);
|
||||
}
|
||||
&.info:hover > td {
|
||||
background-color: darken(@infoBackground, 5%);
|
||||
}
|
||||
}
|
||||
53
media/jui/less/thumbnails.less
Normal file
53
media/jui/less/thumbnails.less
Normal file
@@ -0,0 +1,53 @@
|
||||
//
|
||||
// Thumbnails
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
|
||||
|
||||
// Make wrapper ul behave like the grid
|
||||
.thumbnails {
|
||||
margin-left: -@gridGutterWidth;
|
||||
list-style: none;
|
||||
.clearfix();
|
||||
}
|
||||
// Fluid rows have no left margin
|
||||
.row-fluid .thumbnails {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Float li to make thumbnails appear in a row
|
||||
.thumbnails > li {
|
||||
float: left; // Explicity set the float since we don't require .span* classes
|
||||
margin-bottom: @baseLineHeight;
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
|
||||
// The actual thumbnail (can be `a` or `div`)
|
||||
.thumbnail {
|
||||
display: block;
|
||||
padding: 4px;
|
||||
line-height: @baseLineHeight;
|
||||
border: 1px solid #ddd;
|
||||
.border-radius(@baseBorderRadius);
|
||||
.box-shadow(0 1px 3px rgba(0,0,0,.055));
|
||||
.transition(all .2s ease-in-out);
|
||||
}
|
||||
// Add a hover/focus state for linked versions only
|
||||
a.thumbnail:hover,
|
||||
a.thumbnail:focus {
|
||||
border-color: @linkColor;
|
||||
.box-shadow(0 1px 4px rgba(0,105,214,.25));
|
||||
}
|
||||
|
||||
// Images and captions
|
||||
.thumbnail > img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.thumbnail .caption {
|
||||
padding: 9px;
|
||||
color: @gray;
|
||||
}
|
||||
70
media/jui/less/tooltip.less
Normal file
70
media/jui/less/tooltip.less
Normal file
@@ -0,0 +1,70 @@
|
||||
//
|
||||
// Tooltips
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base class
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
z-index: @zindexTooltip;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
font-size: 11px;
|
||||
line-height: 1.4;
|
||||
.opacity(0);
|
||||
&.in { .opacity(80); }
|
||||
&.top { margin-top: -3px; padding: 5px 0; }
|
||||
&.right { margin-left: 3px; padding: 0 5px; }
|
||||
&.bottom { margin-top: 3px; padding: 5px 0; }
|
||||
&.left { margin-left: -3px; padding: 0 5px; }
|
||||
}
|
||||
|
||||
// Wrapper for the tooltip content
|
||||
.tooltip-inner {
|
||||
max-width: 200px;
|
||||
padding: 8px;
|
||||
color: @tooltipColor;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: @tooltipBackground;
|
||||
.border-radius(@baseBorderRadius);
|
||||
}
|
||||
|
||||
// Arrows
|
||||
.tooltip-arrow {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
.tooltip {
|
||||
&.top .tooltip-arrow {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -@tooltipArrowWidth;
|
||||
border-width: @tooltipArrowWidth @tooltipArrowWidth 0;
|
||||
border-top-color: @tooltipArrowColor;
|
||||
}
|
||||
&.right .tooltip-arrow {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -@tooltipArrowWidth;
|
||||
border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;
|
||||
border-right-color: @tooltipArrowColor;
|
||||
}
|
||||
&.left .tooltip-arrow {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -@tooltipArrowWidth;
|
||||
border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;
|
||||
border-left-color: @tooltipArrowColor;
|
||||
}
|
||||
&.bottom .tooltip-arrow {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -@tooltipArrowWidth;
|
||||
border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;
|
||||
border-bottom-color: @tooltipArrowColor;
|
||||
}
|
||||
}
|
||||
247
media/jui/less/type.less
Normal file
247
media/jui/less/type.less
Normal file
@@ -0,0 +1,247 @@
|
||||
//
|
||||
// Typography
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Body text
|
||||
// -------------------------
|
||||
|
||||
p {
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
}
|
||||
.lead {
|
||||
margin-bottom: @baseLineHeight;
|
||||
font-size: @baseFontSize * 1.5;
|
||||
font-weight: 200;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
}
|
||||
|
||||
|
||||
// Emphasis & misc
|
||||
// -------------------------
|
||||
|
||||
// Ex: 14px base font * 85% = about 12px
|
||||
small { font-size: 85%; }
|
||||
|
||||
strong { font-weight: bold; }
|
||||
em { font-style: italic; }
|
||||
cite { font-style: normal; }
|
||||
|
||||
// Utility classes
|
||||
.muted { color: @grayLight; }
|
||||
a.muted:hover,
|
||||
a.muted:focus { color: darken(@grayLight, 10%); }
|
||||
|
||||
.text-warning { color: @warningText; }
|
||||
a.text-warning:hover,
|
||||
a.text-warning:focus { color: darken(@warningText, 10%); }
|
||||
|
||||
.text-error { color: @errorText; }
|
||||
a.text-error:hover,
|
||||
a.text-error:focus { color: darken(@errorText, 10%); }
|
||||
|
||||
.text-info { color: @infoText; }
|
||||
a.text-info:hover,
|
||||
a.text-info:focus { color: darken(@infoText, 10%); }
|
||||
|
||||
.text-success { color: @successText; }
|
||||
a.text-success:hover,
|
||||
a.text-success:focus { color: darken(@successText, 10%); }
|
||||
|
||||
.text-left { text-align: left; }
|
||||
.text-right { text-align: right; }
|
||||
.text-center { text-align: center; }
|
||||
|
||||
|
||||
// Headings
|
||||
// -------------------------
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: (@baseLineHeight / 2) 0;
|
||||
font-family: @headingsFontFamily;
|
||||
font-weight: @headingsFontWeight;
|
||||
line-height: @baseLineHeight;
|
||||
color: @headingsColor;
|
||||
text-rendering: optimizelegibility; // Fix the character spacing for headings
|
||||
small {
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 { line-height: @baseLineHeight * 2; }
|
||||
|
||||
h1 { font-size: @baseFontSize * 2.75; } // ~38px
|
||||
h2 { font-size: @baseFontSize * 2.25; } // ~32px
|
||||
h3 { font-size: @baseFontSize * 1.75; } // ~24px
|
||||
h4 { font-size: @baseFontSize * 1.25; } // ~18px
|
||||
h5 { font-size: @baseFontSize; }
|
||||
h6 { font-size: @baseFontSize * 0.85; } // ~12px
|
||||
|
||||
h1 small { font-size: @baseFontSize * 1.75; } // ~24px
|
||||
h2 small { font-size: @baseFontSize * 1.25; } // ~18px
|
||||
h3 small { font-size: @baseFontSize; }
|
||||
h4 small { font-size: @baseFontSize; }
|
||||
|
||||
|
||||
// Page header
|
||||
// -------------------------
|
||||
|
||||
.page-header {
|
||||
padding-bottom: (@baseLineHeight / 2) - 1;
|
||||
margin: @baseLineHeight 0 (@baseLineHeight * 1.5);
|
||||
border-bottom: 1px solid @grayLighter;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Lists
|
||||
// --------------------------------------------------
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
padding: 0;
|
||||
margin: 0 0 @baseLineHeight / 2 25px;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
li {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
|
||||
// Remove default list styles
|
||||
ul.unstyled,
|
||||
ol.unstyled {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Single-line list items
|
||||
ul.inline,
|
||||
ol.inline {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
> li {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
// Description Lists
|
||||
dl {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
dt,
|
||||
dd {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
margin-left: @baseLineHeight / 2;
|
||||
}
|
||||
// Horizontal layout (like forms)
|
||||
.dl-horizontal {
|
||||
.clearfix(); // Ensure dl clears floats if empty dd elements present
|
||||
dt {
|
||||
float: left;
|
||||
width: @horizontalComponentOffset - 20;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
.text-overflow();
|
||||
}
|
||||
dd {
|
||||
margin-left: @horizontalComponentOffset;
|
||||
}
|
||||
}
|
||||
|
||||
// MISC
|
||||
// ----
|
||||
|
||||
// Horizontal rules
|
||||
hr {
|
||||
margin: @baseLineHeight 0;
|
||||
border: 0;
|
||||
border-top: 1px solid @hrBorder;
|
||||
border-bottom: 1px solid @white;
|
||||
}
|
||||
|
||||
// Abbreviations and acronyms
|
||||
abbr[title],
|
||||
// Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257
|
||||
abbr[data-original-title] {
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted @grayLight;
|
||||
}
|
||||
abbr.initialism {
|
||||
font-size: 90%;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
// Blockquotes
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0 0 @baseLineHeight;
|
||||
border-left: 5px solid @grayLighter;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-size: @baseFontSize * 1.25;
|
||||
font-weight: 300;
|
||||
line-height: 1.25;
|
||||
}
|
||||
small {
|
||||
display: block;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
&:before {
|
||||
content: '\2014 \00A0';
|
||||
}
|
||||
}
|
||||
|
||||
// Float right with text-align: right
|
||||
&.pull-right {
|
||||
float: right;
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
border-right: 5px solid @grayLighter;
|
||||
border-left: 0;
|
||||
p,
|
||||
small {
|
||||
text-align: right;
|
||||
}
|
||||
small {
|
||||
&:before {
|
||||
content: '';
|
||||
}
|
||||
&:after {
|
||||
content: '\00A0 \2014';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Quotes
|
||||
q:before,
|
||||
q:after,
|
||||
blockquote:before,
|
||||
blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
// Addresses
|
||||
address {
|
||||
display: block;
|
||||
margin-bottom: @baseLineHeight;
|
||||
font-style: normal;
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
30
media/jui/less/utilities.less
Normal file
30
media/jui/less/utilities.less
Normal file
@@ -0,0 +1,30 @@
|
||||
//
|
||||
// Utility classes
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Quick floats
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Toggling content
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Visibility
|
||||
.invisible {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
// For Affix plugin
|
||||
.affix {
|
||||
position: fixed;
|
||||
}
|
||||
301
media/jui/less/variables.less
Normal file
301
media/jui/less/variables.less
Normal file
@@ -0,0 +1,301 @@
|
||||
//
|
||||
// Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Global values
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
@black: #000;
|
||||
@grayDarker: #222;
|
||||
@grayDark: #333;
|
||||
@gray: #555;
|
||||
@grayLight: #999;
|
||||
@grayLighter: #eee;
|
||||
@white: #fff;
|
||||
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
@blue: #049cdb;
|
||||
@blueDark: #0064cd;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
@bodyBackground: @white;
|
||||
@textColor: @grayDark;
|
||||
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
@linkColor: #08c;
|
||||
@linkColorHover: darken(@linkColor, 15%);
|
||||
|
||||
|
||||
// Typography
|
||||
// -------------------------
|
||||
@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
|
||||
@monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace;
|
||||
|
||||
@baseFontSize: 14px;
|
||||
@baseFontFamily: @sansFontFamily;
|
||||
@baseLineHeight: 20px;
|
||||
@altFontFamily: @serifFontFamily;
|
||||
|
||||
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
|
||||
@headingsFontWeight: bold; // instead of browser default, bold
|
||||
@headingsColor: inherit; // empty to use BS default, @textColor
|
||||
|
||||
|
||||
// Component sizing
|
||||
// -------------------------
|
||||
// Based on 14px font-size and 20px line-height
|
||||
|
||||
@fontSizeLarge: @baseFontSize * 1.25; // ~18px
|
||||
@fontSizeSmall: @baseFontSize * 0.85; // ~12px
|
||||
@fontSizeMini: @baseFontSize * 0.75; // ~11px
|
||||
|
||||
@paddingLarge: 11px 19px; // 44px
|
||||
@paddingSmall: 2px 10px; // 26px
|
||||
@paddingMini: 0 6px; // 22px
|
||||
|
||||
@baseBorderRadius: 4px;
|
||||
@borderRadiusLarge: 6px;
|
||||
@borderRadiusSmall: 3px;
|
||||
|
||||
|
||||
// Tables
|
||||
// -------------------------
|
||||
@tableBackground: transparent; // overall background-color
|
||||
@tableBackgroundAccent: #f9f9f9; // for striping
|
||||
@tableBackgroundHover: #f5f5f5; // for hover
|
||||
@tableBorder: #ddd; // table and cell border
|
||||
|
||||
// Buttons
|
||||
// -------------------------
|
||||
@btnBackground: @white;
|
||||
@btnBackgroundHighlight: darken(@white, 10%);
|
||||
@btnBorder: #ccc;
|
||||
|
||||
@btnPrimaryBackground: @linkColor;
|
||||
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
|
||||
|
||||
@btnInfoBackground: #5bc0de;
|
||||
@btnInfoBackgroundHighlight: #2f96b4;
|
||||
|
||||
@btnSuccessBackground: #62c462;
|
||||
@btnSuccessBackgroundHighlight: #51a351;
|
||||
|
||||
@btnWarningBackground: lighten(@orange, 15%);
|
||||
@btnWarningBackgroundHighlight: @orange;
|
||||
|
||||
@btnDangerBackground: #ee5f5b;
|
||||
@btnDangerBackgroundHighlight: #bd362f;
|
||||
|
||||
@btnInverseBackground: #444;
|
||||
@btnInverseBackgroundHighlight: @grayDarker;
|
||||
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
@inputBackground: @white;
|
||||
@inputBorder: #ccc;
|
||||
@inputBorderRadius: @baseBorderRadius;
|
||||
@inputDisabledBackground: @grayLighter;
|
||||
@formActionsBackground: #f5f5f5;
|
||||
@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border
|
||||
|
||||
|
||||
// Dropdowns
|
||||
// -------------------------
|
||||
@dropdownBackground: @white;
|
||||
@dropdownBorder: rgba(0,0,0,.2);
|
||||
@dropdownDividerTop: #e5e5e5;
|
||||
@dropdownDividerBottom: @white;
|
||||
|
||||
@dropdownLinkColor: @grayDark;
|
||||
@dropdownLinkColorHover: @white;
|
||||
@dropdownLinkColorActive: @white;
|
||||
|
||||
@dropdownLinkBackgroundActive: @linkColor;
|
||||
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
|
||||
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Z-index master list
|
||||
// -------------------------
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
@zindexDropdown: 1000;
|
||||
@zindexPopover: 1010;
|
||||
@zindexTooltip: 1030;
|
||||
@zindexFixedNavbar: 1030;
|
||||
@zindexModalBackdrop: 1040;
|
||||
@zindexModal: 1050;
|
||||
|
||||
|
||||
// Sprite icons path
|
||||
// -------------------------
|
||||
@iconSpritePath: "../img/glyphicons-halflings.png";
|
||||
@iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
|
||||
|
||||
|
||||
// Input placeholder text color
|
||||
// -------------------------
|
||||
@placeholderText: @grayLight;
|
||||
|
||||
|
||||
// Hr border color
|
||||
// -------------------------
|
||||
@hrBorder: @grayLighter;
|
||||
|
||||
|
||||
// Horizontal forms & lists
|
||||
// -------------------------
|
||||
@horizontalComponentOffset: 180px;
|
||||
|
||||
|
||||
// Wells
|
||||
// -------------------------
|
||||
@wellBackground: #f5f5f5;
|
||||
|
||||
|
||||
// Navbar
|
||||
// -------------------------
|
||||
@navbarCollapseWidth: 979px;
|
||||
@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1;
|
||||
|
||||
@navbarHeight: 40px;
|
||||
@navbarBackgroundHighlight: #ffffff;
|
||||
@navbarBackground: darken(@navbarBackgroundHighlight, 5%);
|
||||
@navbarBorder: darken(@navbarBackground, 12%);
|
||||
|
||||
@navbarText: #777;
|
||||
@navbarLinkColor: #777;
|
||||
@navbarLinkColorHover: @grayDark;
|
||||
@navbarLinkColorActive: @gray;
|
||||
@navbarLinkBackgroundHover: transparent;
|
||||
@navbarLinkBackgroundActive: darken(@navbarBackground, 5%);
|
||||
|
||||
@navbarBrandColor: @navbarLinkColor;
|
||||
|
||||
// Inverted navbar
|
||||
@navbarInverseBackground: #111111;
|
||||
@navbarInverseBackgroundHighlight: #222222;
|
||||
@navbarInverseBorder: #252525;
|
||||
|
||||
@navbarInverseText: @grayLight;
|
||||
@navbarInverseLinkColor: @grayLight;
|
||||
@navbarInverseLinkColorHover: @white;
|
||||
@navbarInverseLinkColorActive: @navbarInverseLinkColorHover;
|
||||
@navbarInverseLinkBackgroundHover: transparent;
|
||||
@navbarInverseLinkBackgroundActive: @navbarInverseBackground;
|
||||
|
||||
@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%);
|
||||
@navbarInverseSearchBackgroundFocus: @white;
|
||||
@navbarInverseSearchBorder: @navbarInverseBackground;
|
||||
@navbarInverseSearchPlaceholderColor: #ccc;
|
||||
|
||||
@navbarInverseBrandColor: @navbarInverseLinkColor;
|
||||
|
||||
|
||||
// Pagination
|
||||
// -------------------------
|
||||
@paginationBackground: #fff;
|
||||
@paginationBorder: #ddd;
|
||||
@paginationActiveBackground: #f5f5f5;
|
||||
|
||||
|
||||
// Hero unit
|
||||
// -------------------------
|
||||
@heroUnitBackground: @grayLighter;
|
||||
@heroUnitHeadingColor: inherit;
|
||||
@heroUnitLeadColor: inherit;
|
||||
|
||||
|
||||
// Form states and alerts
|
||||
// -------------------------
|
||||
@warningText: #c09853;
|
||||
@warningBackground: #fcf8e3;
|
||||
@warningBorder: darken(spin(@warningBackground, -10), 3%);
|
||||
|
||||
@errorText: #b94a48;
|
||||
@errorBackground: #f2dede;
|
||||
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
||||
|
||||
@successText: #468847;
|
||||
@successBackground: #dff0d8;
|
||||
@successBorder: darken(spin(@successBackground, -10), 5%);
|
||||
|
||||
@infoText: #3a87ad;
|
||||
@infoBackground: #d9edf7;
|
||||
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
||||
|
||||
|
||||
// Tooltips and popovers
|
||||
// -------------------------
|
||||
@tooltipColor: #fff;
|
||||
@tooltipBackground: #000;
|
||||
@tooltipArrowWidth: 5px;
|
||||
@tooltipArrowColor: @tooltipBackground;
|
||||
|
||||
@popoverBackground: #fff;
|
||||
@popoverArrowWidth: 10px;
|
||||
@popoverArrowColor: #fff;
|
||||
@popoverTitleBackground: darken(@popoverBackground, 3%);
|
||||
|
||||
// Special enhancement for popovers
|
||||
@popoverArrowOuterWidth: @popoverArrowWidth + 1;
|
||||
@popoverArrowOuterColor: rgba(0,0,0,.25);
|
||||
|
||||
|
||||
|
||||
// GRID
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Default 940px grid
|
||||
// -------------------------
|
||||
@gridColumns: 12;
|
||||
@gridColumnWidth: 60px;
|
||||
@gridGutterWidth: 20px;
|
||||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
// 1200px min
|
||||
@gridColumnWidth1200: 70px;
|
||||
@gridGutterWidth1200: 30px;
|
||||
@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1));
|
||||
|
||||
// 768px-979px
|
||||
@gridColumnWidth768: 42px;
|
||||
@gridGutterWidth768: 20px;
|
||||
@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1));
|
||||
|
||||
|
||||
// Fluid grid
|
||||
// -------------------------
|
||||
@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth);
|
||||
@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth);
|
||||
|
||||
// 1200px min
|
||||
@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200);
|
||||
@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200);
|
||||
|
||||
// 768px-979px
|
||||
@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768);
|
||||
@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768);
|
||||
29
media/jui/less/wells.less
Normal file
29
media/jui/less/wells.less
Normal file
@@ -0,0 +1,29 @@
|
||||
//
|
||||
// Wells
|
||||
// --------------------------------------------------
|
||||
|
||||
|
||||
// Base class
|
||||
.well {
|
||||
min-height: 20px;
|
||||
padding: 19px;
|
||||
margin-bottom: 20px;
|
||||
background-color: @wellBackground;
|
||||
border: 1px solid darken(@wellBackground, 7%);
|
||||
.border-radius(@baseBorderRadius);
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
|
||||
blockquote {
|
||||
border-color: #ddd;
|
||||
border-color: rgba(0,0,0,.15);
|
||||
}
|
||||
}
|
||||
|
||||
// Sizes
|
||||
.well-large {
|
||||
padding: 24px;
|
||||
.border-radius(@borderRadiusLarge);
|
||||
}
|
||||
.well-small {
|
||||
padding: 9px;
|
||||
.border-radius(@borderRadiusSmall);
|
||||
}
|
||||
Reference in New Issue
Block a user