// Bootstrap3 - Cart_rules > information.tpl + header + Font Awesome + Switch
This commit is contained in:
Kevin Granger
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
+279
@@ -0,0 +1,279 @@
|
||||
/* ------------------------------------------
|
||||
CSS TOGGLE SWITCHES (Ionuț Colceriu)
|
||||
Licensed under Unlicense
|
||||
https://github.com/ghinda/css-toggle-switch
|
||||
------------------------------------------ */
|
||||
|
||||
/* Hide by default */
|
||||
|
||||
.switch .slide-button,
|
||||
.toggle p span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.switch {
|
||||
background-color: #eee;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.switch label {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
/* Toggle Switches */
|
||||
|
||||
/* We can't test for a specific feature,
|
||||
* so we only target browsers with support for media queries.
|
||||
*/
|
||||
@media only screen {
|
||||
|
||||
/* Checkbox
|
||||
*/
|
||||
.toggle {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
/* Position the label over all the elements, except the slide-button
|
||||
* Clicking anywhere on the label will change the switch-state
|
||||
*/
|
||||
.toggle label {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Don't hide the input from screen-readers and keyboard access
|
||||
*/
|
||||
.toggle input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.toggle p {
|
||||
position: absolute;
|
||||
left: -100px;
|
||||
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-right: 100px;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.toggle p span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 5;
|
||||
|
||||
display: block;
|
||||
width: 50%;
|
||||
margin-left: 100px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.toggle p span:last-child {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.toggle .slide-button {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 4;
|
||||
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Radio Switch
|
||||
*/
|
||||
.switch {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.switch input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.switch label {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.switch .slide-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.switch input:last-of-type:checked ~ .slide-button {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
/* Switch with 3 items */
|
||||
.switch.switch-three label,
|
||||
.switch.switch-three .slide-button {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.switch.switch-three input:checked:nth-of-type(2) ~ .slide-button {
|
||||
left: 33.3%;
|
||||
}
|
||||
|
||||
.switch.switch-three input:checked:last-of-type ~ .slide-button {
|
||||
left: 66.6%;
|
||||
}
|
||||
|
||||
/* Switch with 4 items */
|
||||
.switch.switch-four label,
|
||||
.switch.switch-four .slide-button {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.switch.switch-four input:checked:nth-of-type(2) ~ .slide-button {
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
.switch.switch-four input:checked:nth-of-type(3) ~ .slide-button {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.switch.switch-four input:checked:last-of-type ~ .slide-button {
|
||||
left: 75%;
|
||||
}
|
||||
|
||||
/* Switch with 5 items */
|
||||
.switch.switch-five label,
|
||||
.switch.switch-five .slide-button {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:nth-of-type(2) ~ .slide-button {
|
||||
left: 20%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:nth-of-type(3) ~ .slide-button {
|
||||
left: 40%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:nth-of-type(4) ~ .slide-button {
|
||||
left: 60%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:last-of-type ~ .slide-button {
|
||||
left: 80%;
|
||||
}
|
||||
|
||||
/* Shared */
|
||||
.toggle,
|
||||
.switch {
|
||||
display: block;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.switch *,
|
||||
.toggle * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.switch .slide-button,
|
||||
.toggle .slide-button {
|
||||
display: block;
|
||||
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.toggle label,
|
||||
.toggle p,
|
||||
.switch label {
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.toggle input:checked ~ .slide-button {
|
||||
right: 50%;
|
||||
}
|
||||
|
||||
/* Outline the toggles when the inputs are focused */
|
||||
.toggle input:focus ~ .slide-button,
|
||||
.switch input:focus + label {
|
||||
outline: 1px dotted #888;
|
||||
}
|
||||
|
||||
/* Bugfix for older Webkit, including mobile Webkit. Adapted from:
|
||||
* http://css-tricks.com/webkit-sibling-bug/
|
||||
*/
|
||||
.switch, .toggle {
|
||||
-webkit-animation: bugfix infinite 1s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bugfix { from { position: relative; } to { position: relative; } }
|
||||
|
||||
/* Standalone Themes */
|
||||
|
||||
|
||||
/* Candy Theme
|
||||
* Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
|
||||
* http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
|
||||
*/
|
||||
|
||||
.candy {
|
||||
background-color: #C0C0C0;
|
||||
color: #474949;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.candy input:checked + label {
|
||||
color: #fff;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.candy .slide-button {
|
||||
|
||||
background-color: #3D89CC;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.candy p {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.candy span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
+265
@@ -0,0 +1,265 @@
|
||||
@import "_bootstrap.scss"
|
||||
@import "_font-awesome.scss"
|
||||
@import "_toggle-switch.scss"
|
||||
|
||||
html, body
|
||||
height: 100%
|
||||
background: #EBEFF8
|
||||
|
||||
body.fixed-top
|
||||
position: relative
|
||||
top: 56px
|
||||
margin-bottom: 50px
|
||||
|
||||
#main
|
||||
position: relative
|
||||
min-height: 100%
|
||||
height: 100%
|
||||
|
||||
#content
|
||||
height: 100%
|
||||
padding: 20px
|
||||
margin: 0 0 90px 240px
|
||||
border-left: 1px solid black
|
||||
background-color: white
|
||||
|
||||
.page-sidebar
|
||||
top: 52px
|
||||
position: fixed
|
||||
width: 240px
|
||||
> ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
li
|
||||
list-style: none
|
||||
> li
|
||||
&.active
|
||||
> a
|
||||
color: white
|
||||
background-color: #1A1A1A
|
||||
> a
|
||||
text-transform: uppercase
|
||||
font-size: 12px
|
||||
color: #777
|
||||
display: block
|
||||
padding: 8px 0 8px 15px
|
||||
border-bottom: 1px solid #CECECE
|
||||
&:hover
|
||||
text-decoration: none
|
||||
img
|
||||
margin-right: 10px
|
||||
ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
border-bottom: 1px solid #CECECE
|
||||
background-color: white
|
||||
li
|
||||
a
|
||||
font-size: 12px
|
||||
display: block
|
||||
padding: 3px 15px 3px 20px
|
||||
border: none
|
||||
border-bottom: 1px solid #F5F5F5
|
||||
i
|
||||
margin-top: 4px
|
||||
color: #CECECE
|
||||
&:hover
|
||||
background-color: #F5F5F5
|
||||
text-decoration: none
|
||||
i
|
||||
color: #004D7B
|
||||
&.active
|
||||
a
|
||||
color: #1A1A1A
|
||||
background-color: #ADB0B8
|
||||
i
|
||||
color: black
|
||||
|
||||
li:not(.active) ul
|
||||
display: none
|
||||
li.expanded ul
|
||||
display: block
|
||||
background-color: white
|
||||
|
||||
> ul > li > ul.sub-menu
|
||||
display: none
|
||||
list-style: none
|
||||
clear: both
|
||||
margin: 8px 0px 8px 0px
|
||||
|
||||
#footer
|
||||
width: 100%
|
||||
position: fixed
|
||||
bottom: 0
|
||||
padding: 0
|
||||
font-size: 12px
|
||||
color: #999
|
||||
background-color: #272822
|
||||
.go-top
|
||||
display: block
|
||||
text-decoration: none
|
||||
color: #fff
|
||||
cursor: pointer
|
||||
margin-top: -2px
|
||||
margin-right: 0px
|
||||
margin-bottom: 0px
|
||||
font-size: 16px
|
||||
background-color: #111
|
||||
padding: 0px 6px 0px 6px
|
||||
.go-top i
|
||||
color: #666
|
||||
font-size: 22px
|
||||
margin-bottom: 5px
|
||||
|
||||
.table
|
||||
word-wrap: break-word
|
||||
input, select
|
||||
margin: 0
|
||||
td.center, th.center
|
||||
text-align: center
|
||||
tr:hover
|
||||
background-color: #777
|
||||
|
||||
#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"]
|
||||
font-size: 18px
|
||||
border-radius: 35px
|
||||
height: 30px
|
||||
width: 30px
|
||||
color: white
|
||||
display: inline-block
|
||||
text-align: center
|
||||
line-height: 30px
|
||||
|
||||
label span.label-tooltip
|
||||
color: #0086CE
|
||||
text-decoration: none
|
||||
border-bottom: dashed 1px #647858
|
||||
|
||||
label.required:before
|
||||
content: '*'
|
||||
color: red
|
||||
font-size: 14px
|
||||
|
||||
//variables
|
||||
$icon-color: #7A0928
|
||||
|
||||
.icon-AdminCatalog
|
||||
@extend .icon-book
|
||||
background-color: adjust-hue($icon-color, 20)
|
||||
.icon-AdminParentOrders
|
||||
@extend .icon-credit-card
|
||||
background-color: adjust-hue($icon-color, 40)
|
||||
.icon-AdminParentCustomer
|
||||
@extend .icon-group
|
||||
background-color: adjust-hue($icon-color, 60)
|
||||
.icon-AdminPriceRule
|
||||
@extend .icon-tags
|
||||
background-color: adjust-hue($icon-color, 80)
|
||||
.icon-AdminParentShipping
|
||||
@extend .icon-truck
|
||||
background-color: adjust-hue($icon-color, 100)
|
||||
.icon-AdminParentLocalization
|
||||
@extend .icon-globe
|
||||
background-color: adjust-hue($icon-color, 120)
|
||||
.icon-AdminParentModules
|
||||
@extend .icon-puzzle-piece
|
||||
background-color: adjust-hue($icon-color, 140)
|
||||
.icon-AdminParentPreferences
|
||||
@extend .icon-wrench
|
||||
background-color: adjust-hue($icon-color, 160)
|
||||
.icon-AdminTools
|
||||
@extend .icon-cogs
|
||||
background-color: adjust-hue($icon-color, 180)
|
||||
.icon-AdminAdmin
|
||||
@extend .icon-cog
|
||||
background-color: adjust-hue($icon-color, 200)
|
||||
.icon-AdminParentStats
|
||||
@extend .icon-bar-chart
|
||||
background-color: adjust-hue($icon-color, 220)
|
||||
|
||||
.navbar-inner
|
||||
box-shadow: none!important
|
||||
.input-append
|
||||
margin-bottom: 0
|
||||
|
||||
// Tool bar
|
||||
.toolbar_btn
|
||||
@extend .btn
|
||||
@extend .btn-primary
|
||||
&:hover
|
||||
color: #474949
|
||||
border-color: #474949
|
||||
|
||||
[class^="process-icon-"], [class*=" process-icon-"]
|
||||
height: 32px
|
||||
min-width: 32px
|
||||
background-position: center
|
||||
background-repeat: no-repeat
|
||||
display: block
|
||||
font-family: FontAwesome
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 30px
|
||||
line-height: 32px
|
||||
text-decoration: inherit
|
||||
-webkit-font-smoothing: antialiased
|
||||
*margin-right: .3em
|
||||
|
||||
.process-icon-new
|
||||
@extend .icon-plus-sign-alt
|
||||
.process-icon-save
|
||||
@extend .icon-save
|
||||
.process-icon-back
|
||||
@extend .icon-arrow-left
|
||||
.process-icon-save-and-stay
|
||||
@extend .icon-save
|
||||
.process-icon-help
|
||||
@extend .icon-question-sign
|
||||
.process-icon-export
|
||||
@extend .icon-cloud-download
|
||||
.process-icon-import
|
||||
@extend .icon-cloud-upload
|
||||
.process-icon-help-new
|
||||
@extend .icon-question-sign
|
||||
.process-icon-edit
|
||||
@extend .icon-edit
|
||||
.process-icon-newAttributes
|
||||
@extend .icon-plus-sign-alt
|
||||
.process-icon-modules-list
|
||||
@extend .icon-puzzle-piece
|
||||
.process-icon-save-date
|
||||
@extend .icon-download
|
||||
.process-icon-save-status
|
||||
@extend .icon-download
|
||||
.process-icon-new-module
|
||||
@extend .icon-plus
|
||||
|
||||
.page-head
|
||||
position: relative
|
||||
padding: 5px 5px 0 20px
|
||||
min-height: 84px
|
||||
margin-bottom: 20px
|
||||
background: #EBEFF8
|
||||
.page-title
|
||||
margin: 0
|
||||
float: left
|
||||
padding: 0
|
||||
line-height: 80px
|
||||
color: #272822
|
||||
font-weight: normal
|
||||
text-transform: uppercase
|
||||
|
||||
.page-bar
|
||||
float: right
|
||||
padding: 0
|
||||
height: 68px
|
||||
|
||||
.btn-toolbar
|
||||
margin: 0
|
||||
.nav-tabs
|
||||
margin: 0
|
||||
.nav-tabs > li > a
|
||||
color: #333
|
||||
> .active > a, > .active > a:hover
|
||||
color: #3399ff
|
||||
background: #f5f5f5
|
||||
@@ -1,437 +0,0 @@
|
||||
/* ------------------------------------------
|
||||
CSS TOGGLE SWITCHES (Ionuț Colceriu)
|
||||
Licensed under Unlicense
|
||||
https://github.com/ghinda/css-toggle-switch
|
||||
------------------------------------------ */
|
||||
|
||||
/* Hide by default */
|
||||
|
||||
.switch .slide-button,
|
||||
.toggle p span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.switch {
|
||||
width: 120px;
|
||||
background-color: #eee;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.switch label {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
/* Toggle Switches */
|
||||
|
||||
/* We can't test for a specific feature,
|
||||
* so we only target browsers with support for media queries.
|
||||
*/
|
||||
@media only screen {
|
||||
|
||||
/* Checkbox
|
||||
*/
|
||||
.toggle {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
/* Position the label over all the elements, except the slide-button
|
||||
* Clicking anywhere on the label will change the switch-state
|
||||
*/
|
||||
.toggle label {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Don't hide the input from screen-readers and keyboard access
|
||||
*/
|
||||
.toggle input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.toggle p {
|
||||
position: absolute;
|
||||
left: -100px;
|
||||
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding-right: 100px;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.toggle p span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 5;
|
||||
|
||||
display: block;
|
||||
width: 50%;
|
||||
margin-left: 100px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.toggle p span:last-child {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.toggle .slide-button {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 4;
|
||||
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Radio Switch
|
||||
*/
|
||||
.switch {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.switch input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.switch label {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.switch .slide-button {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
z-index: 1;
|
||||
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.switch input:last-of-type:checked ~ .slide-button {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
/* Switch with 3 items */
|
||||
.switch.switch-three label,
|
||||
.switch.switch-three .slide-button {
|
||||
width: 33.3%;
|
||||
}
|
||||
|
||||
.switch.switch-three input:checked:nth-of-type(2) ~ .slide-button {
|
||||
left: 33.3%;
|
||||
}
|
||||
|
||||
.switch.switch-three input:checked:last-of-type ~ .slide-button {
|
||||
left: 66.6%;
|
||||
}
|
||||
|
||||
/* Switch with 4 items */
|
||||
.switch.switch-four label,
|
||||
.switch.switch-four .slide-button {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.switch.switch-four input:checked:nth-of-type(2) ~ .slide-button {
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
.switch.switch-four input:checked:nth-of-type(3) ~ .slide-button {
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.switch.switch-four input:checked:last-of-type ~ .slide-button {
|
||||
left: 75%;
|
||||
}
|
||||
|
||||
/* Switch with 5 items */
|
||||
.switch.switch-five label,
|
||||
.switch.switch-five .slide-button {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:nth-of-type(2) ~ .slide-button {
|
||||
left: 20%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:nth-of-type(3) ~ .slide-button {
|
||||
left: 40%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:nth-of-type(4) ~ .slide-button {
|
||||
left: 60%;
|
||||
}
|
||||
|
||||
.switch.switch-five input:checked:last-of-type ~ .slide-button {
|
||||
left: 80%;
|
||||
}
|
||||
|
||||
/* Shared */
|
||||
.toggle,
|
||||
.switch {
|
||||
display: block;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.switch *,
|
||||
.toggle * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.switch .slide-button,
|
||||
.toggle .slide-button {
|
||||
display: block;
|
||||
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.toggle label,
|
||||
.toggle p,
|
||||
.switch label {
|
||||
line-height: 30px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.toggle input:checked ~ .slide-button {
|
||||
right: 50%;
|
||||
}
|
||||
|
||||
/* Outline the toggles when the inputs are focused */
|
||||
.toggle input:focus ~ .slide-button,
|
||||
.switch input:focus + label {
|
||||
outline: 1px dotted #888;
|
||||
}
|
||||
|
||||
/* Bugfix for older Webkit, including mobile Webkit. Adapted from:
|
||||
* http://css-tricks.com/webkit-sibling-bug/
|
||||
*/
|
||||
.switch, .toggle {
|
||||
-webkit-animation: bugfix infinite 1s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bugfix { from { position: relative; } to { position: relative; } }
|
||||
|
||||
|
||||
/* Standalone Themes */
|
||||
|
||||
|
||||
/* Candy Theme
|
||||
* Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
|
||||
* http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
|
||||
*/
|
||||
|
||||
.candy {
|
||||
background-color: #2d3035;
|
||||
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 1px #191b1e;
|
||||
|
||||
border-radius: 3px;
|
||||
|
||||
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0px rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.candy input:checked + label {
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
|
||||
}
|
||||
|
||||
.candy .slide-button {
|
||||
border: 1px solid #333;
|
||||
|
||||
background-color: #70c66b;
|
||||
|
||||
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
|
||||
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
|
||||
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
|
||||
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
|
||||
background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
|
||||
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
|
||||
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.candy p {
|
||||
color: #333;
|
||||
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.candy span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.candy.blue .slide-button {
|
||||
background-color: #38a3d4;
|
||||
}
|
||||
|
||||
.candy.yellow .slide-button {
|
||||
background-color: #f5e560;
|
||||
}
|
||||
|
||||
/* Android Theme
|
||||
* Based on Holo
|
||||
*/
|
||||
|
||||
.android {
|
||||
background-color: #b6b6b6;
|
||||
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.android.toggle {
|
||||
border: 2px solid #b6b6b6;
|
||||
}
|
||||
|
||||
.android.switch {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.android.switch .slide-button {
|
||||
background-color: #279fca;
|
||||
|
||||
-webkit-transform: skew(20deg) translateX(10px);
|
||||
-moz-transform: skew(20deg) translateX(10px);
|
||||
-ms-transform: skew(20deg) translateX(10px);
|
||||
-o-transform: skew(20deg) translateX(10px);
|
||||
transform: skew(20deg) translateX(10px);
|
||||
}
|
||||
|
||||
.android.toggle .slide-button {
|
||||
border-radius: 2px;
|
||||
|
||||
background-color: #848484;
|
||||
}
|
||||
|
||||
/* Selected ON toggle */
|
||||
.android.toggle input:first-of-type:checked ~ .slide-button {
|
||||
background-color: #279fca;
|
||||
}
|
||||
|
||||
.android.switch input:first-of-type:checked ~ .slide-button {
|
||||
-webkit-transform: skew(20deg) translateX(-10px);
|
||||
-moz-transform: skew(20deg) translateX(-10px);
|
||||
-ms-transform: skew(20deg) translateX(-10px);
|
||||
-o-transform: skew(20deg) translateX(-10px);
|
||||
transform: skew(20deg) translateX(-10px);
|
||||
}
|
||||
|
||||
.android p {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.android span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.android.switch,
|
||||
.android span {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Fix Android/Holo Theme in firefox - force absolute position */
|
||||
.android.switch input {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
/* iOS Theme
|
||||
* Similar to iOS but more accessible
|
||||
*/
|
||||
|
||||
.ios {
|
||||
background: -webkit-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
|
||||
background: -moz-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
|
||||
background: -o-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
|
||||
background: -ms-linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
|
||||
background: linear-gradient(top, #cfcfcf, #efefef 50%, #f9f9f9 50%, #fefefe);
|
||||
|
||||
-webkit-box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;
|
||||
box-shadow: inset 0 2px 2px #b6b6b6, inset 3px 0 3px #b6b6b6;
|
||||
|
||||
border: 1px solid #efefef;
|
||||
border-radius: 3px;
|
||||
|
||||
color: #7f7f7f;
|
||||
font: bold 14px sans-serif;
|
||||
text-align: center;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.ios.toggle .slide-button {
|
||||
border: 1px solid #919191;
|
||||
background: -webkit-linear-gradient(top, #cdcdcd, #fbfbfb);
|
||||
background: -moz-linear-gradient(top, #cdcdcd, #fbfbfb);
|
||||
background: -o-linear-gradient(top, #cdcdcd, #fbfbfb);
|
||||
background: -ms-linear-gradient(top, #cdcdcd, #fbfbfb);
|
||||
background: linear-gradient(top, #cdcdcd, #fbfbfb);
|
||||
|
||||
border-radius: 3px;
|
||||
|
||||
-webkit-box-shadow: inset 0 1px 0 #f0f0f0;
|
||||
box-shadow: inset 0 1px 0 #f0f0f0;
|
||||
}
|
||||
|
||||
/* Selected ON toggle */
|
||||
.ios.toggle input:first-of-type:checked ~ p span:first-child,
|
||||
.ios.switch input:checked + label {
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 #1b3b6f;
|
||||
}
|
||||
|
||||
.ios.toggle input:first-of-type:checked ~ .slide-button,
|
||||
.ios.switch .slide-button {
|
||||
background: -webkit-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
|
||||
background: -moz-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
|
||||
background: -o-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
|
||||
background: -ms-linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
|
||||
background: linear-gradient(top, #3672dc, #4085ec 50%, #4d8fef 50%, #76adfc);
|
||||
|
||||
border-radius: 3px;
|
||||
border: 1px solid #1654b5;
|
||||
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
|
||||
font: bold 14px sans-serif;
|
||||
text-shadow: 0 -1px 0 #1b3b6f;
|
||||
}
|
||||
|
||||
.ios.toggle p span {
|
||||
color: #7f7f7f;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,981 +0,0 @@
|
||||
/*
|
||||
* 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.
|
||||
*/
|
||||
@-ms-viewport {
|
||||
width: device-width; }
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
visibility: hidden; }
|
||||
|
||||
.visible-phone {
|
||||
display: none !important; }
|
||||
|
||||
.visible-tablet {
|
||||
display: none !important; }
|
||||
|
||||
.hidden-desktop {
|
||||
display: none !important; }
|
||||
|
||||
.visible-desktop {
|
||||
display: inherit !important; }
|
||||
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.hidden-desktop {
|
||||
display: inherit !important; }
|
||||
|
||||
.visible-desktop {
|
||||
display: none !important; }
|
||||
|
||||
.visible-tablet {
|
||||
display: inherit !important; }
|
||||
|
||||
.hidden-tablet {
|
||||
display: none !important; } }
|
||||
@media (max-width: 767px) {
|
||||
.hidden-desktop {
|
||||
display: inherit !important; }
|
||||
|
||||
.visible-desktop {
|
||||
display: none !important; }
|
||||
|
||||
.visible-phone {
|
||||
display: inherit !important; }
|
||||
|
||||
.hidden-phone {
|
||||
display: none !important; } }
|
||||
.visible-print {
|
||||
display: none !important; }
|
||||
|
||||
@media print {
|
||||
.visible-print {
|
||||
display: inherit !important; }
|
||||
|
||||
.hidden-print {
|
||||
display: none !important; } }
|
||||
.clearfix {
|
||||
*zoom: 1; }
|
||||
.clearfix:before, .clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0; }
|
||||
.clearfix:after {
|
||||
clear: both; }
|
||||
|
||||
.hide-text {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0; }
|
||||
|
||||
.input-block-level {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.row {
|
||||
margin-left: -30px;
|
||||
*zoom: 1; }
|
||||
.row:before, .row:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0; }
|
||||
.row:after {
|
||||
clear: both; }
|
||||
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
margin-left: 30px; }
|
||||
|
||||
.container,
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container {
|
||||
width: 1170px; }
|
||||
|
||||
.span1 {
|
||||
width: 70px; }
|
||||
|
||||
.span2 {
|
||||
width: 170px; }
|
||||
|
||||
.span3 {
|
||||
width: 270px; }
|
||||
|
||||
.span4 {
|
||||
width: 370px; }
|
||||
|
||||
.span5 {
|
||||
width: 470px; }
|
||||
|
||||
.span6 {
|
||||
width: 570px; }
|
||||
|
||||
.span7 {
|
||||
width: 670px; }
|
||||
|
||||
.span8 {
|
||||
width: 770px; }
|
||||
|
||||
.span9 {
|
||||
width: 870px; }
|
||||
|
||||
.span10 {
|
||||
width: 970px; }
|
||||
|
||||
.span11 {
|
||||
width: 1070px; }
|
||||
|
||||
.span12 {
|
||||
width: 1170px; }
|
||||
|
||||
.offset1 {
|
||||
margin-left: 130px; }
|
||||
|
||||
.offset2 {
|
||||
margin-left: 230px; }
|
||||
|
||||
.offset3 {
|
||||
margin-left: 330px; }
|
||||
|
||||
.offset4 {
|
||||
margin-left: 430px; }
|
||||
|
||||
.offset5 {
|
||||
margin-left: 530px; }
|
||||
|
||||
.offset6 {
|
||||
margin-left: 630px; }
|
||||
|
||||
.offset7 {
|
||||
margin-left: 730px; }
|
||||
|
||||
.offset8 {
|
||||
margin-left: 830px; }
|
||||
|
||||
.offset9 {
|
||||
margin-left: 930px; }
|
||||
|
||||
.offset10 {
|
||||
margin-left: 1030px; }
|
||||
|
||||
.offset11 {
|
||||
margin-left: 1130px; }
|
||||
|
||||
.offset12 {
|
||||
margin-left: 1230px; }
|
||||
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
*zoom: 1; }
|
||||
.row-fluid:before, .row-fluid:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0; }
|
||||
.row-fluid:after {
|
||||
clear: both; }
|
||||
.row-fluid [class*="span"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
margin-left: 2.5641%;
|
||||
*margin-left: 2.51091%; }
|
||||
.row-fluid [class*="span"]:first-child {
|
||||
margin-left: 0; }
|
||||
.row-fluid .controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 2.5641%; }
|
||||
.row-fluid .span1 {
|
||||
width: 5.98291%;
|
||||
*width: 5.92971%; }
|
||||
.row-fluid .span2 {
|
||||
width: 14.52991%;
|
||||
*width: 14.47672%; }
|
||||
.row-fluid .span3 {
|
||||
width: 23.07692%;
|
||||
*width: 23.02373%; }
|
||||
.row-fluid .span4 {
|
||||
width: 31.62393%;
|
||||
*width: 31.57074%; }
|
||||
.row-fluid .span5 {
|
||||
width: 40.17094%;
|
||||
*width: 40.11775%; }
|
||||
.row-fluid .span6 {
|
||||
width: 48.71795%;
|
||||
*width: 48.66476%; }
|
||||
.row-fluid .span7 {
|
||||
width: 57.26496%;
|
||||
*width: 57.21177%; }
|
||||
.row-fluid .span8 {
|
||||
width: 65.81197%;
|
||||
*width: 65.75877%; }
|
||||
.row-fluid .span9 {
|
||||
width: 74.35897%;
|
||||
*width: 74.30578%; }
|
||||
.row-fluid .span10 {
|
||||
width: 82.90598%;
|
||||
*width: 82.85279%; }
|
||||
.row-fluid .span11 {
|
||||
width: 91.45299%;
|
||||
*width: 91.3998%; }
|
||||
.row-fluid .span12 {
|
||||
width: 100%;
|
||||
*width: 99.94681%; }
|
||||
.row-fluid .offset1 {
|
||||
margin-left: 11.11111%;
|
||||
*margin-left: 11.00473%; }
|
||||
.row-fluid .offset1:first-child {
|
||||
margin-left: 8.54701%;
|
||||
*margin-left: 8.44063%; }
|
||||
.row-fluid .offset2 {
|
||||
margin-left: 19.65812%;
|
||||
*margin-left: 19.55174%; }
|
||||
.row-fluid .offset2:first-child {
|
||||
margin-left: 17.09402%;
|
||||
*margin-left: 16.98763%; }
|
||||
.row-fluid .offset3 {
|
||||
margin-left: 28.20513%;
|
||||
*margin-left: 28.09875%; }
|
||||
.row-fluid .offset3:first-child {
|
||||
margin-left: 25.64103%;
|
||||
*margin-left: 25.53464%; }
|
||||
.row-fluid .offset4 {
|
||||
margin-left: 36.75214%;
|
||||
*margin-left: 36.64575%; }
|
||||
.row-fluid .offset4:first-child {
|
||||
margin-left: 34.18803%;
|
||||
*margin-left: 34.08165%; }
|
||||
.row-fluid .offset5 {
|
||||
margin-left: 45.29915%;
|
||||
*margin-left: 45.19276%; }
|
||||
.row-fluid .offset5:first-child {
|
||||
margin-left: 42.73504%;
|
||||
*margin-left: 42.62866%; }
|
||||
.row-fluid .offset6 {
|
||||
margin-left: 53.84615%;
|
||||
*margin-left: 53.73977%; }
|
||||
.row-fluid .offset6:first-child {
|
||||
margin-left: 51.28205%;
|
||||
*margin-left: 51.17567%; }
|
||||
.row-fluid .offset7 {
|
||||
margin-left: 62.39316%;
|
||||
*margin-left: 62.28678%; }
|
||||
.row-fluid .offset7:first-child {
|
||||
margin-left: 59.82906%;
|
||||
*margin-left: 59.72268%; }
|
||||
.row-fluid .offset8 {
|
||||
margin-left: 70.94017%;
|
||||
*margin-left: 70.83379%; }
|
||||
.row-fluid .offset8:first-child {
|
||||
margin-left: 68.37607%;
|
||||
*margin-left: 68.26969%; }
|
||||
.row-fluid .offset9 {
|
||||
margin-left: 79.48718%;
|
||||
*margin-left: 79.3808%; }
|
||||
.row-fluid .offset9:first-child {
|
||||
margin-left: 76.92308%;
|
||||
*margin-left: 76.81669%; }
|
||||
.row-fluid .offset10 {
|
||||
margin-left: 88.03419%;
|
||||
*margin-left: 87.92781%; }
|
||||
.row-fluid .offset10:first-child {
|
||||
margin-left: 85.47009%;
|
||||
*margin-left: 85.3637%; }
|
||||
.row-fluid .offset11 {
|
||||
margin-left: 96.5812%;
|
||||
*margin-left: 96.47481%; }
|
||||
.row-fluid .offset11:first-child {
|
||||
margin-left: 94.01709%;
|
||||
*margin-left: 93.91071%; }
|
||||
.row-fluid .offset12 {
|
||||
margin-left: 105.12821%;
|
||||
*margin-left: 105.02182%; }
|
||||
.row-fluid .offset12:first-child {
|
||||
margin-left: 102.5641%;
|
||||
*margin-left: 102.45772%; }
|
||||
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0; }
|
||||
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 30px; }
|
||||
|
||||
input.span1,
|
||||
textarea.span1,
|
||||
.uneditable-input.span1 {
|
||||
width: 56px; }
|
||||
|
||||
input.span2,
|
||||
textarea.span2,
|
||||
.uneditable-input.span2 {
|
||||
width: 156px; }
|
||||
|
||||
input.span3,
|
||||
textarea.span3,
|
||||
.uneditable-input.span3 {
|
||||
width: 256px; }
|
||||
|
||||
input.span4,
|
||||
textarea.span4,
|
||||
.uneditable-input.span4 {
|
||||
width: 356px; }
|
||||
|
||||
input.span5,
|
||||
textarea.span5,
|
||||
.uneditable-input.span5 {
|
||||
width: 456px; }
|
||||
|
||||
input.span6,
|
||||
textarea.span6,
|
||||
.uneditable-input.span6 {
|
||||
width: 556px; }
|
||||
|
||||
input.span7,
|
||||
textarea.span7,
|
||||
.uneditable-input.span7 {
|
||||
width: 656px; }
|
||||
|
||||
input.span8,
|
||||
textarea.span8,
|
||||
.uneditable-input.span8 {
|
||||
width: 756px; }
|
||||
|
||||
input.span9,
|
||||
textarea.span9,
|
||||
.uneditable-input.span9 {
|
||||
width: 856px; }
|
||||
|
||||
input.span10,
|
||||
textarea.span10,
|
||||
.uneditable-input.span10 {
|
||||
width: 956px; }
|
||||
|
||||
input.span11,
|
||||
textarea.span11,
|
||||
.uneditable-input.span11 {
|
||||
width: 1056px; }
|
||||
|
||||
input.span12,
|
||||
textarea.span12,
|
||||
.uneditable-input.span12 {
|
||||
width: 1156px; }
|
||||
|
||||
.thumbnails {
|
||||
margin-left: -30px; }
|
||||
|
||||
.thumbnails > li {
|
||||
margin-left: 30px; }
|
||||
|
||||
.row-fluid .thumbnails {
|
||||
margin-left: 0; } }
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.row {
|
||||
margin-left: -20px;
|
||||
*zoom: 1; }
|
||||
.row:before, .row:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0; }
|
||||
.row:after {
|
||||
clear: both; }
|
||||
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
margin-left: 20px; }
|
||||
|
||||
.container,
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container {
|
||||
width: 724px; }
|
||||
|
||||
.span1 {
|
||||
width: 42px; }
|
||||
|
||||
.span2 {
|
||||
width: 104px; }
|
||||
|
||||
.span3 {
|
||||
width: 166px; }
|
||||
|
||||
.span4 {
|
||||
width: 228px; }
|
||||
|
||||
.span5 {
|
||||
width: 290px; }
|
||||
|
||||
.span6 {
|
||||
width: 352px; }
|
||||
|
||||
.span7 {
|
||||
width: 414px; }
|
||||
|
||||
.span8 {
|
||||
width: 476px; }
|
||||
|
||||
.span9 {
|
||||
width: 538px; }
|
||||
|
||||
.span10 {
|
||||
width: 600px; }
|
||||
|
||||
.span11 {
|
||||
width: 662px; }
|
||||
|
||||
.span12 {
|
||||
width: 724px; }
|
||||
|
||||
.offset1 {
|
||||
margin-left: 82px; }
|
||||
|
||||
.offset2 {
|
||||
margin-left: 144px; }
|
||||
|
||||
.offset3 {
|
||||
margin-left: 206px; }
|
||||
|
||||
.offset4 {
|
||||
margin-left: 268px; }
|
||||
|
||||
.offset5 {
|
||||
margin-left: 330px; }
|
||||
|
||||
.offset6 {
|
||||
margin-left: 392px; }
|
||||
|
||||
.offset7 {
|
||||
margin-left: 454px; }
|
||||
|
||||
.offset8 {
|
||||
margin-left: 516px; }
|
||||
|
||||
.offset9 {
|
||||
margin-left: 578px; }
|
||||
|
||||
.offset10 {
|
||||
margin-left: 640px; }
|
||||
|
||||
.offset11 {
|
||||
margin-left: 702px; }
|
||||
|
||||
.offset12 {
|
||||
margin-left: 764px; }
|
||||
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
*zoom: 1; }
|
||||
.row-fluid:before, .row-fluid:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0; }
|
||||
.row-fluid:after {
|
||||
clear: both; }
|
||||
.row-fluid [class*="span"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
float: left;
|
||||
margin-left: 2.76243%;
|
||||
*margin-left: 2.70924%; }
|
||||
.row-fluid [class*="span"]:first-child {
|
||||
margin-left: 0; }
|
||||
.row-fluid .controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 2.76243%; }
|
||||
.row-fluid .span1 {
|
||||
width: 5.8011%;
|
||||
*width: 5.74791%; }
|
||||
.row-fluid .span2 {
|
||||
width: 14.36464%;
|
||||
*width: 14.31145%; }
|
||||
.row-fluid .span3 {
|
||||
width: 22.92818%;
|
||||
*width: 22.87499%; }
|
||||
.row-fluid .span4 {
|
||||
width: 31.49171%;
|
||||
*width: 31.43852%; }
|
||||
.row-fluid .span5 {
|
||||
width: 40.05525%;
|
||||
*width: 40.00206%; }
|
||||
.row-fluid .span6 {
|
||||
width: 48.61878%;
|
||||
*width: 48.56559%; }
|
||||
.row-fluid .span7 {
|
||||
width: 57.18232%;
|
||||
*width: 57.12913%; }
|
||||
.row-fluid .span8 {
|
||||
width: 65.74586%;
|
||||
*width: 65.69266%; }
|
||||
.row-fluid .span9 {
|
||||
width: 74.30939%;
|
||||
*width: 74.2562%; }
|
||||
.row-fluid .span10 {
|
||||
width: 82.87293%;
|
||||
*width: 82.81974%; }
|
||||
.row-fluid .span11 {
|
||||
width: 91.43646%;
|
||||
*width: 91.38327%; }
|
||||
.row-fluid .span12 {
|
||||
width: 100%;
|
||||
*width: 99.94681%; }
|
||||
.row-fluid .offset1 {
|
||||
margin-left: 11.32597%;
|
||||
*margin-left: 11.21958%; }
|
||||
.row-fluid .offset1:first-child {
|
||||
margin-left: 8.56354%;
|
||||
*margin-left: 8.45715%; }
|
||||
.row-fluid .offset2 {
|
||||
margin-left: 19.8895%;
|
||||
*margin-left: 19.78312%; }
|
||||
.row-fluid .offset2:first-child {
|
||||
margin-left: 17.12707%;
|
||||
*margin-left: 17.02069%; }
|
||||
.row-fluid .offset3 {
|
||||
margin-left: 28.45304%;
|
||||
*margin-left: 28.34666%; }
|
||||
.row-fluid .offset3:first-child {
|
||||
margin-left: 25.69061%;
|
||||
*margin-left: 25.58422%; }
|
||||
.row-fluid .offset4 {
|
||||
margin-left: 37.01657%;
|
||||
*margin-left: 36.91019%; }
|
||||
.row-fluid .offset4:first-child {
|
||||
margin-left: 34.25414%;
|
||||
*margin-left: 34.14776%; }
|
||||
.row-fluid .offset5 {
|
||||
margin-left: 45.58011%;
|
||||
*margin-left: 45.47373%; }
|
||||
.row-fluid .offset5:first-child {
|
||||
margin-left: 42.81768%;
|
||||
*margin-left: 42.7113%; }
|
||||
.row-fluid .offset6 {
|
||||
margin-left: 54.14365%;
|
||||
*margin-left: 54.03726%; }
|
||||
.row-fluid .offset6:first-child {
|
||||
margin-left: 51.38122%;
|
||||
*margin-left: 51.27483%; }
|
||||
.row-fluid .offset7 {
|
||||
margin-left: 62.70718%;
|
||||
*margin-left: 62.6008%; }
|
||||
.row-fluid .offset7:first-child {
|
||||
margin-left: 59.94475%;
|
||||
*margin-left: 59.83837%; }
|
||||
.row-fluid .offset8 {
|
||||
margin-left: 71.27072%;
|
||||
*margin-left: 71.16434%; }
|
||||
.row-fluid .offset8:first-child {
|
||||
margin-left: 68.50829%;
|
||||
*margin-left: 68.4019%; }
|
||||
.row-fluid .offset9 {
|
||||
margin-left: 79.83425%;
|
||||
*margin-left: 79.72787%; }
|
||||
.row-fluid .offset9:first-child {
|
||||
margin-left: 77.07182%;
|
||||
*margin-left: 76.96544%; }
|
||||
.row-fluid .offset10 {
|
||||
margin-left: 88.39779%;
|
||||
*margin-left: 88.29141%; }
|
||||
.row-fluid .offset10:first-child {
|
||||
margin-left: 85.63536%;
|
||||
*margin-left: 85.52898%; }
|
||||
.row-fluid .offset11 {
|
||||
margin-left: 96.96133%;
|
||||
*margin-left: 96.85494%; }
|
||||
.row-fluid .offset11:first-child {
|
||||
margin-left: 94.1989%;
|
||||
*margin-left: 94.09251%; }
|
||||
.row-fluid .offset12 {
|
||||
margin-left: 105.52486%;
|
||||
*margin-left: 105.41848%; }
|
||||
.row-fluid .offset12:first-child {
|
||||
margin-left: 102.76243%;
|
||||
*margin-left: 102.65605%; }
|
||||
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0; }
|
||||
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 20px; }
|
||||
|
||||
input.span1,
|
||||
textarea.span1,
|
||||
.uneditable-input.span1 {
|
||||
width: 28px; }
|
||||
|
||||
input.span2,
|
||||
textarea.span2,
|
||||
.uneditable-input.span2 {
|
||||
width: 90px; }
|
||||
|
||||
input.span3,
|
||||
textarea.span3,
|
||||
.uneditable-input.span3 {
|
||||
width: 152px; }
|
||||
|
||||
input.span4,
|
||||
textarea.span4,
|
||||
.uneditable-input.span4 {
|
||||
width: 214px; }
|
||||
|
||||
input.span5,
|
||||
textarea.span5,
|
||||
.uneditable-input.span5 {
|
||||
width: 276px; }
|
||||
|
||||
input.span6,
|
||||
textarea.span6,
|
||||
.uneditable-input.span6 {
|
||||
width: 338px; }
|
||||
|
||||
input.span7,
|
||||
textarea.span7,
|
||||
.uneditable-input.span7 {
|
||||
width: 400px; }
|
||||
|
||||
input.span8,
|
||||
textarea.span8,
|
||||
.uneditable-input.span8 {
|
||||
width: 462px; }
|
||||
|
||||
input.span9,
|
||||
textarea.span9,
|
||||
.uneditable-input.span9 {
|
||||
width: 524px; }
|
||||
|
||||
input.span10,
|
||||
textarea.span10,
|
||||
.uneditable-input.span10 {
|
||||
width: 586px; }
|
||||
|
||||
input.span11,
|
||||
textarea.span11,
|
||||
.uneditable-input.span11 {
|
||||
width: 648px; }
|
||||
|
||||
input.span12,
|
||||
textarea.span12,
|
||||
.uneditable-input.span12 {
|
||||
width: 710px; } }
|
||||
@media (max-width: 767px) {
|
||||
body {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px; }
|
||||
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom,
|
||||
.navbar-static-top {
|
||||
margin-left: -20px;
|
||||
margin-right: -20px; }
|
||||
|
||||
.container-fluid {
|
||||
padding: 0; }
|
||||
|
||||
.dl-horizontal dt {
|
||||
float: none;
|
||||
clear: none;
|
||||
width: auto;
|
||||
text-align: left; }
|
||||
.dl-horizontal dd {
|
||||
margin-left: 0; }
|
||||
|
||||
.container {
|
||||
width: auto; }
|
||||
|
||||
.row-fluid {
|
||||
width: 100%; }
|
||||
|
||||
.row,
|
||||
.thumbnails {
|
||||
margin-left: 0; }
|
||||
|
||||
.thumbnails > li {
|
||||
float: none;
|
||||
margin-left: 0; }
|
||||
|
||||
[class*="span"],
|
||||
.uneditable-input[class*="span"],
|
||||
.row-fluid [class*="span"] {
|
||||
float: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.span12,
|
||||
.row-fluid .span12 {
|
||||
width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.row-fluid [class*="offset"]:first-child {
|
||||
margin-left: 0; }
|
||||
|
||||
.input-large,
|
||||
.input-xlarge,
|
||||
.input-xxlarge,
|
||||
input[class*="span"],
|
||||
select[class*="span"],
|
||||
textarea[class*="span"],
|
||||
.uneditable-input {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.input-prepend input,
|
||||
.input-append input,
|
||||
.input-prepend input[class*="span"],
|
||||
.input-append input[class*="span"] {
|
||||
display: inline-block;
|
||||
width: auto; }
|
||||
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 0; }
|
||||
|
||||
.modal {
|
||||
position: fixed;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
right: 20px;
|
||||
width: auto;
|
||||
margin: 0; }
|
||||
.modal.fade {
|
||||
top: -100px; }
|
||||
.modal.fade.in {
|
||||
top: 20px; } }
|
||||
@media (max-width: 480px) {
|
||||
.nav-collapse {
|
||||
-webkit-transform: translate3d(0, 0, 0); }
|
||||
|
||||
.page-header h1 small {
|
||||
display: block;
|
||||
line-height: 20px; }
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
border: 1px solid #ccc; }
|
||||
|
||||
.form-horizontal .control-label {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
text-align: left; }
|
||||
.form-horizontal .controls {
|
||||
margin-left: 0; }
|
||||
.form-horizontal .control-list {
|
||||
padding-top: 0; }
|
||||
.form-horizontal .form-actions {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px; }
|
||||
|
||||
.media .pull-left,
|
||||
.media .pull-right {
|
||||
float: none;
|
||||
display: block;
|
||||
margin-bottom: 10px; }
|
||||
|
||||
.media-object {
|
||||
margin-right: 0;
|
||||
margin-left: 0; }
|
||||
|
||||
.modal {
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
right: 10px; }
|
||||
|
||||
.modal-header .close {
|
||||
padding: 10px;
|
||||
margin: -10px; }
|
||||
|
||||
.carousel-caption {
|
||||
position: static; } }
|
||||
@media (max-width: 979px) {
|
||||
body {
|
||||
padding-top: 0; }
|
||||
|
||||
.navbar-fixed-top,
|
||||
.navbar-fixed-bottom {
|
||||
position: static; }
|
||||
|
||||
.navbar-fixed-top {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.navbar-fixed-bottom {
|
||||
margin-top: 20px; }
|
||||
|
||||
.navbar-fixed-top .navbar-inner,
|
||||
.navbar-fixed-bottom .navbar-inner {
|
||||
padding: 5px; }
|
||||
|
||||
.navbar .container {
|
||||
width: auto;
|
||||
padding: 0; }
|
||||
|
||||
.navbar .brand {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin: 0 0 0 -5px; }
|
||||
|
||||
.nav-collapse {
|
||||
clear: both; }
|
||||
|
||||
.nav-collapse .nav {
|
||||
float: none;
|
||||
margin: 0 0 10px; }
|
||||
|
||||
.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: #777777;
|
||||
text-shadow: none; }
|
||||
|
||||
.nav-collapse .nav > li > a,
|
||||
.nav-collapse .dropdown-menu a {
|
||||
padding: 9px 15px;
|
||||
font-weight: bold;
|
||||
color: #777777;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px; }
|
||||
|
||||
.nav-collapse .btn {
|
||||
padding: 4px 10px 4px;
|
||||
font-weight: normal;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px; }
|
||||
|
||||
.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: #f2f2f2; }
|
||||
|
||||
.navbar-inverse .nav-collapse .nav > li > a,
|
||||
.navbar-inverse .nav-collapse .dropdown-menu a {
|
||||
color: #999999; }
|
||||
|
||||
.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: #111111; }
|
||||
|
||||
.nav-collapse.in .btn-group {
|
||||
margin-top: 5px;
|
||||
padding: 0; }
|
||||
|
||||
.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;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
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, .nav-collapse .nav > li > .dropdown-menu:after {
|
||||
display: none; }
|
||||
|
||||
.nav-collapse .navbar-form,
|
||||
.nav-collapse .navbar-search {
|
||||
float: none;
|
||||
padding: 10px 15px;
|
||||
margin: 10px 0;
|
||||
border-top: 1px solid #f2f2f2;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }
|
||||
|
||||
.navbar-inverse .nav-collapse .navbar-form,
|
||||
.navbar-inverse .nav-collapse .navbar-search {
|
||||
border-top-color: #111111;
|
||||
border-bottom-color: #111111; }
|
||||
|
||||
.navbar .nav-collapse .nav.pull-right {
|
||||
float: none;
|
||||
margin-left: 0; }
|
||||
|
||||
.nav-collapse,
|
||||
.nav-collapse.collapse {
|
||||
overflow: hidden;
|
||||
height: 0; }
|
||||
|
||||
.navbar .btn-navbar {
|
||||
display: block; }
|
||||
|
||||
.navbar-static .navbar-inner {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px; } }
|
||||
@media (min-width: 980px) {
|
||||
.nav-collapse.collapse {
|
||||
height: auto !important;
|
||||
overflow: visible !important; } }
|
||||
@media (max-width: 1300px) {
|
||||
body.fixed-top {
|
||||
top: 0; }
|
||||
|
||||
#content {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
margin-left: 0; }
|
||||
|
||||
.page-sidebar {
|
||||
display: none; } }
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user