2014-05-13 23:04:42 +02:00
/ * !
2014-11-04 19:32:18 +01:00
* Bootstrap v3 . 1 . 1 ( http : / / getbootstrap . com )
2014-05-13 23:04:42 +02:00
* Copyright 2011-2014 Twitter , Inc .
* Licensed under MIT ( https : / / github . com / twbs / bootstrap / blob / master / LICENSE )
2014-11-04 19:32:18 +01:00
* /
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html { font-family : sans-serif ; -ms- text-size-adjust : 100 % ; -webkit- text-size-adjust : 100 % } body { margin : 0 } article , aside , details , figcaption , figure , footer , header , hgroup , main , nav , section , summary { display : block } audio , canvas , progress , video { display : inline-block ; vertical-align : baseline } audio : not ( [ controls ] ) { display : none ; height : 0 } [ hidden ] , template { display : none } a { background : 0 0 } a : active , a : hover { outline : 0 } abbr [ title ] { border-bottom : 1 px dotted } b , strong { font-weight : 700 } dfn { font-style : italic } h1 { font-size : 2 em ; margin : .67 em 0 } mark { background : #ff0 ; color : #000 } small { font-size : 80 % } sub , sup { font-size : 75 % ; line-height : 0 ; position : relative ; vertical-align : baseline } sup { top : -.5 em } sub { bottom : -.25 em } img { border : 0 } svg : not ( : root ) { overflow : hidden } figure { margin : 1 em 40 px } hr { -moz- box-sizing : content-box ; box-sizing : content-box ; height : 0 } pre { overflow : auto } code , kbd , pre , samp { font-family : monospace , monospace ; font-size : 1 em } button , input , optgroup , select , textarea { color : inherit ; font : inherit ; margin : 0 } button { overflow : visible } button , select { text-transform : none } button , html input [ type = button ] , input [ type = reset ] , input [ type = submit ] { -webkit- appearance : button ; cursor : pointer } button [ disabled ] , html input [ disabled ] { cursor : default } button :: -moz-focus-inner , input :: -moz-focus-inner { border : 0 ; padding : 0 } input { line-height : normal } input [ type = checkbox ] , input [ type = radio ] { box-sizing : border-box ; padding : 0 } input [ type = number ] :: -webkit-inner-spin-button , input [ type = number ] :: -webkit-outer-spin-button { height : auto } input [ type = search ] { -webkit- appearance : textfield ; -moz- box-sizing : content-box ; -webkit- box-sizing : content-box ; box-sizing : content-box } input [ type = search ] :: -webkit-search-cancel-button , input [ type = search ] :: -webkit-search-decoration { -webkit- appearance : none } fieldset { border : 1 px solid silver ; margin : 0 2 px ; padding : .35 em .625 em .75 em } legend { border : 0 ; padding : 0 } textarea { overflow : auto } optgroup { font-weight : 700 } table { border-collapse : collapse ; border-spacing : 0 } td , th { padding : 0 } @ media print { * { text-shadow : none !important ; color : #000 !important ; 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 ) ")" } a [ href ^ = "javascript:" ] : after , a [ href ^ = "#" ] : after { content : "" } pre , blockquote { border : 1 px solid #999 ; page-break-inside : avoid } thead { display : table-header-group } tr , img { page-break-inside : avoid } img { max-width : 100 % !important } p , h2 , h3 { orphans : 3 ; widows : 3 } h2 , h3 { page-break-after : avoid } select { background : #fff !important } . navbar { display : none } . table td , . table th { background-color : #fff !important } . btn > . caret , . dropup > . btn > . caret { border-top-color : #000 !important } . label { border : 1 px solid #000 } . table { border-collapse : collapse !important } . table-bordered th , . table-bordered td { border : 1 px solid #ddd !important } } * { -webkit- box-sizing : border-box ; -moz- box-sizing : border-box ; box-sizing : border-box } : before , : after { -webkit- box-sizing : border-box ; -moz- box-sizing : border-box ; box-sizing : border-box } html { font-size : 62.5 % ; -webkit- tap-highlight-color : rgba ( 0 , 0 , 0 , 0 ) } body { font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ; font-size : 14 px ; line-height : 1.42857143 ; color : #333 ; background-color : #fff } input , button , select , textarea { font-family : inherit ; font-size : inherit ; line-height : inherit } a { color : #428bca ; text-decoration : none } a : hover , a : focus { color : #2a6496 ; text-decoration : underline } a : focus { outline : thin dotted ; outline : 5 px auto -webkit- focus-ring-color ; outline-offset : -2 px } figure { margin : 0 } img { vertical-align : middle } . img-responsive , . thumbnail > img , . thumbnail a > img , . carousel-inner > . item > img , . carousel-inner > . item > a > img { display : block ; max-width : 100 % ; height : auto } . img-rounded { border-radius : 6 px } . img-thumbnail { padding : 4 px ; line-height : 1.42857143 ; background-color : #fff ; border : 1 px solid #ddd ; border-radius : 4 px ; -webkit- transition : all .2 s ease-in-out ; transition : all .2 s ease-in-out ; display : inline-block ; max-width : 100 % ; height : auto } . img-circle { border-radius : 50 % } hr { margin-top : 20 px ; margin-bottom : 20 px ; border : 0 ; border-top : 1 px solid #eee } . sr-only { position : absolute ; width : 1 px ; height : 1 px ; margin : -1 px ; padding : 0 ; overflow : hidden ; clip : rect ( 0 , 0 , 0 , 0 ) ; border : 0 }
2014-05-13 23:04:42 +02:00
/ *
* Table styles
* /
table . dataTable {
width : 100 % ;
margin : 0 auto ;
clear : both ;
border-collapse : separate ;
border-spacing : 0 ;
/ *
* Header and footer styles
* /
/ *
* Body styles
* /
}
table . dataTable thead th ,
table . dataTable tfoot th {
font-weight : bold ;
}
table . dataTable thead th ,
table . dataTable thead td {
padding : 10px 18px ;
border-bottom : 1px solid # 111111 ;
}
table . dataTable thead th : active ,
table . dataTable thead td : active {
outline : none ;
}
table . dataTable tfoot th ,
table . dataTable tfoot td {
padding : 10px 18px 6px 18px ;
border-top : 1px solid # 111111 ;
}
table . dataTable thead . sorting_asc ,
table . dataTable thead . sorting_desc ,
table . dataTable thead . sorting {
cursor : pointer ;
* cursor : hand ;
}
table . dataTable thead . sorting {
2014-10-31 17:26:22 +01:00
background : url ( "vendor/datatables/media/css/../images/sort_both.png" ) no-repeat center right ;
2014-05-13 23:04:42 +02:00
}
table . dataTable thead . sorting_asc {
2014-10-31 17:26:22 +01:00
background : url ( "vendor/datatables/media/css/../images/sort_asc.png" ) no-repeat center right ;
2014-05-13 23:04:42 +02:00
}
table . dataTable thead . sorting_desc {
2014-10-31 17:26:22 +01:00
background : url ( "vendor/datatables/media/css/../images/sort_desc.png" ) no-repeat center right ;
2014-05-13 23:04:42 +02:00
}
table . dataTable thead . sorting_asc_disabled {
2014-10-31 17:26:22 +01:00
background : url ( "vendor/datatables/media/css/../images/sort_asc_disabled.png" ) no-repeat center right ;
2014-05-13 23:04:42 +02:00
}
table . dataTable thead . sorting_desc_disabled {
2014-10-31 17:26:22 +01:00
background : url ( "vendor/datatables/media/css/../images/sort_desc_disabled.png" ) no-repeat center right ;
2014-05-13 23:04:42 +02:00
}
table . dataTable tbody tr {
background-color : white ;
}
table . dataTable tbody tr . selected {
background-color : # b0bed9 ;
}
table . dataTable tbody th ,
table . dataTable tbody td {
padding : 8px 10px ;
}
2014-10-31 17:26:22 +01:00
table . dataTable th . center ,
table . dataTable td . center ,
table . dataTable td . dataTables_empty {
text-align : center ;
}
table . dataTable th . right ,
table . dataTable td . right {
text-align : right ;
}
2014-05-13 23:04:42 +02:00
table . dataTable . row-border tbody th , table . dataTable . row-border tbody td , table . dataTable . display tbody th , table . dataTable . display tbody td {
border-top : 1px solid # dddddd ;
}
table . dataTable . row-border tbody tr : first-child th ,
table . dataTable . row-border tbody tr : first-child td , table . dataTable . display tbody tr : first-child th ,
table . dataTable . display tbody tr : first-child td {
border-top : none ;
}
table . dataTable . cell-border tbody th , table . dataTable . cell-border tbody td {
border-top : 1px solid # dddddd ;
border-right : 1px solid # dddddd ;
}
table . dataTable . cell-border tbody tr th : first-child ,
table . dataTable . cell-border tbody tr td : first-child {
border-left : 1px solid # dddddd ;
}
table . dataTable . cell-border tbody tr : first-child th ,
table . dataTable . cell-border tbody tr : first-child td {
border-top : none ;
}
table . dataTable . stripe tbody tr . odd , table . dataTable . display tbody tr . odd {
background-color : # f9f9f9 ;
}
table . dataTable . stripe tbody tr . odd . selected , table . dataTable . display tbody tr . odd . selected {
background-color : # abb9d3 ;
}
table . dataTable . hover tbody tr : hover ,
table . dataTable . hover tbody tr . odd : hover ,
table . dataTable . hover tbody tr . even : hover , table . dataTable . display tbody tr : hover ,
table . dataTable . display tbody tr . odd : hover ,
table . dataTable . display tbody tr . even : hover {
background-color : whitesmoke ;
}
table . dataTable . hover tbody tr : hover . selected ,
table . dataTable . hover tbody tr . odd : hover . selected ,
table . dataTable . hover tbody tr . even : hover . selected , table . dataTable . display tbody tr : hover . selected ,
table . dataTable . display tbody tr . odd : hover . selected ,
table . dataTable . display tbody tr . even : hover . selected {
background-color : # a9b7d1 ;
}
table . dataTable . order-column tbody tr > . sorting_1 ,
table . dataTable . order-column tbody tr > . sorting_2 ,
table . dataTable . order-column tbody tr > . sorting_3 , table . dataTable . display tbody tr > . sorting_1 ,
table . dataTable . display tbody tr > . sorting_2 ,
table . dataTable . display tbody tr > . sorting_3 {
background-color : # f9f9f9 ;
}
table . dataTable . order-column tbody tr . selected > . sorting_1 ,
table . dataTable . order-column tbody tr . selected > . sorting_2 ,
table . dataTable . order-column tbody tr . selected > . sorting_3 , table . dataTable . display tbody tr . selected > . sorting_1 ,
table . dataTable . display tbody tr . selected > . sorting_2 ,
table . dataTable . display tbody tr . selected > . sorting_3 {
background-color : # acbad4 ;
}
table . dataTable . display tbody tr . odd > . sorting_1 , table . dataTable . order-column . stripe tbody tr . odd > . sorting_1 {
background-color : # f1f1f1 ;
}
table . dataTable . display tbody tr . odd > . sorting_2 , table . dataTable . order-column . stripe tbody tr . odd > . sorting_2 {
background-color : # f3f3f3 ;
}
table . dataTable . display tbody tr . odd > . sorting_3 , table . dataTable . order-column . stripe tbody tr . odd > . sorting_3 {
background-color : whitesmoke ;
}
table . dataTable . display tbody tr . odd . selected > . sorting_1 , table . dataTable . order-column . stripe tbody tr . odd . selected > . sorting_1 {
background-color : # a6b3cd ;
}
table . dataTable . display tbody tr . odd . selected > . sorting_2 , table . dataTable . order-column . stripe tbody tr . odd . selected > . sorting_2 {
background-color : # a7b5ce ;
}
table . dataTable . display tbody tr . odd . selected > . sorting_3 , table . dataTable . order-column . stripe tbody tr . odd . selected > . sorting_3 {
background-color : # a9b6d0 ;
}
table . dataTable . display tbody tr . even > . sorting_1 , table . dataTable . order-column . stripe tbody tr . even > . sorting_1 {
background-color : # f9f9f9 ;
}
table . dataTable . display tbody tr . even > . sorting_2 , table . dataTable . order-column . stripe tbody tr . even > . sorting_2 {
background-color : # fbfbfb ;
}
table . dataTable . display tbody tr . even > . sorting_3 , table . dataTable . order-column . stripe tbody tr . even > . sorting_3 {
background-color : # fdfdfd ;
}
table . dataTable . display tbody tr . even . selected > . sorting_1 , table . dataTable . order-column . stripe tbody tr . even . selected > . sorting_1 {
background-color : # acbad4 ;
}
table . dataTable . display tbody tr . even . selected > . sorting_2 , table . dataTable . order-column . stripe tbody tr . even . selected > . sorting_2 {
background-color : # adbbd6 ;
}
table . dataTable . display tbody tr . even . selected > . sorting_3 , table . dataTable . order-column . stripe tbody tr . even . selected > . sorting_3 {
background-color : # afbdd8 ;
}
table . dataTable . display tbody tr : hover > . sorting_1 ,
table . dataTable . display tbody tr . odd : hover > . sorting_1 ,
table . dataTable . display tbody tr . even : hover > . sorting_1 , table . dataTable . order-column . hover tbody tr : hover > . sorting_1 ,
table . dataTable . order-column . hover tbody tr . odd : hover > . sorting_1 ,
table . dataTable . order-column . hover tbody tr . even : hover > . sorting_1 {
background-color : # eaeaea ;
}
table . dataTable . display tbody tr : hover > . sorting_2 ,
table . dataTable . display tbody tr . odd : hover > . sorting_2 ,
table . dataTable . display tbody tr . even : hover > . sorting_2 , table . dataTable . order-column . hover tbody tr : hover > . sorting_2 ,
table . dataTable . order-column . hover tbody tr . odd : hover > . sorting_2 ,
table . dataTable . order-column . hover tbody tr . even : hover > . sorting_2 {
background-color : # ebebeb ;
}
table . dataTable . display tbody tr : hover > . sorting_3 ,
table . dataTable . display tbody tr . odd : hover > . sorting_3 ,
table . dataTable . display tbody tr . even : hover > . sorting_3 , table . dataTable . order-column . hover tbody tr : hover > . sorting_3 ,
table . dataTable . order-column . hover tbody tr . odd : hover > . sorting_3 ,
table . dataTable . order-column . hover tbody tr . even : hover > . sorting_3 {
background-color : # eeeeee ;
}
table . dataTable . display tbody tr : hover . selected > . sorting_1 ,
table . dataTable . display tbody tr . odd : hover . selected > . sorting_1 ,
table . dataTable . display tbody tr . even : hover . selected > . sorting_1 , table . dataTable . order-column . hover tbody tr : hover . selected > . sorting_1 ,
table . dataTable . order-column . hover tbody tr . odd : hover . selected > . sorting_1 ,
table . dataTable . order-column . hover tbody tr . even : hover . selected > . sorting_1 {
background-color : # a1aec7 ;
}
table . dataTable . display tbody tr : hover . selected > . sorting_2 ,
table . dataTable . display tbody tr . odd : hover . selected > . sorting_2 ,
table . dataTable . display tbody tr . even : hover . selected > . sorting_2 , table . dataTable . order-column . hover tbody tr : hover . selected > . sorting_2 ,
table . dataTable . order-column . hover tbody tr . odd : hover . selected > . sorting_2 ,
table . dataTable . order-column . hover tbody tr . even : hover . selected > . sorting_2 {
background-color : # a2afc8 ;
}
table . dataTable . display tbody tr : hover . selected > . sorting_3 ,
table . dataTable . display tbody tr . odd : hover . selected > . sorting_3 ,
table . dataTable . display tbody tr . even : hover . selected > . sorting_3 , table . dataTable . order-column . hover tbody tr : hover . selected > . sorting_3 ,
table . dataTable . order-column . hover tbody tr . odd : hover . selected > . sorting_3 ,
table . dataTable . order-column . hover tbody tr . even : hover . selected > . sorting_3 {
background-color : # a4b2cb ;
}
table . dataTable . no-footer {
border-bottom : 1px solid # 111111 ;
}
table . dataTable ,
table . dataTable th ,
table . dataTable td {
-webkit-box-sizing : content-box ;
-moz-box-sizing : content-box ;
box-sizing : content-box ;
}
/ *
* Control feature layout
* /
. dataTables_wrapper {
position : relative ;
clear : both ;
* zoom : 1 ;
zoom : 1 ;
}
. dataTables_wrapper . dataTables_length {
float : left ;
}
. dataTables_wrapper . dataTables_filter {
float : right ;
text-align : right ;
}
. dataTables_wrapper . dataTables_filter input {
margin-left : 0 . 5em ;
}
. dataTables_wrapper . dataTables_info {
clear : both ;
float : left ;
padding-top : 0 . 755em ;
}
. dataTables_wrapper . dataTables_paginate {
float : right ;
text-align : right ;
padding-top : 0 . 25em ;
}
. dataTables_wrapper . dataTables_paginate . paginate_button {
box-sizing : border-box ;
display : inline-block ;
min-width : 1 . 5em ;
padding : 0 . 5em 1em ;
margin-left : 2px ;
text-align : center ;
text-decoration : none ! important ;
cursor : pointer ;
* cursor : hand ;
color : # 333333 ! important ;
border : 1px solid transparent ;
}
. dataTables_wrapper . dataTables_paginate . paginate_button . current , . dataTables_wrapper . dataTables_paginate . paginate_button . current : hover {
color : # 333333 ! important ;
border : 1px solid # cacaca ;
background-color : white ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , white ) , color-stop ( 100 % , gainsboro ) ) ;
/* Chrome,Safari4+ */
background : -webkit-linear-gradient ( top , white 0 % , gainsboro 100 % ) ;
/* Chrome10+,Safari5.1+ */
background : -moz-linear-gradient ( top , white 0 % , gainsboro 100 % ) ;
/* FF3.6+ */
background : -ms-linear-gradient ( top , white 0 % , gainsboro 100 % ) ;
/* IE10+ */
background : -o-linear-gradient ( top , white 0 % , gainsboro 100 % ) ;
/* Opera 11.10+ */
background : linear-gradient ( to bottom , white 0 % , gainsboro 100 % ) ;
/* W3C */
}
. dataTables_wrapper . dataTables_paginate . paginate_button . disabled , . dataTables_wrapper . dataTables_paginate . paginate_button . disabled : hover , . dataTables_wrapper . dataTables_paginate . paginate_button . disabled : active {
cursor : default ;
color : # 666 ! important ;
border : 1px solid transparent ;
background : transparent ;
box-shadow : none ;
}
. dataTables_wrapper . dataTables_paginate . paginate_button : hover {
color : white ! important ;
border : 1px solid # 111111 ;
background-color : # 585858 ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 585858 ) , color-stop ( 100 % , # 111111 ) ) ;
/* Chrome,Safari4+ */
background : -webkit-linear-gradient ( top , # 585858 0 % , # 111111 100 % ) ;
/* Chrome10+,Safari5.1+ */
background : -moz-linear-gradient ( top , # 585858 0 % , # 111111 100 % ) ;
/* FF3.6+ */
background : -ms-linear-gradient ( top , # 585858 0 % , # 111111 100 % ) ;
/* IE10+ */
background : -o-linear-gradient ( top , # 585858 0 % , # 111111 100 % ) ;
/* Opera 11.10+ */
background : linear-gradient ( to bottom , # 585858 0 % , # 111111 100 % ) ;
/* W3C */
}
. dataTables_wrapper . dataTables_paginate . paginate_button : active {
outline : none ;
background-color : # 2b2b2b ;
background : -webkit-gradient ( linear , left top , left bottom , color-stop ( 0 % , # 2b2b2b ) , color-stop ( 100 % , # 0c0c0c ) ) ;
/* Chrome,Safari4+ */
background : -webkit-linear-gradient ( top , # 2b2b2b 0 % , # 0c0c0c 100 % ) ;
/* Chrome10+,Safari5.1+ */
background : -moz-linear-gradient ( top , # 2b2b2b 0 % , # 0c0c0c 100 % ) ;
/* FF3.6+ */
background : -ms-linear-gradient ( top , # 2b2b2b 0 % , # 0c0c0c 100 % ) ;
/* IE10+ */
background : -o-linear-gradient ( top , # 2b2b2b 0 % , # 0c0c0c 100 % ) ;
/* Opera 11.10+ */
background : linear-gradient ( to bottom , # 2b2b2b 0 % , # 0c0c0c 100 % ) ;
/* W3C */
box-shadow : inset 0 0 3px # 111 ;
}
. dataTables_wrapper . dataTables_processing {
position : absolute ;
top : 50 % ;
left : 50 % ;
width : 100 % ;
height : 40px ;
margin-left : -50 % ;
margin-top : -25px ;
padding-top : 20px ;
text-align : center ;
font-size : 1 . 2em ;
background-color : white ;
background : -webkit-gradient ( linear , left top , right top , color-stop ( 0 % , rgba ( 255 , 255 , 255 , 0 ) ) , color-stop ( 25 % , rgba ( 255 , 255 , 255 , 0 . 9 ) ) , color-stop ( 75 % , rgba ( 255 , 255 , 255 , 0 . 9 ) ) , color-stop ( 100 % , rgba ( 255 , 255 , 255 , 0 ) ) ) ;
/* Chrome,Safari4+ */
background : -webkit-linear-gradient ( left , rgba ( 255 , 255 , 255 , 0 ) 0 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 25 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 75 % , rgba ( 255 , 255 , 255 , 0 ) 100 % ) ;
/* Chrome10+,Safari5.1+ */
background : -moz-linear-gradient ( left , rgba ( 255 , 255 , 255 , 0 ) 0 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 25 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 75 % , rgba ( 255 , 255 , 255 , 0 ) 100 % ) ;
/* FF3.6+ */
background : -ms-linear-gradient ( left , rgba ( 255 , 255 , 255 , 0 ) 0 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 25 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 75 % , rgba ( 255 , 255 , 255 , 0 ) 100 % ) ;
/* IE10+ */
background : -o-linear-gradient ( left , rgba ( 255 , 255 , 255 , 0 ) 0 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 25 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 75 % , rgba ( 255 , 255 , 255 , 0 ) 100 % ) ;
/* Opera 11.10+ */
background : linear-gradient ( to right , rgba ( 255 , 255 , 255 , 0 ) 0 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 25 % , rgba ( 255 , 255 , 255 , 0 . 9 ) 75 % , rgba ( 255 , 255 , 255 , 0 ) 100 % ) ;
/* W3C */
}
. dataTables_wrapper . dataTables_length ,
. dataTables_wrapper . dataTables_filter ,
. dataTables_wrapper . dataTables_info ,
. dataTables_wrapper . dataTables_processing ,
. dataTables_wrapper . dataTables_paginate {
color : # 333333 ;
}
. dataTables_wrapper . dataTables_scroll {
clear : both ;
}
. dataTables_wrapper . dataTables_scroll div . dataTables_scrollBody {
* margin-top : -1px ;
-webkit-overflow-scrolling : touch ;
}
. dataTables_wrapper . dataTables_scroll div . dataTables_scrollBody th > div . dataTables_sizing ,
. dataTables_wrapper . dataTables_scroll div . dataTables_scrollBody td > div . dataTables_sizing {
height : 0 ;
overflow : hidden ;
margin : 0 ! important ;
padding : 0 ! important ;
}
. dataTables_wrapper . no-footer . dataTables_scrollBody {
border-bottom : 1px solid # 111111 ;
}
. dataTables_wrapper . no-footer div . dataTables_scrollHead table ,
. dataTables_wrapper . no-footer div . dataTables_scrollBody table {
border-bottom : none ;
}
. dataTables_wrapper : after {
visibility : hidden ;
display : block ;
content : "" ;
clear : both ;
height : 0 ;
}
@ media screen and ( max-width : 767px ) {
. dataTables_wrapper . dataTables_info ,
. dataTables_wrapper . dataTables_paginate {
float : none ;
text-align : center ;
}
. dataTables_wrapper . dataTables_paginate {
margin-top : 0 . 5em ;
}
}
@ media screen and ( max-width : 640px ) {
. dataTables_wrapper . dataTables_length ,
. dataTables_wrapper . dataTables_filter {
float : none ;
text-align : center ;
}
. dataTables_wrapper . dataTables_filter {
margin-top : 0 . 5em ;
}
}
2014-11-04 19:32:18 +01:00
div . dataTables_length label {
2014-05-13 23:04:42 +02:00
float : left ;
text-align : left ;
}
div . dataTables_length select {
width : 75px ;
}
2014-11-04 19:32:18 +01:00
div . dataTables_filter label {
2014-05-13 23:04:42 +02:00
float : right ;
}
div . dataTables_info {
padding-top : 26px ;
}
div . dataTables_paginate {
2014-10-01 02:47:56 +02:00
float : right ;
2014-11-04 19:32:18 +01:00
margin : 0 ;
2014-10-01 02:47:56 +02:00
}
2014-05-13 23:04:42 +02:00
table . table {
clear : both ;
margin-bottom : 6px ! important ;
max-width : none ! important ;
}
table . table thead . sorting ,
table . table thead . sorting_asc ,
table . table thead . sorting_desc ,
table . table thead . sorting_asc_disabled ,
table . table thead . sorting_desc_disabled {
cursor : pointer ;
* cursor : hand ;
}
2014-11-04 19:32:18 +01:00
table . table thead . sorting { background : url ( 'vendor/datatables-bootstrap3/BS3/assets/css/../images/sort_both.png' ) no-repeat center right ; }
table . table thead . sorting_asc { background : url ( 'vendor/datatables-bootstrap3/BS3/assets/css/../images/sort_asc.png' ) no-repeat center right ; }
table . table thead . sorting_desc { background : url ( 'vendor/datatables-bootstrap3/BS3/assets/css/../images/sort_desc.png' ) no-repeat center right ; }
table . table thead . sorting_asc_disabled { background : url ( 'vendor/datatables-bootstrap3/BS3/assets/css/../images/sort_asc_disabled.png' ) no-repeat center right ; }
table . table thead . sorting_desc_disabled { background : url ( 'vendor/datatables-bootstrap3/BS3/assets/css/../images/sort_desc_disabled.png' ) no-repeat center right ; }
2014-05-13 23:04:42 +02:00
table . dataTable th : active {
outline : none ;
}
/* Scrolling */
div . dataTables_scrollHead table {
margin-bottom : 0 ! important ;
border-bottom-left-radius : 0 ;
border-bottom-right-radius : 0 ;
}
div . dataTables_scrollHead table thead tr : last-child th : first-child ,
div . dataTables_scrollHead table thead tr : last-child td : first-child {
border-bottom-left-radius : 0 ! important ;
border-bottom-right-radius : 0 ! important ;
}
div . dataTables_scrollBody table {
border-top : none ;
margin-bottom : 0 ! important ;
}
div . dataTables_scrollBody tbody tr : first-child th ,
div . dataTables_scrollBody tbody tr : first-child td {
border-top : none ;
}
div . dataTables_scrollFoot table {
border-top : none ;
}
/ *
* TableTools styles
* /
. table tbody tr . active td ,
. table tbody tr . active th {
background-color : # 08C ;
color : white ;
}
. table tbody tr . active : hover td ,
. table tbody tr . active : hover th {
background-color : # 0075b0 ! important ;
}
. table-striped tbody tr . active : nth-child ( odd ) td ,
. table-striped tbody tr . active : nth-child ( odd ) th {
background-color : # 017ebc ;
}
table . DTTT_selectable tbody tr {
cursor : pointer ;
* cursor : hand ;
}
div . DTTT . btn {
color : # 333 ! important ;
font-size : 12px ;
}
div . DTTT . btn : hover {
text-decoration : none ! important ;
}
ul . DTTT_dropdown . dropdown-menu a {
color : # 333 ! important ; /* needed only when demo_page.css is included */
}
ul . DTTT_dropdown . dropdown-menu li : hover a {
background-color : # 0088cc ;
color : white ! important ;
}
/* TableTools information display */
div . DTTT_print_info . modal {
height : 150px ;
margin-top : -75px ;
text-align : center ;
}
div . DTTT_print_info h6 {
font-weight : normal ;
font-size : 28px ;
line-height : 28px ;
margin : 1em ;
}
div . DTTT_print_info p {
font-size : 14px ;
line-height : 20px ;
}
/ *
* FixedColumns styles
* /
div . DTFC_LeftHeadWrapper table ,
div . DTFC_LeftFootWrapper table ,
table . DTFC_Cloned tr . even {
background-color : white ;
}
div . DTFC_LeftHeadWrapper table {
margin-bottom : 0 ! important ;
border-top-right-radius : 0 ! important ;
border-bottom-left-radius : 0 ! important ;
border-bottom-right-radius : 0 ! important ;
}
div . DTFC_LeftHeadWrapper table thead tr : last-child th : first-child ,
div . DTFC_LeftHeadWrapper table thead tr : last-child td : first-child {
border-bottom-left-radius : 0 ! important ;
border-bottom-right-radius : 0 ! important ;
}
div . DTFC_LeftBodyWrapper table {
border-top : none ;
margin-bottom : 0 ! important ;
}
div . DTFC_LeftBodyWrapper tbody tr : first-child th ,
div . DTFC_LeftBodyWrapper tbody tr : first-child td {
border-top : none ;
}
div . DTFC_LeftFootWrapper table {
border-top : none ;
}
/ * !
2014-11-04 19:32:18 +01:00
* Font Awesome 4 . 0 . 3 by @ davegandy - http : / / fontawesome . io - @ fontawesome
2014-05-13 23:04:42 +02:00
* License - http : / / fontawesome . io / license ( Font : SIL OFL 1 . 1 , CSS : MIT License )
2014-11-04 19:32:18 +01:00
* / @ font-face { font-family : 'FontAwesome' ; src : url ( 'vendor/font-awesome/css/../fonts/fontawesome-webfont.eot?v=4.0.3' ) ; src : url ( 'vendor/font-awesome/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3' ) format ( 'embedded-opentype' ) , url ( 'vendor/font-awesome/css/../fonts/fontawesome-webfont.woff?v=4.0.3' ) format ( 'woff' ) , url ( 'vendor/font-awesome/css/../fonts/fontawesome-webfont.ttf?v=4.0.3' ) format ( 'truetype' ) , url ( 'vendor/font-awesome/css/../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular' ) format ( 'svg' ) ; font-weight : normal ; font-style : normal } . fa { display : inline-block ; font-family : FontAwesome ; font-style : normal ; font-weight : normal ; line-height : 1 ; -webkit- font-smoothing : antialiased ; -moz- osx-font-smoothing : grayscale } . fa-lg { font-size : 1.3333333333333333 em ; line-height : .75 em ; vertical-align : -15 % } . fa-2x { font-size : 2 em } . fa-3x { font-size : 3 em } . fa-4x { font-size : 4 em } . fa-5x { font-size : 5 em } . fa-fw { width : 1.2857142857142858 em ; text-align : center } . fa-ul { padding-left : 0 ; margin-left : 2.142857142857143 em ; list-style-type : none } . fa-ul > li { position : relative } . fa-li { position : absolute ; left : -2.142857142857143 em ; width : 2.142857142857143 em ; top : .14285714285714285 em ; text-align : center } . fa-li . fa-lg { left : -1.8571428571428572 em } . fa-border { padding : .2 em .25 em .15 em ; border : solid .08 em #eee ; border-radius : .1 em } . pull-right { float : right } . pull-left { float : left } . fa . pull-left { margin-right : .3 em } . fa . pull-right { margin-left : .3 em } . fa-spin { -webkit- animation : spin 2 s infinite linear ; -moz- animation : spin 2 s infinite linear ; -o- animation : spin 2 s infinite linear ; animation : spin 2 s infinite linear } @ -moz-keyframes spin { 0 % { -moz- transform : rotate ( 0 deg ) } 100 % { -moz- transform : rotate ( 359 deg ) } } @ -webkit-keyframes spin { 0 % { -webkit- transform : rotate ( 0 deg ) } 100 % { -webkit- transform : rotate ( 359 deg ) } } @ -o-keyframes spin { 0 % { -o- transform : rotate ( 0 deg ) } 100 % { -o- transform : rotate ( 359 deg ) } } @ -ms-keyframes spin { 0 % { -ms- transform : rotate ( 0 deg ) } 100 % { -ms- transform : rotate ( 359 deg ) } } @ keyframes spin { 0 % { transform : rotate ( 0 deg ) } 100 % { transform : rotate ( 359 deg ) } } . fa-rotate-90 { filter : progid : DXImageTransform . Microsoft . BasicImage ( rotation = 1 ) ; -webkit- transform : rotate ( 90 deg ) ; -moz- transform : rotate ( 90 deg ) ; -ms- transform : rotate ( 90 deg ) ; -o- transform : rotate ( 90 deg ) ; transform : rotate ( 90 deg ) } . fa-rotate-180 { filter : progid : DXImageTransform . Microsoft . BasicImage ( rotation = 2 ) ; -webkit- transform : rotate ( 180 deg ) ; -moz- transform : rotate ( 180 deg ) ; -ms- transform : rotate ( 180 deg ) ; -o- transform : rotate ( 180 deg ) ; transform : rotate ( 180 deg ) } . fa-rotate-270 { filter : progid : DXImageTransform . Microsoft . BasicImage ( rotation = 3 ) ; -webkit- transform : rotate ( 270 deg ) ; -moz- transform : rotate ( 270 deg ) ; -ms- transform : rotate ( 270 deg ) ; -o- transform : rotate ( 270 deg ) ; transform : rotate ( 270 deg ) } . fa-flip-horizontal { filter : progid : DXImageTransform . Microsoft . BasicImage ( rotation = 0 , mirror = 1 ) ; -webkit- transform : scale ( -1 , 1 ) ; -moz- transform : scale ( -1 , 1 ) ; -ms- transform : scale ( -1 , 1 ) ; -o- transform : scale ( -1 , 1 ) ; transform : scale ( -1 , 1 ) } . fa-flip-vertical { filter : progid : DXImageTransform . Microsoft . BasicImage ( rotation = 2 , mirror = 1 ) ; -webkit- transform : scale ( 1 , -1 ) ; -moz- transform : scale ( 1 , -1 ) ; -ms- transform : scale ( 1 , -1 ) ; -o- transform : scale ( 1 , -1 ) ; transform : scale ( 1 , -1 ) } . fa-stack { position : relative ; display : inline-block ; width : 2 em ; height : 2 em ; line-height : 2 em ; vertical-align : middle } . fa-stack-1x , . fa-stack-2x { position : absolute ; left : 0 ; width : 100 % ; text-align : center } . fa-stack-1x { line-height : inherit } . fa-stack-2x { font-size : 2 em } . fa-inverse { color : #fff } . fa-glass : before { content : "\f000" } . fa-music : before { content : "\f001" } . fa-search : before { content : "\f002" } . fa-envelope-o : before { content : "\f003" } . fa-heart : before { content : "\f004" } . fa-star : before { content : "\f005" } . fa-star-o : before { content : "\f006" } . fa-user : before { content : "\f007" } . fa-film : before { content : "\f008" } . fa-th-large : before { content : "\f009" } . fa-th : before { content : "\f00a" } . fa-th-list : before { content : "\f00b" } . fa-check : before { content : "\f00c" } . fa-times : before { content : "\f00d" } . fa-search-plus : before { content : "\f00e" } . fa-search-minus : before { content : "\f010" } . fa-power-off : before { content : "\f011" } . fa-signal : before { content : "\f012" } . fa-gear : before , . fa-cog : before { content : "\f013" } . fa-trash-o : before { content : "\f014" } . fa-home : before { content : "\f015" } . fa-file-o : befo
2014-05-13 23:04:42 +02:00
/ * !
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2 . 0
* http : / / www . apache . org / licenses / LICENSE-2 . 0
*
* /
. datepicker {
padding : 4px ;
-webkit-border-radius : 4px ;
-moz-border-radius : 4px ;
border-radius : 4px ;
direction : ltr ;
/ * . dow {
border-top : 1px solid # ddd ! important ;
} * /
}
. datepicker-inline {
width : 220px ;
}
. datepicker . datepicker-rtl {
direction : rtl ;
}
. datepicker . datepicker-rtl table tr td span {
float : right ;
}
. datepicker-dropdown {
top : 0 ;
left : 0 ;
}
. datepicker-dropdown : before {
content : '' ;
display : inline-block ;
border-left : 7px solid transparent ;
border-right : 7px solid transparent ;
border-bottom : 7px solid # ccc ;
border-top : 0 ;
border-bottom-color : rgba ( 0 , 0 , 0 , 0 . 2 ) ;
position : absolute ;
}
. datepicker-dropdown : after {
content : '' ;
display : inline-block ;
border-left : 6px solid transparent ;
border-right : 6px solid transparent ;
border-bottom : 6px solid # ffffff ;
border-top : 0 ;
position : absolute ;
}
. datepicker-dropdown . datepicker-orient-left : before {
left : 6px ;
}
. datepicker-dropdown . datepicker-orient-left : after {
left : 7px ;
}
. datepicker-dropdown . datepicker-orient-right : before {
right : 6px ;
}
. datepicker-dropdown . datepicker-orient-right : after {
right : 7px ;
}
. datepicker-dropdown . datepicker-orient-top : before {
top : -7px ;
}
. datepicker-dropdown . datepicker-orient-top : after {
top : -6px ;
}
. datepicker-dropdown . datepicker-orient-bottom : before {
bottom : -7px ;
border-bottom : 0 ;
border-top : 7px solid # 999 ;
}
. datepicker-dropdown . datepicker-orient-bottom : after {
bottom : -6px ;
border-bottom : 0 ;
border-top : 6px solid # ffffff ;
}
. datepicker > div {
display : none ;
}
. datepicker . days div . datepicker-days {
display : block ;
}
. datepicker . months div . datepicker-months {
display : block ;
}
. datepicker . years div . datepicker-years {
display : block ;
}
. datepicker table {
margin : 0 ;
-webkit-touch-callout : none ;
-webkit-user-select : none ;
-khtml-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
}
. datepicker td ,
. datepicker th {
text-align : center ;
width : 20px ;
height : 20px ;
-webkit-border-radius : 4px ;
-moz-border-radius : 4px ;
border-radius : 4px ;
border : none ;
}
. table-striped . datepicker table tr td ,
. table-striped . datepicker table tr th {
background-color : transparent ;
}
. datepicker table tr td . day : hover ,
. datepicker table tr td . day . focused {
background : # eeeeee ;
cursor : pointer ;
}
. datepicker table tr td . old ,
. datepicker table tr td . new {
color : # 999999 ;
}
. datepicker table tr td . disabled ,
. datepicker table tr td . disabled : hover {
background : none ;
color : # 999999 ;
cursor : default ;
}
. datepicker table tr td . today ,
. datepicker table tr td . today : hover ,
. datepicker table tr td . today . disabled ,
. datepicker table tr td . today . disabled : hover {
background-color : # fde19a ;
background-image : -moz-linear-gradient ( top , # fdd49a , # fdf59a ) ;
background-image : -ms-linear-gradient ( top , # fdd49a , # fdf59a ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # fdd49a ) , to ( # fdf59a ) ) ;
background-image : -webkit-linear-gradient ( top , # fdd49a , # fdf59a ) ;
background-image : -o-linear-gradient ( top , # fdd49a , # fdf59a ) ;
background-image : linear-gradient ( top , # fdd49a , # fdf59a ) ;
background-repeat : repeat-x ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#fdd49a' , endColorstr = '#fdf59a' , GradientType = 0 ) ;
border-color : # fdf59a # fdf59a # fbed50 ;
border-color : rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 25 ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( enabled = false ) ;
color : # 000 ;
}
. datepicker table tr td . today : hover ,
. datepicker table tr td . today : hover : hover ,
. datepicker table tr td . today . disabled : hover ,
. datepicker table tr td . today . disabled : hover : hover ,
. datepicker table tr td . today : active ,
. datepicker table tr td . today : hover : active ,
. datepicker table tr td . today . disabled : active ,
. datepicker table tr td . today . disabled : hover : active ,
. datepicker table tr td . today . active ,
. datepicker table tr td . today : hover . active ,
. datepicker table tr td . today . disabled . active ,
. datepicker table tr td . today . disabled : hover . active ,
. datepicker table tr td . today . disabled ,
. datepicker table tr td . today : hover . disabled ,
. datepicker table tr td . today . disabled . disabled ,
. datepicker table tr td . today . disabled : hover . disabled ,
. datepicker table tr td . today [ disabled ] ,
. datepicker table tr td . today : hover [ disabled ] ,
. datepicker table tr td . today . disabled [ disabled ] ,
. datepicker table tr td . today . disabled : hover [ disabled ] {
background-color : # fdf59a ;
}
. datepicker table tr td . today : active ,
. datepicker table tr td . today : hover : active ,
. datepicker table tr td . today . disabled : active ,
. datepicker table tr td . today . disabled : hover : active ,
. datepicker table tr td . today . active ,
. datepicker table tr td . today : hover . active ,
. datepicker table tr td . today . disabled . active ,
. datepicker table tr td . today . disabled : hover . active {
background-color : # fbf069 \ 9 ;
}
. datepicker table tr td . today : hover : hover {
color : # 000 ;
}
. datepicker table tr td . today . active : hover {
color : # fff ;
}
. datepicker table tr td . range ,
. datepicker table tr td . range : hover ,
. datepicker table tr td . range . disabled ,
. datepicker table tr td . range . disabled : hover {
background : # eeeeee ;
-webkit-border-radius : 0 ;
-moz-border-radius : 0 ;
border-radius : 0 ;
}
. datepicker table tr td . range . today ,
. datepicker table tr td . range . today : hover ,
. datepicker table tr td . range . today . disabled ,
. datepicker table tr td . range . today . disabled : hover {
background-color : # f3d17a ;
background-image : -moz-linear-gradient ( top , # f3c17a , # f3e97a ) ;
background-image : -ms-linear-gradient ( top , # f3c17a , # f3e97a ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # f3c17a ) , to ( # f3e97a ) ) ;
background-image : -webkit-linear-gradient ( top , # f3c17a , # f3e97a ) ;
background-image : -o-linear-gradient ( top , # f3c17a , # f3e97a ) ;
background-image : linear-gradient ( top , # f3c17a , # f3e97a ) ;
background-repeat : repeat-x ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#f3c17a' , endColorstr = '#f3e97a' , GradientType = 0 ) ;
border-color : # f3e97a # f3e97a # edde34 ;
border-color : rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 25 ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( enabled = false ) ;
-webkit-border-radius : 0 ;
-moz-border-radius : 0 ;
border-radius : 0 ;
}
. datepicker table tr td . range . today : hover ,
. datepicker table tr td . range . today : hover : hover ,
. datepicker table tr td . range . today . disabled : hover ,
. datepicker table tr td . range . today . disabled : hover : hover ,
. datepicker table tr td . range . today : active ,
. datepicker table tr td . range . today : hover : active ,
. datepicker table tr td . range . today . disabled : active ,
. datepicker table tr td . range . today . disabled : hover : active ,
. datepicker table tr td . range . today . active ,
. datepicker table tr td . range . today : hover . active ,
. datepicker table tr td . range . today . disabled . active ,
. datepicker table tr td . range . today . disabled : hover . active ,
. datepicker table tr td . range . today . disabled ,
. datepicker table tr td . range . today : hover . disabled ,
. datepicker table tr td . range . today . disabled . disabled ,
. datepicker table tr td . range . today . disabled : hover . disabled ,
. datepicker table tr td . range . today [ disabled ] ,
. datepicker table tr td . range . today : hover [ disabled ] ,
. datepicker table tr td . range . today . disabled [ disabled ] ,
. datepicker table tr td . range . today . disabled : hover [ disabled ] {
background-color : # f3e97a ;
}
. datepicker table tr td . range . today : active ,
. datepicker table tr td . range . today : hover : active ,
. datepicker table tr td . range . today . disabled : active ,
. datepicker table tr td . range . today . disabled : hover : active ,
. datepicker table tr td . range . today . active ,
. datepicker table tr td . range . today : hover . active ,
. datepicker table tr td . range . today . disabled . active ,
. datepicker table tr td . range . today . disabled : hover . active {
background-color : # efe24b \ 9 ;
}
. datepicker table tr td . selected ,
. datepicker table tr td . selected : hover ,
. datepicker table tr td . selected . disabled ,
. datepicker table tr td . selected . disabled : hover {
background-color : # 9e9e9e ;
background-image : -moz-linear-gradient ( top , # b3b3b3 , # 808080 ) ;
background-image : -ms-linear-gradient ( top , # b3b3b3 , # 808080 ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # b3b3b3 ) , to ( # 808080 ) ) ;
background-image : -webkit-linear-gradient ( top , # b3b3b3 , # 808080 ) ;
background-image : -o-linear-gradient ( top , # b3b3b3 , # 808080 ) ;
background-image : linear-gradient ( top , # b3b3b3 , # 808080 ) ;
background-repeat : repeat-x ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#b3b3b3' , endColorstr = '#808080' , GradientType = 0 ) ;
border-color : # 808080 # 808080 # 595959 ;
border-color : rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 25 ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( enabled = false ) ;
color : # fff ;
text-shadow : 0 -1px 0 rgba ( 0 , 0 , 0 , 0 . 25 ) ;
}
. datepicker table tr td . selected : hover ,
. datepicker table tr td . selected : hover : hover ,
. datepicker table tr td . selected . disabled : hover ,
. datepicker table tr td . selected . disabled : hover : hover ,
. datepicker table tr td . selected : active ,
. datepicker table tr td . selected : hover : active ,
. datepicker table tr td . selected . disabled : active ,
. datepicker table tr td . selected . disabled : hover : active ,
. datepicker table tr td . selected . active ,
. datepicker table tr td . selected : hover . active ,
. datepicker table tr td . selected . disabled . active ,
. datepicker table tr td . selected . disabled : hover . active ,
. datepicker table tr td . selected . disabled ,
. datepicker table tr td . selected : hover . disabled ,
. datepicker table tr td . selected . disabled . disabled ,
. datepicker table tr td . selected . disabled : hover . disabled ,
. datepicker table tr td . selected [ disabled ] ,
. datepicker table tr td . selected : hover [ disabled ] ,
. datepicker table tr td . selected . disabled [ disabled ] ,
. datepicker table tr td . selected . disabled : hover [ disabled ] {
background-color : # 808080 ;
}
. datepicker table tr td . selected : active ,
. datepicker table tr td . selected : hover : active ,
. datepicker table tr td . selected . disabled : active ,
. datepicker table tr td . selected . disabled : hover : active ,
. datepicker table tr td . selected . active ,
. datepicker table tr td . selected : hover . active ,
. datepicker table tr td . selected . disabled . active ,
. datepicker table tr td . selected . disabled : hover . active {
background-color : # 666666 \ 9 ;
}
. datepicker table tr td . active ,
. datepicker table tr td . active : hover ,
. datepicker table tr td . active . disabled ,
. datepicker table tr td . active . disabled : hover {
background-color : # 006dcc ;
background-image : -moz-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : -ms-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # 0088cc ) , to ( # 0044cc ) ) ;
background-image : -webkit-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : -o-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-repeat : repeat-x ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#0088cc' , endColorstr = '#0044cc' , GradientType = 0 ) ;
border-color : # 0044cc # 0044cc # 002a80 ;
border-color : rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 25 ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( enabled = false ) ;
color : # fff ;
text-shadow : 0 -1px 0 rgba ( 0 , 0 , 0 , 0 . 25 ) ;
}
. datepicker table tr td . active : hover ,
. datepicker table tr td . active : hover : hover ,
. datepicker table tr td . active . disabled : hover ,
. datepicker table tr td . active . disabled : hover : hover ,
. datepicker table tr td . active : active ,
. datepicker table tr td . active : hover : active ,
. datepicker table tr td . active . disabled : active ,
. datepicker table tr td . active . disabled : hover : active ,
. datepicker table tr td . active . active ,
. datepicker table tr td . active : hover . active ,
. datepicker table tr td . active . disabled . active ,
. datepicker table tr td . active . disabled : hover . active ,
. datepicker table tr td . active . disabled ,
. datepicker table tr td . active : hover . disabled ,
. datepicker table tr td . active . disabled . disabled ,
. datepicker table tr td . active . disabled : hover . disabled ,
. datepicker table tr td . active [ disabled ] ,
. datepicker table tr td . active : hover [ disabled ] ,
. datepicker table tr td . active . disabled [ disabled ] ,
. datepicker table tr td . active . disabled : hover [ disabled ] {
background-color : # 0044cc ;
}
. datepicker table tr td . active : active ,
. datepicker table tr td . active : hover : active ,
. datepicker table tr td . active . disabled : active ,
. datepicker table tr td . active . disabled : hover : active ,
. datepicker table tr td . active . active ,
. datepicker table tr td . active : hover . active ,
. datepicker table tr td . active . disabled . active ,
. datepicker table tr td . active . disabled : hover . active {
background-color : # 003399 \ 9 ;
}
. datepicker table tr td span {
display : block ;
width : 23 % ;
height : 54px ;
line-height : 54px ;
float : left ;
margin : 1 % ;
cursor : pointer ;
-webkit-border-radius : 4px ;
-moz-border-radius : 4px ;
border-radius : 4px ;
}
. datepicker table tr td span : hover {
background : # eeeeee ;
}
. datepicker table tr td span . disabled ,
. datepicker table tr td span . disabled : hover {
background : none ;
color : # 999999 ;
cursor : default ;
}
. datepicker table tr td span . active ,
. datepicker table tr td span . active : hover ,
. datepicker table tr td span . active . disabled ,
. datepicker table tr td span . active . disabled : hover {
background-color : # 006dcc ;
background-image : -moz-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : -ms-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # 0088cc ) , to ( # 0044cc ) ) ;
background-image : -webkit-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : -o-linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-image : linear-gradient ( top , # 0088cc , # 0044cc ) ;
background-repeat : repeat-x ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#0088cc' , endColorstr = '#0044cc' , GradientType = 0 ) ;
border-color : # 0044cc # 0044cc # 002a80 ;
border-color : rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 1 ) rgba ( 0 , 0 , 0 , 0 . 25 ) ;
filter : progid : DXImageTransform . Microsoft . gradient ( enabled = false ) ;
color : # fff ;
text-shadow : 0 -1px 0 rgba ( 0 , 0 , 0 , 0 . 25 ) ;
}
. datepicker table tr td span . active : hover ,
. datepicker table tr td span . active : hover : hover ,
. datepicker table tr td span . active . disabled : hover ,
. datepicker table tr td span . active . disabled : hover : hover ,
. datepicker table tr td span . active : active ,
. datepicker table tr td span . active : hover : active ,
. datepicker table tr td span . active . disabled : active ,
. datepicker table tr td span . active . disabled : hover : active ,
. datepicker table tr td span . active . active ,
. datepicker table tr td span . active : hover . active ,
. datepicker table tr td span . active . disabled . active ,
. datepicker table tr td span . active . disabled : hover . active ,
. datepicker table tr td span . active . disabled ,
. datepicker table tr td span . active : hover . disabled ,
. datepicker table tr td span . active . disabled . disabled ,
. datepicker table tr td span . active . disabled : hover . disabled ,
. datepicker table tr td span . active [ disabled ] ,
. datepicker table tr td span . active : hover [ disabled ] ,
. datepicker table tr td span . active . disabled [ disabled ] ,
. datepicker table tr td span . active . disabled : hover [ disabled ] {
background-color : # 0044cc ;
}
. datepicker table tr td span . active : active ,
. datepicker table tr td span . active : hover : active ,
. datepicker table tr td span . active . disabled : active ,
. datepicker table tr td span . active . disabled : hover : active ,
. datepicker table tr td span . active . active ,
. datepicker table tr td span . active : hover . active ,
. datepicker table tr td span . active . disabled . active ,
. datepicker table tr td span . active . disabled : hover . active {
background-color : # 003399 \ 9 ;
}
. datepicker table tr td span . old ,
. datepicker table tr td span . new {
color : # 999999 ;
}
. datepicker th . datepicker-switch {
width : 145px ;
}
. datepicker thead tr : first-child th ,
. datepicker tfoot tr th {
cursor : pointer ;
}
. datepicker thead tr : first-child th : hover ,
. datepicker tfoot tr th : hover {
background : # eeeeee ;
}
. datepicker . cw {
font-size : 10px ;
width : 12px ;
padding : 0 2px 0 5px ;
vertical-align : middle ;
}
. datepicker thead tr : first-child th . cw {
cursor : default ;
background-color : transparent ;
}
. input-append . date . add-on i ,
. input-prepend . date . add-on i {
cursor : pointer ;
width : 16px ;
height : 16px ;
}
. input-daterange input {
text-align : center ;
}
. input-daterange input : first-child {
-webkit-border-radius : 3px 0 0 3px ;
-moz-border-radius : 3px 0 0 3px ;
border-radius : 3px 0 0 3px ;
}
. input-daterange input : last-child {
-webkit-border-radius : 0 3px 3px 0 ;
-moz-border-radius : 0 3px 3px 0 ;
border-radius : 0 3px 3px 0 ;
}
. input-daterange . add-on {
display : inline-block ;
width : auto ;
min-width : 16px ;
height : 20px ;
padding : 4px 5px ;
font-weight : normal ;
line-height : 20px ;
text-align : center ;
text-shadow : 0 1px 0 # ffffff ;
vertical-align : middle ;
background-color : # eeeeee ;
border : 1px solid # ccc ;
margin-left : -5px ;
margin-right : -5px ;
}
. datepicker . dropdown-menu {
position : absolute ;
top : 100 % ;
left : 0 ;
z-index : 1000 ;
float : left ;
display : none ;
min-width : 160px ;
list-style : none ;
background-color : # ffffff ;
border : 1px solid # ccc ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 2 ) ;
-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 ;
background-clip : padding-box ;
* border-right-width : 2px ;
* border-bottom-width : 2px ;
color : # 333333 ;
font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 13px ;
line-height : 20px ;
}
. datepicker . dropdown-menu th ,
. datepicker . dropdown-menu td {
padding : 4px 5px ;
}
/ * * *
Spectrum Colorpicker v1 . 3 . 4
https : / / github . com / bgrins / spectrum
Author : Brian Grinstead
License : MIT
* * * /
. sp-container {
position : absolute ;
top : 0 ;
left : 0 ;
display : inline-block ;
* display : inline ;
* zoom : 1 ;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index : 9999994 ;
overflow : hidden ;
}
. sp-container . sp-flat {
position : relative ;
}
/* Fix for * { box-sizing: border-box; } */
. sp-container ,
. sp-container * {
-webkit-box-sizing : content-box ;
-moz-box-sizing : content-box ;
box-sizing : content-box ;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
. sp-top {
position : relative ;
width : 100 % ;
display : inline-block ;
}
. sp-top-inner {
position : absolute ;
top : 0 ;
left : 0 ;
bottom : 0 ;
right : 0 ;
}
. sp-color {
position : absolute ;
top : 0 ;
left : 0 ;
bottom : 0 ;
right : 20 % ;
}
. sp-hue {
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 84 % ;
height : 100 % ;
}
. sp-clear-enabled . sp-hue {
top : 33px ;
height : 77 . 5 % ;
}
. sp-fill {
padding-top : 80 % ;
}
. sp-sat , . sp-val {
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
}
. sp-alpha-enabled . sp-top {
margin-bottom : 18px ;
}
. sp-alpha-enabled . sp-alpha {
display : block ;
}
. sp-alpha-handle {
position : absolute ;
top : -4px ;
bottom : -4px ;
width : 6px ;
left : 50 % ;
cursor : pointer ;
border : 1px solid black ;
background : white ;
opacity : . 8 ;
}
. sp-alpha {
display : none ;
position : absolute ;
bottom : -14px ;
right : 0 ;
left : 0 ;
height : 8px ;
}
. sp-alpha-inner {
border : solid 1px # 333 ;
}
. sp-clear {
display : none ;
}
. sp-clear . sp-clear-display {
background-position : center ;
}
. sp-clear-enabled . sp-clear {
display : block ;
position : absolute ;
top : 0px ;
right : 0 ;
bottom : 0 ;
left : 84 % ;
height : 28px ;
}
/* Don't allow text selection */
. sp-container , . sp-replacer , . sp-preview , . sp-dragger , . sp-slider , . sp-alpha , . sp-clear , . sp-alpha-handle , . sp-container . sp-dragging . sp-input , . sp-container button {
-webkit-user-select : none ;
-moz-user-select : -moz-none ;
-o-user-select : none ;
user-select : none ;
}
. sp-container . sp-input-disabled . sp-input-container {
display : none ;
}
. sp-container . sp-buttons-disabled . sp-button-container {
display : none ;
}
. sp-palette-only . sp-picker-container {
display : none ;
}
. sp-palette-disabled . sp-palette-container {
display : none ;
}
. sp-initial-disabled . sp-initial {
display : none ;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
. sp-sat {
background-image : -webkit-gradient ( linear , 0 0 , 100 % 0 , from ( # FFF ) , to ( rgba ( 204 , 154 , 129 , 0 ) ) ) ;
background-image : -webkit-linear-gradient ( left , # FFF , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : -moz-linear-gradient ( left , # fff , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : -o-linear-gradient ( left , # fff , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : -ms-linear-gradient ( left , # fff , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : linear-gradient ( to right , # fff , rgba ( 204 , 154 , 129 , 0 ) ) ;
-ms-filter : "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)" ;
filter : progid : DXImageTransform . Microsoft . gradient ( GradientType = 1 , startColorstr = '#FFFFFFFF' , endColorstr = '#00CC9A81' ) ;
}
. sp-val {
background-image : -webkit-gradient ( linear , 0 100 % , 0 0 , from ( # 000000 ) , to ( rgba ( 204 , 154 , 129 , 0 ) ) ) ;
background-image : -webkit-linear-gradient ( bottom , # 000000 , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : -moz-linear-gradient ( bottom , # 000 , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : -o-linear-gradient ( bottom , # 000 , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : -ms-linear-gradient ( bottom , # 000 , rgba ( 204 , 154 , 129 , 0 ) ) ;
background-image : linear-gradient ( to top , # 000 , rgba ( 204 , 154 , 129 , 0 ) ) ;
-ms-filter : "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)" ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#00CC9A81' , endColorstr = '#FF000000' ) ;
}
. sp-hue {
background : -moz-linear-gradient ( top , # ff0000 0 % , # ffff00 17 % , # 00ff00 33 % , # 00ffff 50 % , # 0000ff 67 % , # ff00ff 83 % , # ff0000 100 % ) ;
background : -ms-linear-gradient ( top , # ff0000 0 % , # ffff00 17 % , # 00ff00 33 % , # 00ffff 50 % , # 0000ff 67 % , # ff00ff 83 % , # ff0000 100 % ) ;
background : -o-linear-gradient ( top , # ff0000 0 % , # ffff00 17 % , # 00ff00 33 % , # 00ffff 50 % , # 0000ff 67 % , # ff00ff 83 % , # ff0000 100 % ) ;
background : -webkit-gradient ( linear , left top , left bottom , from ( # ff0000 ) , color-stop ( 0 . 17 , # ffff00 ) , color-stop ( 0 . 33 , # 00ff00 ) , color-stop ( 0 . 5 , # 00ffff ) , color-stop ( 0 . 67 , # 0000ff ) , color-stop ( 0 . 83 , # ff00ff ) , to ( # ff0000 ) ) ;
background : -webkit-linear-gradient ( top , # ff0000 0 % , # ffff00 17 % , # 00ff00 33 % , # 00ffff 50 % , # 0000ff 67 % , # ff00ff 83 % , # ff0000 100 % ) ;
}
/ * IE filters do not support multiple color stops .
Generate 6 divs , line them up , and do two color gradients for each .
Yes , really .
* /
. sp-1 {
height : 17 % ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ff0000' , endColorstr = '#ffff00' ) ;
}
. sp-2 {
height : 16 % ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ffff00' , endColorstr = '#00ff00' ) ;
}
. sp-3 {
height : 17 % ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#00ff00' , endColorstr = '#00ffff' ) ;
}
. sp-4 {
height : 17 % ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#00ffff' , endColorstr = '#0000ff' ) ;
}
. sp-5 {
height : 16 % ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#0000ff' , endColorstr = '#ff00ff' ) ;
}
. sp-6 {
height : 17 % ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ff00ff' , endColorstr = '#ff0000' ) ;
}
. sp-hidden {
display : none ! important ;
}
/* Clearfix hack */
. sp-cf : before , . sp-cf : after { content : "" ; display : table ; }
. sp-cf : after { clear : both ; }
. sp-cf { * zoom : 1 ; }
/* Mobile devices, make hue slider bigger so it is easier to slide */
@ media ( max-device-width : 480px ) {
. sp-color { right : 40 % ; }
. sp-hue { left : 63 % ; }
. sp-fill { padding-top : 60 % ; }
}
. sp-dragger {
border-radius : 5px ;
height : 5px ;
width : 5px ;
border : 1px solid # fff ;
background : # 000 ;
cursor : pointer ;
position : absolute ;
top : 0 ;
left : 0 ;
}
. sp-slider {
position : absolute ;
top : 0 ;
cursor : pointer ;
height : 3px ;
left : -1px ;
right : -1px ;
border : 1px solid # 000 ;
background : white ;
opacity : . 8 ;
}
/ *
Theme authors :
Here are the basic themeable display options ( colors , fonts , global widths ) .
See http : / / bgrins . github . io / spectrum / themes / for instructions .
* /
. sp-container {
border-radius : 0 ;
background-color : # ECECEC ;
border : solid 1px # f0c49B ;
padding : 0 ;
}
. sp-container , . sp-container button , . sp-container input , . sp-color , . sp-hue , . sp-clear
{
font : normal 12px "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Geneva , Verdana , sans-serif ;
-webkit-box-sizing : border-box ;
-moz-box-sizing : border-box ;
-ms-box-sizing : border-box ;
box-sizing : border-box ;
}
. sp-top
{
margin-bottom : 3px ;
}
. sp-color , . sp-hue , . sp-clear
{
border : solid 1px # 666 ;
}
/* Input */
. sp-input-container {
float : right ;
width : 100px ;
margin-bottom : 4px ;
}
. sp-initial-disabled . sp-input-container {
width : 100 % ;
}
. sp-input {
font-size : 12px ! important ;
border : 1px inset ;
padding : 4px 5px ;
margin : 0 ;
width : 100 % ;
background : transparent ;
border-radius : 3px ;
color : # 222 ;
}
. sp-input : focus {
border : 1px solid orange ;
}
. sp-input . sp-validation-error
{
border : 1px solid red ;
background : # fdd ;
}
. sp-picker-container , . sp-palette-container
{
float : left ;
position : relative ;
padding : 10px ;
padding-bottom : 300px ;
margin-bottom : -290px ;
}
. sp-picker-container
{
width : 172px ;
border-left : solid 1px # fff ;
}
/* Palettes */
. sp-palette-container
{
border-right : solid 1px # ccc ;
}
. sp-palette . sp-thumb-el {
display : block ;
position : relative ;
float : left ;
width : 24px ;
height : 15px ;
margin : 3px ;
cursor : pointer ;
border : solid 2px transparent ;
}
. sp-palette . sp-thumb-el : hover , . sp-palette . sp-thumb-el . sp-thumb-active {
border-color : orange ;
}
. sp-thumb-el
{
position : relative ;
}
/* Initial */
. sp-initial
{
float : left ;
border : solid 1px # 333 ;
}
. sp-initial span {
width : 30px ;
height : 25px ;
border : none ;
display : block ;
float : left ;
margin : 0 ;
}
. sp-initial . sp-clear-display {
background-position : center ;
}
/* Buttons */
. sp-button-container {
float : right ;
}
/* Replacer (the little preview div that shows up instead of the <input>) */
. sp-replacer {
margin : 0 ;
overflow : hidden ;
cursor : pointer ;
padding : 4px ;
display : inline-block ;
* zoom : 1 ;
* display : inline ;
border : solid 1px # 91765d ;
background : # eee ;
color : # 333 ;
vertical-align : middle ;
}
. sp-replacer : hover , . sp-replacer . sp-active {
border-color : # F0C49B ;
color : # 111 ;
}
. sp-replacer . sp-disabled {
cursor : default ;
border-color : silver ;
color : silver ;
}
. sp-dd {
padding : 2px 0 ;
height : 16px ;
line-height : 16px ;
float : left ;
font-size : 10px ;
}
. sp-preview
{
position : relative ;
width : 25px ;
height : 20px ;
border : solid 1px # 222 ;
margin-right : 5px ;
float : left ;
z-index : 0 ;
}
. sp-palette
{
* width : 220px ;
max-width : 220px ;
}
. sp-palette . sp-thumb-el
{
width : 16px ;
height : 16px ;
margin : 2px 1px ;
border : solid 1px # d0d0d0 ;
}
. sp-container
{
padding-bottom : 0 ;
}
/* Buttons: http://hellohappy.org/css3-buttons/ */
. sp-container button {
background-color : # eeeeee ;
background-image : -webkit-linear-gradient ( top , # eeeeee , # cccccc ) ;
background-image : -moz-linear-gradient ( top , # eeeeee , # cccccc ) ;
background-image : -ms-linear-gradient ( top , # eeeeee , # cccccc ) ;
background-image : -o-linear-gradient ( top , # eeeeee , # cccccc ) ;
background-image : linear-gradient ( to bottom , # eeeeee , # cccccc ) ;
border : 1px solid # ccc ;
border-bottom : 1px solid # bbb ;
border-radius : 3px ;
color : # 333 ;
font-size : 14px ;
line-height : 1 ;
padding : 5px 4px ;
text-align : center ;
text-shadow : 0 1px 0 # eee ;
vertical-align : middle ;
}
. sp-container button : hover {
background-color : # dddddd ;
background-image : -webkit-linear-gradient ( top , # dddddd , # bbbbbb ) ;
background-image : -moz-linear-gradient ( top , # dddddd , # bbbbbb ) ;
background-image : -ms-linear-gradient ( top , # dddddd , # bbbbbb ) ;
background-image : -o-linear-gradient ( top , # dddddd , # bbbbbb ) ;
background-image : linear-gradient ( to bottom , # dddddd , # bbbbbb ) ;
border : 1px solid # bbb ;
border-bottom : 1px solid # 999 ;
cursor : pointer ;
text-shadow : 0 1px 0 # ddd ;
}
. sp-container button : active {
border : 1px solid # aaa ;
border-bottom : 1px solid # 888 ;
-webkit-box-shadow : inset 0 0 5px 2px # aaaaaa , 0 1px 0 0 # eeeeee ;
-moz-box-shadow : inset 0 0 5px 2px # aaaaaa , 0 1px 0 0 # eeeeee ;
-ms-box-shadow : inset 0 0 5px 2px # aaaaaa , 0 1px 0 0 # eeeeee ;
-o-box-shadow : inset 0 0 5px 2px # aaaaaa , 0 1px 0 0 # eeeeee ;
box-shadow : inset 0 0 5px 2px # aaaaaa , 0 1px 0 0 # eeeeee ;
}
. sp-cancel
{
font-size : 11px ;
color : # d93f3f ! important ;
margin : 0 ;
padding : 2px ;
margin-right : 5px ;
vertical-align : middle ;
text-decoration : none ;
}
. sp-cancel : hover
{
color : # d93f3f ! important ;
text-decoration : underline ;
}
. sp-palette span : hover , . sp-palette span . sp-thumb-active
{
border-color : # 000 ;
}
. sp-preview , . sp-alpha , . sp-thumb-el
{
position : relative ;
background-image : url ( data : image / png ; base64 , iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH + YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg = = ) ;
}
. sp-preview-inner , . sp-alpha-inner , . sp-thumb-inner
{
display : block ;
position : absolute ;
top : 0 ; left : 0 ; bottom : 0 ; right : 0 ;
}
. sp-palette . sp-thumb-inner
{
background-position : 50 % 50 % ;
background-repeat : no-repeat ;
}
. sp-palette . sp-thumb-light . sp-thumb-active . sp-thumb-inner
{
background-image : url ( data : image / png ; base64 , iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi / 0DsT64h8UD8HmpIPCWG / KemIfOJCUB + Aoacx6EGBZyHBqI + WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII = ) ;
}
. sp-palette . sp-thumb-dark . sp-thumb-active . sp-thumb-inner
{
background-image : url ( data : image / png ; base64 , iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE + tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ + MKaBFhEMNabSy9oIcIPwrB + afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D + 9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m / iBcwiDAo7WiBeawa + Kwh7tZoSCGLMqwlSAzVDhoK + 6vH4G0P5wdkAAAAASUVORK5CYII = ) ;
}
. sp-clear-display {
background-repeat : no-repeat ;
background-position : center ;
background-image : url ( data : image / gif ; base64 , R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq / Hx8fLy8vT09PX19ff39 / j4 + Pn5 + fr6 + vv7 + wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08 + EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M / CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw = = ) ;
}
2014-04-28 22:05:37 +02:00
. combobox-container {
margin-bottom : 5px ;
* zoom : 1 ;
}
. combobox-container : before ,
. combobox-container : after {
display : table ;
content : "" ;
}
. combobox-container : after {
clear : both ;
}
. combobox-container input ,
. combobox-container . uneditable-input {
-webkit-border-radius : 0 3px 3px 0 ;
-moz-border-radius : 0 3px 3px 0 ;
border-radius : 0 3px 3px 0 ;
}
. combobox-container input : focus ,
. combobox-container . uneditable-input : focus {
position : relative ;
z-index : 2 ;
}
. combobox-container . uneditable-input {
border-left-color : # ccc ;
}
. combobox-container . active {
background-color : # a9dba9 ;
border-color : # 46a546 ;
}
. combobox-container input ,
. combobox-container . uneditable-input {
float : left ;
-webkit-border-radius : 3px 0 0 3px ;
-moz-border-radius : 3px 0 0 3px ;
border-radius : 3px 0 0 3px ;
}
. combobox-container . uneditable-input {
border-left-color : # eee ;
border-right-color : # ccc ;
}
. combobox-container input : first-child {
* margin-left : -160px ;
}
. combobox-container select {
display : inline-block ;
width : 0 ;
height : 0 ;
border : 0 ;
padding : 0 ;
margin : 0 ;
text-indent : -99999px ;
* text-indent : 0 ;
}
. form-search . combobox-container ,
. form-inline . combobox-container {
display : inline-block ;
margin-bottom : 0 ;
vertical-align : top ;
}
. combobox-selected . caret {
display : none ;
}
. typeahead-long {
max-height : 300px ;
overflow-y : auto ;
}
. combobox-container : not ( . combobox-selected ) . fa-times {
display : none ;
}
. twitter-typeahead . tt-query ,
. twitter-typeahead . tt-hint {
margin-bottom : 0 ;
}
. tt-dropdown-menu {
min-width : 160px ;
margin-top : 2px ;
padding : 5px 0 ;
background-color : # fff ;
border : 1px solid # ccc ;
border : 1px solid rgba ( 0 , 0 , 0 , . 2 ) ;
* border-right-width : 2px ;
* border-bottom-width : 2px ;
-webkit-border-radius : 6px ;
-moz-border-radius : 6px ;
border-radius : 6px ;
-webkit-box-shadow : 0 5px 10px rgba ( 0 , 0 , 0 , . 2 ) ;
-moz-box-shadow : 0 5px 10px rgba ( 0 , 0 , 0 , . 2 ) ;
box-shadow : 0 5px 10px rgba ( 0 , 0 , 0 , . 2 ) ;
-webkit-background-clip : padding-box ;
-moz-background-clip : padding ;
background-clip : padding-box ;
}
. tt-suggestion {
display : block ;
padding : 3px 20px ;
}
. tt-suggestion . tt-is-under-cursor {
color : # fff ;
background-color : # 0081c2 ;
background-image : -moz-linear-gradient ( top , # 0088cc , # 0077b3 ) ;
background-image : -webkit-gradient ( linear , 0 0 , 0 100 % , from ( # 0088cc ) , to ( # 0077b3 ) ) ;
background-image : -webkit-linear-gradient ( top , # 0088cc , # 0077b3 ) ;
background-image : -o-linear-gradient ( top , # 0088cc , # 0077b3 ) ;
background-image : linear-gradient ( to bottom , # 0088cc , # 0077b3 ) ;
background-repeat : repeat-x ;
filter : progid : DXImageTransform . Microsoft . gradient ( startColorstr = '#ff0088cc' , endColorstr = '#ff0077b3' , GradientType = 0 )
}
. tt-suggestion . tt-is-under-cursor a {
color : # fff ;
}
. tt-suggestion p {
margin : 0 ;
}
/ *
. tt-hint {
padding : 6px 12px ;
}
* /
. twitter-typeahead . tt-hint
{
display : block ;
height : 34px ;
padding : 6px 12px ;
font-size : 14px ;
line-height : 1 . 428571429 ;
border : 1px solid transparent ;
border-radius : 4px ;
}
. twitter-typeahead . hint-small
{
height : 30px ;
padding : 5px 10px ;
font-size : 12px ;
border-radius : 3px ;
line-height : 1 . 5 ;
}
. twitter-typeahead . hint-large
{
height : 45px ;
padding : 10px 16px ;
font-size : 18px ;
border-radius : 6px ;
line-height : 1 . 33 ;
}
2014-10-30 18:56:37 +01:00
/* Preload images */
body : after {
2014-11-12 16:22:54 +01:00
content : url ( css / . . / images / lightbox / close . png ) url ( css / . . / images / lightbox / loading . gif ) url ( css / . . / images / lightbox / prev . png ) url ( css / . . / images / lightbox / next . png ) ;
2014-10-30 18:56:37 +01:00
display : none ;
}
. lightboxOverlay {
position : absolute ;
top : 0 ;
left : 0 ;
z-index : 9999 ;
background-color : black ;
filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 80 ) ;
opacity : 0 . 8 ;
display : none ;
}
. lightbox {
position : absolute ;
left : 0 ;
width : 100 % ;
z-index : 10000 ;
text-align : center ;
line-height : 0 ;
font-weight : normal ;
}
. lightbox . lb-image {
display : block ;
height : auto ;
max-width : inherit ;
-webkit-border-radius : 3px ;
-moz-border-radius : 3px ;
-ms-border-radius : 3px ;
-o-border-radius : 3px ;
border-radius : 3px ;
}
. lightbox a img {
border : none ;
}
. lb-outerContainer {
position : relative ;
background-color : white ;
* zoom : 1 ;
width : 250px ;
height : 250px ;
margin : 0 auto ;
-webkit-border-radius : 4px ;
-moz-border-radius : 4px ;
-ms-border-radius : 4px ;
-o-border-radius : 4px ;
border-radius : 4px ;
}
. lb-outerContainer : after {
content : "" ;
display : table ;
clear : both ;
}
. lb-container {
padding : 4px ;
}
. lb-loader {
position : absolute ;
top : 43 % ;
left : 0 ;
height : 25 % ;
width : 100 % ;
text-align : center ;
line-height : 0 ;
}
. lb-cancel {
display : block ;
width : 32px ;
height : 32px ;
margin : 0 auto ;
2014-11-12 16:22:54 +01:00
background : url ( css / . . / images / lightbox / loading . gif ) no-repeat ;
2014-10-30 18:56:37 +01:00
}
. lb-nav {
position : absolute ;
top : 0 ;
left : 0 ;
height : 100 % ;
width : 100 % ;
z-index : 10 ;
}
. lb-container > . nav {
left : 0 ;
}
. lb-nav a {
outline : none ;
background-image : url ( 'data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==' ) ;
}
. lb-prev , . lb-next {
height : 100 % ;
cursor : pointer ;
display : block ;
}
. lb-nav a . lb-prev {
width : 34 % ;
left : 0 ;
float : left ;
2014-11-12 16:22:54 +01:00
background : url ( css / . . / images / lightbox / prev . png ) left 48 % no-repeat ;
2014-10-30 18:56:37 +01:00
filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 0 ) ;
opacity : 0 ;
-webkit-transition : opacity 0 . 6s ;
-moz-transition : opacity 0 . 6s ;
-o-transition : opacity 0 . 6s ;
transition : opacity 0 . 6s ;
}
. lb-nav a . lb-prev : hover {
filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 100 ) ;
opacity : 1 ;
}
. lb-nav a . lb-next {
width : 64 % ;
right : 0 ;
float : right ;
2014-11-12 16:22:54 +01:00
background : url ( css / . . / images / lightbox / next . png ) right 48 % no-repeat ;
2014-10-30 18:56:37 +01:00
filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 0 ) ;
opacity : 0 ;
-webkit-transition : opacity 0 . 6s ;
-moz-transition : opacity 0 . 6s ;
-o-transition : opacity 0 . 6s ;
transition : opacity 0 . 6s ;
}
. lb-nav a . lb-next : hover {
filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 100 ) ;
opacity : 1 ;
}
. lb-dataContainer {
margin : 0 auto ;
padding-top : 5px ;
* zoom : 1 ;
width : 100 % ;
-moz-border-radius-bottomleft : 4px ;
-webkit-border-bottom-left-radius : 4px ;
border-bottom-left-radius : 4px ;
-moz-border-radius-bottomright : 4px ;
-webkit-border-bottom-right-radius : 4px ;
border-bottom-right-radius : 4px ;
}
. lb-dataContainer : after {
content : "" ;
display : table ;
clear : both ;
}
. lb-data {
padding : 0 4px ;
color : # ccc ;
}
. lb-data . lb-details {
width : 85 % ;
float : left ;
text-align : left ;
line-height : 1 . 1em ;
}
. lb-data . lb-caption {
font-size : 13px ;
font-weight : bold ;
line-height : 1em ;
}
. lb-data . lb-number {
display : block ;
clear : left ;
padding-bottom : 1em ;
font-size : 12px ;
color : # 999999 ;
}
. lb-data . lb-close {
display : block ;
float : right ;
width : 30px ;
height : 30px ;
2014-11-12 16:22:54 +01:00
background : url ( css / . . / images / lightbox / close . png ) top right no-repeat ;
2014-10-30 18:56:37 +01:00
text-align : right ;
outline : none ;
filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 70 ) ;
opacity : 0 . 7 ;
-webkit-transition : opacity 0 . 2s ;
-moz-transition : opacity 0 . 2s ;
-o-transition : opacity 0 . 2s ;
transition : opacity 0 . 2s ;
}
. lb-data . lb-close : hover {
cursor : pointer ;
filter : progid : DXImageTransform . Microsoft . Alpha ( Opacity = 100 ) ;
opacity : 1 ;
}
2014-10-01 02:47:56 +02:00
/ * !
2014-11-04 19:32:18 +01:00
* Handsontable 0 . 11 . 4
2014-10-01 02:47:56 +02:00
* Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs
*
* Copyright 2012-2014 Marcin Warpechowski
* Licensed under the MIT license .
* http : / / handsontable . com /
*
2014-11-04 19:32:18 +01:00
* Date : Tue Oct 07 2014 21 : 47 : 07 GMT + 0200 ( CEST )
2014-10-01 02:47:56 +02:00
* /
. handsontable {
position : relative ;
}
2014-11-04 19:32:18 +01:00
. handsontable . hide {
display : none ;
}
2014-10-01 02:47:56 +02:00
. handsontable . relative {
position : relative ;
}
. handsontable . htAutoColumnSize {
visibility : hidden ;
left : 0 ;
position : absolute ;
top : 0 ;
}
. handsontable table ,
. handsontable tbody ,
. handsontable thead ,
. handsontable td ,
. handsontable th ,
. handsontable div {
box-sizing : content-box ;
-webkit-box-sizing : content-box ;
-moz-box-sizing : content-box ;
}
. handsontable table . htCore {
border-collapse : separate ;
/*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
position : relative ;
/ * this actually only changes appearance of user selection - does not make text unselectable
-webkit-user-select : none ;
-khtml-user-select : none ;
-moz-user-select : none ;
-o-user-select : none ;
-ms-user-select : none ;
/*user-select: none; /*no browser supports unprefixed version*/
border-spacing : 0 ;
margin : 0 ;
border-width : 0 ;
table-layout : fixed ;
width : 0 ;
outline-width : 0 ;
/* reset bootstrap table style. for more info see: https://github.com/handsontable/jquery-handsontable/issues/224 */
max-width : none ;
max-height : none ;
}
. handsontable col {
width : 50px ;
}
. handsontable col . rowHeader {
width : 50px ;
}
. handsontable th ,
. handsontable td {
border-right : 1px solid # CCC ;
border-bottom : 1px solid # CCC ;
height : 22px ;
empty-cells : show ;
line-height : 21px ;
padding : 0 4px 0 4px ;
/* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
background-color : # FFF ;
vertical-align : top ;
overflow : hidden ;
outline-width : 0 ;
white-space : pre-line ;
/* preserve new line character in cell */
}
. handsontable td . htInvalid {
background-color : # ff4c42 ! important ; /*gives priority over td.area selection background*/
}
. handsontable td . htNoWrap {
white-space : nowrap ;
}
. handsontable th : last-child {
/*Foundation framework fix*/
border-right : 1px solid # CCC ;
border-bottom : 1px solid # CCC ;
}
. handsontable tr : first-child th . htNoFrame ,
. handsontable th : first-child . htNoFrame ,
. handsontable th . htNoFrame {
border-left-width : 0 ;
background-color : white ;
border-color : # FFF ;
}
. handsontable th : first-child ,
. handsontable td : first-child ,
. handsontable . htNoFrame + th ,
. handsontable . htNoFrame + td {
border-left : 1px solid # CCC ;
}
. handsontable tr : first-child th ,
. handsontable tr : first-child td {
border-top : 1px solid # CCC ;
}
. handsontable thead tr : last-child th {
border-bottom-width : 0 ;
}
. handsontable thead tr . lastChild th {
border-bottom-width : 0 ;
}
. handsontable th {
background-color : # EEE ;
color : # 222 ;
text-align : center ;
font-weight : normal ;
white-space : nowrap ;
}
. handsontable thead th {
padding : 0 ;
}
. handsontable th . active {
background-color : # CCC ;
}
. handsontable thead th . relative {
padding : 2px 4px ;
}
/* plugins */
. handsontable . manualColumnMover {
position : fixed ;
left : 0 ;
top : 0 ;
background-color : transparent ;
width : 5px ;
height : 25px ;
z-index : 999 ;
cursor : move ;
}
. handsontable . manualRowMover {
position : fixed ;
left : -4px ;
top : 0 ;
background-color : transparent ;
height : 5px ;
width : 50px ;
z-index : 999 ;
cursor : move ;
}
. handsontable . manualColumnMoverGuide ,
. handsontable . manualRowMoverGuide {
position : fixed ;
left : 0 ;
top : 0 ;
background-color : # CCC ;
width : 25px ;
height : 25px ;
opacity : 0 . 7 ;
display : none ;
}
. handsontable . manualColumnMoverGuide . active ,
. handsontable . manualRowMoverGuide . active {
display : block ;
}
. handsontable . manualColumnMover : hover ,
. handsontable . manualColumnMover . active ,
. handsontable . manualRowMover : hover ,
. handsontable . manualRowMover . active {
background-color : # 88F ;
}
/* row + column resizer*/
. handsontable . manualColumnResizer {
position : fixed ;
top : 0 ;
cursor : col-resize ;
z-index : 110 ;
width : 5px ;
height : 25px ;
}
. handsontable . manualRowResizer {
position : fixed ;
left : 0 ;
cursor : row-resize ;
z-index : 110 ;
height : 5px ;
width : 50px ;
}
. handsontable . manualColumnResizer : hover ,
. handsontable . manualColumnResizer . active ,
. handsontable . manualRowResizer : hover ,
. handsontable . manualRowResizer . active {
background-color : # AAB ;
}
. handsontable . manualColumnResizerGuide {
position : fixed ;
right : 0 ;
top : 0 ;
background-color : # AAB ;
display : none ;
width : 0 ;
border-right : 1px dashed # 777 ;
margin-left : 5px ;
}
. handsontable . manualRowResizerGuide {
position : fixed ;
left : 0 ;
bottom : 0 ;
background-color : # AAB ;
display : none ;
height : 0 ;
border-bottom : 1px dashed # 777 ;
margin-top : 5px ;
}
. handsontable . manualColumnResizerGuide . active ,
. handsontable . manualRowResizerGuide . active {
display : block ;
}
. handsontable . columnSorting : hover {
text-decoration : underline ;
cursor : pointer ;
}
/* border line */
. handsontable . wtBorder {
position : absolute ;
font-size : 0 ;
}
. handsontable . wtBorder . hidden {
display : none ! important ;
}
. handsontable td . area {
background-color : # EEF4FF ;
}
/* fill handle */
. handsontable . wtBorder . corner {
font-size : 0 ;
cursor : crosshair ;
}
. handsontable . htBorder . htFillBorder {
background : red ;
width : 1px ;
height : 1px ;
}
. handsontableInput {
border : 2px solid # 5292F7 ;
outline-width : 0 ;
margin : 0 ;
padding : 1px 4px 0 2px ;
font-family : inherit ;
line-height : inherit ;
font-size : inherit ;
-webkit-box-shadow : 1px 2px 5px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
box-shadow : 1px 2px 5px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
resize : none ;
/*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
display : inline-block ;
color : # 000 ;
border-radius : 0 ;
background-color : # FFF ;
/*overwrite styles potentionally made by a framework*/
}
. handsontableInputHolder {
position : absolute ;
top : 0 ;
left : 0 ;
z-index : 100 ;
}
. htSelectEditor {
-webkit-appearance : menulist-button ! important ;
position : absolute ;
}
/ *
TextRenderer readOnly cell
* /
. handsontable . htDimmed {
color : # 777 ;
}
. handsontable . htSubmenu : after {
content : '▶' ;
color : # 777 ;
position : absolute ;
right : 5px ;
}
/ *
TextRenderer horizontal alignment
* /
. handsontable . htLeft {
text-align : left ;
}
. handsontable . htCenter {
text-align : center ;
}
. handsontable . htRight {
text-align : right ;
}
. handsontable . htJustify {
text-align : justify ;
}
/ *
TextRenderer vertical alignment
* /
. handsontable . htTop {
vertical-align : top ;
}
. handsontable . htMiddle {
vertical-align : middle ;
}
. handsontable . htBottom {
vertical-align : bottom ;
}
/ *
TextRenderer placeholder value
* /
. handsontable . htPlaceholder {
color : # 999 ;
}
/ *
AutocompleteRenderer down arrow
* /
. handsontable . htAutocompleteArrow {
float : right ;
font-size : 10px ;
color : # EEE ;
cursor : default ;
width : 16px ;
text-align : center ;
}
. handsontable td . htAutocompleteArrow : hover {
color : # 777 ;
}
/ *
CheckboxRenderer
* /
. handsontable . htCheckboxRendererInput . noValue {
opacity : 0 . 5 ;
}
/ *
NumericRenderer
* /
. handsontable . htNumeric {
text-align : right ;
}
/ *
Comment For Cell
* /
. htCommentCell {
position : relative ;
}
. htCommentCell : after {
content : '' ;
position : absolute ;
top : 0 ;
right : 0 ;
border-left : 6px solid transparent ;
border-top : 6px solid red ;
}
/ * *
* Handsontable in Handsontable
* /
. handsontable . handsontable . wtHider {
padding : 0 0 5px 0 ;
}
. handsontable . handsontable table {
-webkit-box-shadow : 1px 2px 5px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
box-shadow : 1px 2px 5px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
}
/ * *
* Autocomplete Editor
* /
. handsontable . autocompleteEditor . handsontable {
padding-right : 17px ;
}
. handsontable . autocompleteEditor . handsontable . htMacScroll {
padding-right : 15px ;
}
/ * *
* Handsontable listbox theme
* /
. handsontable . listbox {
margin : 0 ;
}
. handsontable . listbox . ht_master table {
border : 1px solid # ccc ;
border-collapse : separate ;
background : white ;
}
. handsontable . listbox th ,
. handsontable . listbox tr : first-child th ,
. handsontable . listbox tr : last-child th ,
. handsontable . listbox tr : first-child td ,
. handsontable . listbox td {
border-width : 0 ;
}
. handsontable . listbox th ,
. handsontable . listbox td {
white-space : nowrap ;
text-overflow : ellipsis ;
}
. handsontable . listbox td . htDimmed {
cursor : default ;
color : inherit ;
font-style : inherit ;
}
. handsontable . listbox . wtBorder {
visibility : hidden ;
}
. handsontable . listbox tr td . current ,
. handsontable . listbox tr : hover td {
background : # eee ;
}
. htContextMenu {
display : none ;
position : absolute ;
z-index : 1060 ; /*needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569)*/
}
. htContextMenu . ht_clone_top ,
. htContextMenu . ht_clone_left ,
. htContextMenu . ht_clone_corner {
display : none ;
}
. ht_clone_top {
z-index : 101 ;
}
. ht_clone_left {
z-index : 102 ;
}
. ht_clone_corner {
z-index : 103 ;
}
. htContextMenu table . htCore {
outline : 1px solid # bbb ;
}
. htContextMenu . wtBorder {
visibility : hidden ;
}
. htContextMenu table tbody tr td {
background : white ;
border-width : 0 ;
padding : 4px 6px 0px 6px ;
cursor : pointer ;
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
}
. htContextMenu table tbody tr td : first-child {
border : 0 ;
}
. htContextMenu table tbody tr td . htDimmed {
font-style : normal ;
color : # 323232 ;
}
. htContextMenu table tbody tr td . current ,
. htContextMenu table tbody tr td . zeroclipboard-is-hover {
background : rgb ( 233 , 233 , 233 ) ;
}
. htContextMenu table tbody tr td . htSeparator {
border-top : 1px solid # bbb ;
height : 0 ;
padding : 0 ;
}
. htContextMenu table tbody tr td . htDisabled {
color : # 999 ;
}
. htContextMenu table tbody tr td . htDisabled : hover {
background : white ;
color : # 999 ;
cursor : default ;
}
. htContextMenu table tbody tr td div {
padding-left : 10px ;
}
. htContextMenu table tbody tr td div span . selected {
margin-top : -2px ;
position : absolute ;
left : 4px ;
}
. handsontable td . htSearchResult {
background : # fcedd9 ;
color : # 583707 ;
}
/ *
Cell borders
* /
. htBordered {
/*box-sizing: border-box !important;*/
border-width : 1px ;
}
. htBordered . htTopBorderSolid {
border-top-style : solid ;
border-top-color : # 000 ;
}
. htBordered . htRightBorderSolid {
border-right-style : solid ;
border-right-color : # 000 ;
}
. htBordered . htBottomBorderSolid {
border-bottom-style : solid ;
border-bottom-color : # 000 ;
}
. htBordered . htLeftBorderSolid {
border-left-style : solid ;
border-left-color : # 000 ;
}
. htCommentTextArea {
background-color : # FFFACD ;
box-shadow : 1px 1px 2px # bbb ;
font-family : 'Arial' ;
-webkit-box-shadow : 1px 1px 2px # bbb ;
-moz-box-shadow : 1px 1px 2px # bbb ;
}
2014-11-04 19:32:18 +01:00
/* Grouping indicators */
. handsontable colgroup col . rowHeader . htGroupCol {
width : 25px ! important ;
}
. handsontable colgroup col . rowHeader . htGroupColClosest {
width : 30px ! important ;
}
. handsontable . htGroupIndicatorContainer {
background : # fff ;
border : 0px ;
padding-bottom : 0px ;
vertical-align : bottom ;
position : relative ;
}
. handsontable thead . htGroupIndicatorContainer {
vertical-align : top ;
border-bottom : 0px ;
}
. handsontable tbody tr th : nth-last-child ( 2 ) {
border-right : 1px solid # CCC ;
}
. handsontable thead tr : nth-last-child ( 2 ) th {
border-bottom : 1px solid # CCC ;
padding-bottom : 5px ;
}
. ht_clone_corner thead tr th : nth-last-child ( 2 ) {
border-right : 1px solid # CCC ;
}
. htVerticalGroup {
height : 100 % ;
}
. htHorizontalGroup {
width : 100 % ;
height : 100 % ;
}
. htVerticalGroup : not ( . htCollapseButton ) : after {
content : "" ;
height : 100 % ;
width : 1px ;
display : block ;
background : # ccc ;
margin-left : 5px ;
}
. htHorizontalGroup : not ( . htCollapseButton ) : after {
content : "" ;
width : 100 % ;
height : 1px ;
display : block ;
background : # ccc ;
margin-top : 20 % ;
}
. htCollapseButton {
width : 10px ;
height : 10px ;
line-height : 10px ;
text-align : center ;
border-radius : 5px ;
border : 1px solid # f3f3f3 ;
-webkit-box-shadow : 1px 1px 3px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
box-shadow : 1px 1px 3px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
cursor : pointer ;
margin-bottom : 3px ;
position : relative ;
}
. htCollapseButton : after {
content : "" ;
height : 300 % ;
width : 1px ;
display : block ;
background : # ccc ;
margin-left : 4px ;
position : absolute ;
/*top: -300%;*/
bottom : 10px ;
}
thead . htCollapseButton {
right : 5px ;
position : absolute ;
top : 5px ;
background : # fff ;
}
thead . htCollapseButton : after {
height : 1px ;
width : 700 % ;
right : 10px ;
top : 4px ;
}
. handsontable tr th . htGroupStart : after {
background : transparent ;
border-left : 1px solid # ccc ;
border-top : 1px solid # ccc ;
width : 5px ;
position : relative ;
top : 50 % ;
}
. handsontable thead tr th . htGroupStart : after {
background : transparent ;
border-left : 1px solid # ccc ;
border-top : 1px solid # ccc ;
height : 5px ;
width : 50 % ;
position : relative ;
top : 0px ;
left : 50 % ;
}
. handsontable . htGroupLevelTrigger {
-webkit-box-shadow : 1px 1px 3px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
box-shadow : 1px 1px 3px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
width : 15px ;
height : 15px ;
margin : 4px auto ;
padding : 0px ;
line-height : 15px ;
cursor : pointer ;
}
. handsontable tr th . htExpandButton {
position : absolute ;
width : 10px ;
height : 10px ;
line-height : 10px ;
text-align : center ;
border-radius : 5px ;
border : 1px solid # f3f3f3 ;
-webkit-box-shadow : 1px 1px 3px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
box-shadow : 1px 1px 3px rgba ( 0 , 0 , 0 , 0 . 4 ) ;
cursor : pointer ;
top : 0px ;
display : none ;
}
. handsontable thead tr th . htExpandButton {
/*left: 5px;*/
top : 5px ;
}
. handsontable tr th . htExpandButton . clickable {
display : block ;
}
. handsontable col . hidden {
width : 0px ! important ;
}
. handsontable tr . hidden ,
. handsontable tr . hidden td ,
. handsontable tr . hidden th {
display : none ;
}
2014-10-01 02:47:56 +02:00
/*WalkontableDebugOverlay*/
. wtDebugHidden {
display : none ;
}
. wtDebugVisible {
display : block ;
-webkit-animation-duration : 0 . 5s ;
-webkit-animation-name : wtFadeInFromNone ;
animation-duration : 0 . 5s ;
animation-name : wtFadeInFromNone ;
}
@ keyframes wtFadeInFromNone {
0 % {
display : none ;
opacity : 0 ;
}
1 % {
display : block ;
opacity : 0 ;
}
100 % {
display : block ;
opacity : 1 ;
}
}
@ -webkit-keyframes wtFadeInFromNone {
0 % {
display : none ;
opacity : 0 ;
}
1 % {
display : block ;
opacity : 0 ;
}
100 % {
display : block ;
opacity : 1 ;
}
}
2014-04-28 22:05:37 +02:00
body { background : #f8f8f8 !important ;
font-family : 'Roboto' , sans-serif ;
}
. bold { font-weight : 700 ; }
a { color : #0b4d78 ; }
a : hover { text-decoration : none ; color : #0a3857 ; }
. breadcrumb {
padding : 8px 0 ! important ;
}
legend {
padding-bottom : 10px ;
margin-bottom : 20px ;
font-size : 20px ;
font-weight : 700 ;
line-height : inherit ;
color : # 333 ;
border-bottom : 1px solid # dfe0e1 ;
}
. greenlink a { color : #36c157 ; }
. greenlink a : hover { color : #2e9e49 ; }
. redlink a { color : #da4830 ; }
. redlink { color : #da4830 ; }
. redlink a : hover { color : #c13b25 ; }
. redlink : hover { color : #c13b25 ; }
. buttons { margin : 25 px 0 ; }
. buttons . btn { margin : 0 6 px ; }
/*forms*/
. form-group {
margin-bottom : 17px ;
}
. form-control {
display : block ;
width : 100 % ;
height : 40px ;
padding : 9px 12px ;
font-size : 14px ;
line-height : 1 . 42857143 ;
color : # 555 ;
background-color : # fff ;
background-image : none ;
border : 1px solid # dfe0e1 ;
border-radius : 2px ;
-webkit-box-shadow : none ;
box-shadow : none ;
-webkit-transition : border-color ease-in-out . 15s , box-shadow ease-in-out . 15s ;
transition : border-color ease-in-out . 15s , box-shadow ease-in-out . 15s ;
}
. form-horizontal . control-label , . form-horizontal . radio , . form-horizontal . checkbox , . form-horizontal . radio-inline , . form-horizontal . checkbox-inline {
margin-top : 0 ;
margin-bottom : 0 ;
padding-top : 10px ;
}
textarea . form-control {
/*height: auto !important;*/
min-height : 40px ;
}
/*tables*/
table . dataTable { border-radius : 3 px ; border-collapse : collapse ;
/*border-spacing: 0;*/ }
table . dataTable thead > tr > th , table . invoice-table thead > tr > th {
background-color : # e37329 ! important ;
color : # fff ;
}
th : first-child {
border-radius : 3px 0 0 0 ;
border-left : none ;
}
th : last-child {
border-radius : 0 3px 0 0 ;
}
tr { border : none ; }
th { border-left : 1 px solid #d26b26 ; }
. table > thead > tr > th , . table > tbody > tr > th , . table > tfoot > tr > th , . table > thead > tr > td , . table > tbody > tr > td , . table > tfoot > tr > td {
vertical-align : middle ;
border-top : none ;
border-bottom : 1px solid # dfe0e1 ;
}
table . dataTable . no-footer {
border-bottom : none ;
}
2014-11-16 11:41:07 +01:00
. table-striped > tbody > tr : nth-child ( odd ) > td ,
. table-striped > tbody > tr : nth-child ( odd ) > th {
background-color : # FDFDFD ;
2014-04-28 22:05:37 +02:00
}
table . table thead . sorting_asc {
2014-10-31 17:26:22 +01:00
background : url ( 'css/../images/sort_asc.png' ) no-repeat 90 % 50 % ;
2014-04-28 22:05:37 +02:00
}
table . table thead . sorting_desc {
2014-10-31 17:26:22 +01:00
background : url ( 'css/../images/sort_desc.png' ) no-repeat 90 % 50 % ;
2014-04-28 22:05:37 +02:00
}
table . dataTable thead th , table . dataTable thead td , table . invoice-table thead th , table . invoice-table thead td {
padding : 12px 10px ;
}
table . dataTable tbody th , table . dataTable tbody td {
padding : 10px ;
}
. datepicker {
padding : 4px ! important ;
margin-top : 1px ;
-webkit-border-radius : 3px ;
-moz-border-radius : 3px ;
border-radius : 3px ;
}
. datepicker . dropdown-menu {
border : 1px solid # dfe0e1 ;
-webkit-border-radius : 5px ;
-moz-border-radius : 5px ;
border-radius : 5px ;
-webkit-box-shadow : 0 5px 10px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
-moz-box-shadow : 0 5px 10px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
box-shadow : 0 5px 10px rgba ( 0 , 0 , 0 , 0 . 05 ) ;
color : # 333333 ;
font-family : "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 13px ;
line-height : 20px ;
}
. datepicker table { font-size : 12 px ; border-spacing : 2 px ; }
. datepicker td , . datepicker th { width : 30 px ; }
. datepicker table tr td . active . active , . datepicker table tr td . active : hover . active {
background-color : # 0b4d78 ;
background-image : none ;
}
. datepicker table tr td . today { color : #333 ; background-color : #edd71e !important ; background-image : none ; text-shadow : none ; }
. datepicker table tr td . today : hover { color : #333 ; background-color : #edd71e !important ; background-image : none ; text-shadow : none ; }
. datepicker table tr td . today . active : hover {
color : # 333 ;
}
/*modals*/
. modal . container {
padding : 20px ;
}
. modal-header {
border-bottom : none ;
background-color : # 0b4d78 ;
padding : 20px ;
color : # fff ;
}
. modal-footer {
background-color : # f8f8f8 ;
border-top : none ;
}
. modal thead {
background : # fff ;
color : # 333 ;
}
. modal . table > thead > tr > th {
border-bottom : 1px solid # dfe0e1 ! important ; padding-top : 30px ;
background : # fff ! important ;
color : # 333 ! important ;
}
. modal . table > thead > tr > th : first-child , . modal . table > thead > tr > th : last-child {
border-bottom : none ! important ;
}
. modal . close {
color : # fff ;
text-shadow : none ;
opacity : . 8 ;
filter : alpha ( opacity = 80 ) ;
}
. modal . close : hover {
opacity : 1 ;
filter : alpha ( opacity = 100 ) ;
}
/*buttons*/
. btn { font-weight : bold ;
border-radius : 3px ;
padding : 9px 12px ;
}
. btn-success {
background-color : # 36c157 ! important ;
border-color : # 36c157 ! important ;
}
. btn-success : hover , . btn-success : focus , . btn-success : active , . btn-success . active , . open . dropdown-toggle . btn-success { background-color : #33b753 !important ; border-color : #33b753 !important ; }
. btn-sm , . btn-group-sm > . btn {
padding : 5px 10px ;
}
. btn-group . open . dropdown-toggle {
-webkit-box-shadow : none ;
box-shadow : none ;
}
. btn-primary {
background-color : # 0b4d78 ;
border-color : # 0b4d78 ;
}
. btn-primary : hover , . btn-primary : focus , . btn-primary : active , . btn-primary . active , . open . dropdown-toggle . btn-primary {
background-color : # 0a456c ;
border-color : # 0a456c ;
}
. btn-default { background-color : #808080 ;
border-color : # 808080 ;
color : # fff ;
}
. btn-default : hover , . btn-default : focus , . btn-default : active , . btn-default . active , . open . dropdown-toggle . btn-default {
color : # fff ;
background-color : # 737373 ;
border-color : # 737373 ;
}
. btn-info { background-color : #e27329 ;
border-color : # e27329 ;
color : # fff ;
}
. btn-info : hover , . btn-info : focus , . btn-info : active , . btn-info . active , . open . dropdown-toggle . btn-info {
color : # fff ;
background-color : # d66d27 ;
border-color : # d66d27 ;
}
. btn-lg , . btn-group-lg > . btn {
padding : 10px 16px ;
font-size : 18px ;
height : auto ;
}
. btn-default . disabled , . btn-default [ disabled ] , fieldset [ disabled ] . btn-default , . btn-default . disabled : hover , . btn-default [ disabled ] : hover , fieldset [ disabled ] . btn-default : hover , . btn-default . disabled : focus , . btn-default [ disabled ] : focus , fieldset [ disabled ] . btn-default : focus , . btn-default . disabled : active , . btn-default [ disabled ] : active , fieldset [ disabled ] . btn-default : active , . btn-default . disabled . active , . btn-default [ disabled ] . active , fieldset [ disabled ] . btn-default . active {
background-color : # b5b5b5 ;
border-color : # b5b5b5 ;
}
. input-group-addon {
background-color : # f4f4f4 ;
border : 1px solid # dfe0e1 ;
border-radius : 3px ;
cursor : pointer ;
}
. caret {
margin-left : 0px ;
}
. btn i . glyphicon { font-size : 16 px ; margin-left : 7 px ; top : 2 px ; }
. btn-primary i {
border-color : # 0b4d78 ;
}
. form-actions . btn { margin-left : 10 px ; }
. form-actions . btn . btn-success : first-child {
margin-left : 10px ! important ;
}
/*alerts*/
. alert {
padding : 15px ;
border : none ;
border-radius : 3px ;
}
/*new*/
div {
word-break : break-word ;
}
2014-09-17 08:26:01 +02:00
div . input-group {
word-break : normal ;
}
2014-04-28 22:05:37 +02:00
div . required > label {
font-weight : bold ! important ;
}
label . checkbox ,
label . control-label {
font-weight : normal ! important ;
}
. breadcrumb {
background-color : inherit ;
font-size : 22px ;
}
div . panel {
padding-left : 0px ! important ;
padding-right : 0px ! important ;
}
. panel {
border-radius : 3px ;
-webkit-box-shadow : 0 1px 1px rgba ( 0 , 0 , 0 , . 05 ) ;
box-shadow : 0 1px 1px rgba ( 0 , 0 , 0 , . 05 ) ;
}
. pointer {
cursor : pointer ;
}
. form-actions {
margin : 0 ;
background-color : transparent ;
text-align : center ;
}
. less-space-bottom {
padding-bottom : 4px ! important ;
margin-bottom : 4px ! important ;
}
/* DataTables and BootStrap */
. dataTables_wrapper {
padding-top : 16px ;
}
table . table thead > tr > th {
border-bottom-width : 0px ;
}
table td {
max-width : 250px ;
}
. pagination > . active > a , . pagination > . active > span , . pagination > . active > a : hover , . pagination > . active > span : hover , . pagination > . active > a : focus , . pagination > . active > span : focus {
background-color : # 0b4d78 ;
border-color : # 0b4d78 ;
}
. pagination > li : first-child > a , . pagination > li : first-child > span {
border-bottom-left-radius : 3px ;
border-top-left-radius : 3px ;
}
/* hide table sorting indicators */
table . table thead . sorting { background : url ( '' ) no-repeat center right ; }
/* navigation */
. sidebar-nav {
padding : 9px 0 ;
}
. dropdown-menu . sub-menu {
left : 100 % ;
position : absolute ;
visibility : hidden ;
}
. dropdown-menu li : hover . sub-menu {
visibility : visible ;
}
. dropdown : hover . dropdown-menu {
display : block ;
}
. navbar-nav > li > a {
padding-top : 20px ;
padding-bottom : 20px ;
}
. nav-tabs . dropdown-menu , . nav-pills . dropdown-menu , . navbar . dropdown-menu {
margin-top : 0 ;
}
. nav-tabs { color : #fff ; }
. nav-tabs . nav-justified > li > a {
border : none ;
border-radius : 0 ;
color : # fff ;
background-color : # 9b9b9b ;
}
. nav-tabs . nav-justified > li : first-child > a {
border-radius : 3px 0 0 3px ;
border-left : none ;
}
. nav-tabs . nav-justified > li : last-child > a {
border-radius : 0 3px 3px 0 ;
}
. nav-tabs . nav-justified > li > a : hover {
background-color : # 8a8a8a ;
}
. nav-tabs . nav-justified > . active > a , . nav-tabs . nav-justified > . active > a : hover , . nav-tabs . nav-justified > . active > a : focus {
border : none ;
background-color : # 808080 ;
font-weight : bold ;
color : # fff ;
}
. navbar {
background-color : # 0b4d78 ! important ;
background-image : none ;
background-repeat : no-repeat ;
filter : none ;
}
. navbar . active > a {
background-color : # 09334f ! important ;
background-image : none ;
background-repeat : no-repeat ;
filter : none ;
}
. navbar . sub-menu : before {
border-bottom : 7px solid transparent ;
border-left : none ;
border-right : 7px solid rgba ( 0 , 0 , 0 , 0 . 2 ) ;
border-top : 7px solid transparent ;
left : -7px ;
top : 10px ;
}
. navbar . sub-menu : after {
border-top : 6px solid transparent ;
border-left : none ;
border-right : 6px solid # fff ;
border-bottom : 6px solid transparent ;
left : 10px ;
top : 11px ;
left : -6px ;
}
. navbar . dropdown-menu {
border-top : 1px solid # 0b4d78 ;
}
. navbar-brand {
padding-top : 20px ;
}
. dropdown-menu {
left : 0 ;
top : 100 % ;
min-width : 160px ;
padding : 5px 0 ;
font-size : 14px ;
border : none ;
border-radius : 3px ;
-webkit-box-shadow : 0 6px 12px rgba ( 0 , 0 , 0 , . 05 ) ;
box-shadow : 0 6px 12px rgba ( 0 , 0 , 0 , . 05 ) ;
background-clip : padding-box ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Dashboard
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. in-bold {
font-size : 26px ;
font-weight : bold ; ;
}
. in-thin {
font-size : 26px ;
font-weight : 100 ;
}
. in-bold-white {
font-weight : bold ;
color : white ;
}
. in-image {
float : left ; padding-right : 25px ;
}
. in-white {
color : white ;
}
. active-clients {
background-color : # 0b4d78 ;
2014-10-31 17:26:22 +01:00
background-image : url ( 'css/../images/activeclients.png' ) ;
2014-04-28 22:05:37 +02:00
background-position : center ;
background-repeat : no-repeat ;
height : 200px ;
padding-top : 44px ;
text-align : center ;
}
. average-invoice {
background-color : # ecd817 ;
height : 200px ;
padding-top : 60px ;
text-align : center ;
}
. invoice-table tbody {
border-style : none ! important ;
}
. panel-body { padding : 25 px ; }
. dashboard . panel-heading { margin : -1 px ; }
. dashboard . panel-body { padding : 0 ; }
. dashboard . table-striped > tbody > tr > td , . table-striped > tbody > tr > th { background-color : #fbfbfb ; }
. dashboard . table-striped > tbody > tr : nth-child ( odd ) > td , . table-striped > tbody > tr : nth-child ( odd ) > th {
background-color : # fff ;
}
. dashboard th {
border-left : none ;
background-color : # fbfbfb ;
border-bottom : 1px solid # dfe0e1 ;
}
. dashboard table . table thead > tr > th {
border-bottom-width : 1px ;
}
. dashboard . table-striped > tbody > tr > td : first-child { padding-left : 15 px ; }
. dashboard . table-striped > thead > tr > th : first-child { padding-left : 15 px ; }
2014-07-20 12:38:42 +02:00
. invoice-table tfoot input {
text-align : right ;
}
2014-04-28 22:05:37 +02:00
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
New / edit invoice page
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
table . invoice-table { color : #333 ; }
table . invoice-table th : first-child {
border-radius : 3px 0 0 3px ;
}
table . invoice-table th : last-child {
border-radius : 0 3px 3px 0 ;
}
. invoice-table td . hide-border ,
. invoice-table th . hide-border {
border-style : none ! important ;
}
. invoice-table . line-total {
padding-top : 6px ;
}
. invoice-table td . td-icon {
vertical-align : middle ! important ;
}
. fa-sort {
cursor : move ! important ;
}
. closer-row {
margin-bottom : 2px ;
}
/* Animate col width changes */
body {
-webkit-transition : all 0 . 5s ease ;
-moz-transition : all 0 . 5s ease ;
-o-transition : all 0 . 5s ease ;
transition : all 0 . 5s ease ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
New / edit invoice page
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. two-column . form-group div {
-webkit-column-count : 2 ; /* Chrome, Safari, Opera */
-moz-column-count : 2 ; /* Firefox */
column-count : 2 ;
}
. two-column . form-group div . radio {
margin-left : 10px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Add mouse over drop down to header menu
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. navbar-default {
background-color : # 428bff ;
border-color : transparent ;
}
. navbar-default . navbar-brand {
color : # ecf0f1 ;
}
. navbar-default . navbar-brand : hover ,
. navbar-default . navbar-brand : focus {
color : # ffffff ;
}
. navbar-default . navbar-nav > li > a {
color : # ecf0f1 ;
}
. navbar-default . navbar-nav > li > a : hover ,
. navbar-default . navbar-nav > li > a : focus {
color : # ffffff ;
}
. navbar-default . navbar-nav > . active > a ,
. navbar-default . navbar-nav > . active > a : hover ,
. navbar-default . navbar-nav > . active > a : focus {
color : # ffffff ;
background-color : # 3276b1 ;
}
. navbar-default . navbar-nav > . open > a ,
. navbar-default . navbar-nav > . open > a : hover ,
. navbar-default . navbar-nav > . open > a : focus {
color : # ffffff ;
background-color : # 3276b1 ;
}
. navbar-default . navbar-nav > . dropdown > a . caret {
border-top-color : # ecf0f1 ;
border-bottom-color : # ecf0f1 ;
}
. navbar-default . navbar-nav > . dropdown > a : hover . caret ,
. navbar-default . navbar-nav > . dropdown > a : focus . caret {
border-top-color : # ffffff ;
border-bottom-color : # ffffff ;
}
. navbar-default . navbar-nav > . open > a . caret ,
. navbar-default . navbar-nav > . open > a : hover . caret ,
. navbar-default . navbar-nav > . open > a : focus . caret {
border-top-color : # ffffff ;
border-bottom-color : # ffffff ;
}
. navbar-default . navbar-toggle {
border-color : # 3276b1 ;
}
. navbar-default . navbar-toggle : hover ,
. navbar-default . navbar-toggle : focus {
background-color : # 3276b1 ;
}
. navbar-default . navbar-toggle . icon-bar {
background-color : # ecf0f1 ;
}
. navbar-form { margin-top : 15 px ; padding-right : 0 ; }
. navbar-form : first-child { padding-right : 0 ; }
. navbar-form . form-control { height : 30 px ; }
. twitter-typeahead . tt-hint {
height : 30px ;
border-radius : 3px ;
}
. navbar-form . btn-default {
color : # fff ;
background-color : # 09334f ;
border-color : # 09334f ;
}
. navbar-form . dropdown-toggle . btn-default {
color : # fff ;
background-color : # 08273c ;
border-color : # 08273c ;
}
# signUpPopOver {
cursor : pointer ;
}
div . fb_iframe_widget {
display : inline ;
}
div . fb_iframe_widget > span {
vertical-align : top ! important ;
}
. pro-label {
font-size : 9px ;
}
2014-05-04 17:49:57 +02:00
. plans-table { float : none ; margin-top : 10 px ; }
. plans-table div { text-align : center ; margin : 0 auto ; }
. plans-table . free , . plans-table . desc { padding : 0 ; }
. plans-table . free . cell { padding-right : 15 px ; }
. plans-table . desc . cell { text-align : right ; padding-right : 15 px ; border-left : 1 px solid #dfe0e1 ; font-size : 13 px ; font-weight : 800 ; }
. plans-table . pro . cell { border-left : 1 px solid #cccccc ; border-right : 1 px solid #cccccc ; }
. plans-table . cell { background-color : #fff ; border-top : 1 px solid #dfe0e1 ; padding : 18 px 0 ; font-family : Roboto , sans-serif ; height : 60 px ; }
. plans-table . cell : nth-child ( odd ) { background-color : #fbfbfb ; }
. plans-table . pro . cell : nth-child ( odd ) { background-color : #f4f4f4 ; }
. plans-table . pro {
background-color : # 2299c0 ;
overflow : hidden ;
padding : 0 ;
-webkit-box-shadow : 0px 0px 15px 0px rgba ( 0 , 5 , 5 , 0 . 2 ) ;
-moz-box-shadow : 0px 0px 15px 0px rgba ( 0 , 5 , 5 , 0 . 2 ) ;
box-shadow : 0px 0px 15px 0px rgba ( 0 , 5 , 5 , 0 . 2 ) ;
}
. plans-table . free . cell : first-child , . plans-table . pro . cell : first-child { color : #fff ; text-transform : uppercase ; font-size : 24 px ; font-weight : 800 ; line-height : 60 px ; padding : 0 ; position : relative ; bottom : -1 px ; border : none ; }
. plans-table . free . cell : first-child { background-color : #9b9b9b ; margin-right : 15 px ; padding-right : 0 ; }
. plans-table . free , . plans-table . desc { border-bottom : 1 px solid #dfe0e1 ; }
. plans-table . pro . cell : first-child { background-color : #2299c0 ; }
. plans-table . pro . cell : last-child { padding : 0 ; border : none ; }
. plans-table . desc . cell : first-child { background-color : transparent ; border : none ; }
. plans-table . glyphicon { color : #fff ; border-radius : 50 px ; padding : 5 px ; font-size : 10 px ; }
. plans-table . glyphicon-remove { background-color : #da4830 ; }
. plans-table . glyphicon-ok { background-color : #35c156 ; }
. plans-table . glyphicon-star { border-radius : 0 ; background-color : #2e2b2b ;
display : block ;
width : 60px ;
height : 30px ;
position : absolute ;
top : -5px ;
right : -20px ;
-webkit-transform : rotate ( 45deg ) ;
-moz-transform : rotate ( 45deg ) ;
-o-transform : rotate ( 45deg ) ;
transform : rotate ( 45deg ) ;
padding : 13px 0 0 1px ;
}
. plans-table . price { padding : 0 ; }
. plans-table . free . price p { color : #35c156 ; }
. plans-table . pro . price p { color : #2299c0 ; }
. plans-table . price p { font-size : 40 px ; text-transform : uppercase ; font-weight : 800 ; margin : 0 ; line-height : 55 px ; }
. plans-table . price p span { font-size : 16 px ; text-transform : none ; font-weight : 400 ; }
. plans-table a . cta h2 { background : #2299c0 ; color : #fff ; margin : 0 ; }
. plans-table a . cta h2 span { background : #1e84a5 ; }
2014-11-04 19:32:18 +01:00
. checkbox-inline input [ type = "checkbox" ] {
margin-left : 0px ! important ;
}
2014-10-30 18:56:37 +01:00
# designThumbs img {
border : 1px solid # CCCCCC ;
}
2014-11-12 16:22:54 +01:00
. ellipsis {
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
}
2014-11-23 22:47:10 +01:00
. entityArchived {
2014-11-27 11:55:09 +01:00
color : # 888 ! important ;
2014-11-23 22:47:10 +01:00
}
. entityDeleted {
text-decoration : line-through ;
}
2014-07-16 23:04:56 +02:00
@ media screen and ( min-width : 992px ) {
2014-05-04 17:49:57 +02:00
. hide-desktop { display : none ; }
}
2014-07-16 23:04:56 +02:00
@ media ( max-width : 992px ) {
. hide-phone {
display : none ! important ;
}
}
@ media screen and ( min-width : 992px ) {
. medium-dialog {
width : 760px ;
}
. large-dialog {
width : 960px ;
}
}
2014-04-28 22:05:37 +02:00
@ media ( max-width : 767px ) {
2014-07-16 23:04:56 +02:00
. test-class { color : black ; }
2014-04-28 22:05:37 +02:00
. navbar-default . navbar-nav . open . dropdown-menu > li > a {
color : # ecf0f1 ;
}
. navbar-default . navbar-nav . open . dropdown-menu > li > a : hover ,
. navbar-default . navbar-nav . open . dropdown-menu > li > a : focus {
color : # ffffff ;
}
2014-05-04 17:49:57 +02:00
. plans-table . cell { height : auto ; padding : 14 px 0 ; }
. plans-table . free . cell { padding-right : 0 ; }
. plans-table . free . cell : first-child { margin-right : 0 ; }
. plans-table . cell div : first-child { margin-bottom : 5 px ; }
2014-07-16 23:04:56 +02:00
. plans-table . cell . cta { margin-bottom : 0 !important ; }
. plans-table . pro { margin-top : 40 px ; }
2014-05-04 17:49:57 +02:00
}