diff --git a/admin-dev/themes/default/bower.json b/admin-dev/themes/default/bower.json index 235a1aff3..0e20b5a2f 100644 --- a/admin-dev/themes/default/bower.json +++ b/admin-dev/themes/default/bower.json @@ -2,10 +2,6 @@ "name": "admin-theme", "version": "0.0.0", "dependencies": { - "requirejs": "~2.1.4", - "modernizr": "~2.6.2", - "jquery": "~1.9.1", - "bootstrap": "https://github.com/twitter/bootstrap/archive/3.0.0-wip.zip", "font-awesome": "~3.2.1-wip", "sass-twitter-bootstrap": "https://github.com/jlong/sass-twitter-bootstrap/archive/3.0.0-wip.zip" }, diff --git a/admin-dev/themes/default/css/admin-theme.css b/admin-dev/themes/default/css/admin-theme.css index 011870d7c..7a8a3e2a0 100644 --- a/admin-dev/themes/default/css/admin-theme.css +++ b/admin-dev/themes/default/css/admin-theme.css @@ -238,7 +238,14 @@ table { border-top-color: #000 !important; } .label { - border: 1px solid #000; } } + border: 1px solid #000; } + + .table { + border-collapse: collapse !important; } + + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -253,7 +260,7 @@ body { font-size: 12px; line-height: 1.42857; color: #555555; - background-color: #8c8574; } + background-color: #3a3a4a; } input, button, @@ -264,12 +271,12 @@ textarea { line-height: inherit; } a { - color: #173741; + color: #1d7878; text-decoration: none; } a:hover, a:focus { - color: #030708; + color: #0e3a3a; text-decoration: underline; } a:focus { @@ -298,14 +305,27 @@ hr { border: 0; border-top: 1px solid #eeeeee; } +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0 0 0 0); + border: 0; } + p { margin: 0 0 8.5px; } .lead { margin-bottom: 17px; - font-size: 18px; + font-size: 13.8px; font-weight: 200; line-height: 1.4; } + @media (min-width: 768px) { + .lead { + font-size: 18px; } } small { font-size: 85%; } @@ -316,30 +336,20 @@ cite { .text-muted { color: #999999; } -a.text-muted:hover, -a.text-muted:focus { - color: gray; } +.text-primary { + color: #1d7878; } .text-warning { color: #c09853; } -a.text-warning:hover, -a.text-warning:focus { - color: #a47e3c; } - .text-danger { color: #b94a48; } -a.text-danger:hover, -a.text-danger:focus { - color: #953b39; } - .text-success { color: #468847; } -a.text-success:hover, -a.text-success:focus { - color: #356635; } +.text-info { + color: #3a87ad; } .text-left { text-align: left; } @@ -411,12 +421,11 @@ ul, ol { margin-top: 0; margin-bottom: 8.5px; } - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; } + ul ul, + ul ol, + ol ul, + ol ol { + margin-bottom: 0; } .list-unstyled, .list-inline { padding-left: 0; @@ -438,26 +447,26 @@ dt { font-weight: bold; } dd { - margin-left: 8.5px; } - -.dl-horizontal dt { - float: left; - width: 160px; - clear: left; - text-align: right; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; } -.dl-horizontal dd { - margin-left: 180px; } - .dl-horizontal dd:before, .dl-horizontal dd:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ } - .dl-horizontal dd:after { - clear: both; } + margin-left: 0; } +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } + .dl-horizontal dd { + margin-left: 180px; } + .dl-horizontal dd:before, .dl-horizontal dd:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } + .dl-horizontal dd:after { + clear: both; } } abbr[title], abbr[data-original-title] { cursor: help; @@ -484,7 +493,6 @@ blockquote { blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { - float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; @@ -530,9 +538,8 @@ pre { word-break: break-all; word-wrap: break-word; color: #333333; - background-color: #f5f5f5; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); + background-color: whitesmoke; + border: 1px solid #cccccc; border-radius: 3px; } pre.prettyprint { margin-bottom: 17px; } @@ -566,7 +573,7 @@ pre { .row:after { clear: both; } @media (min-width: 768px) { - .row { + .container .row { margin-left: -5px; margin-right: -5px; } } .row .row { @@ -664,7 +671,7 @@ pre { .col-12 { width: 100%; } -@media (min-width: 768px) { +@media (min-width: 768px) and (max-width: 991px) { .container { max-width: 728px; } @@ -718,71 +725,104 @@ pre { .col-sm-12 { width: 100%; } - .col-push-1 { + .col-sm-push-1 { left: 8.33333%; } - .col-push-2 { + .col-sm-push-2 { left: 16.66667%; } - .col-push-3 { + .col-sm-push-3 { left: 25%; } - .col-push-4 { + .col-sm-push-4 { left: 33.33333%; } - .col-push-5 { + .col-sm-push-5 { left: 41.66667%; } - .col-push-6 { + .col-sm-push-6 { left: 50%; } - .col-push-7 { + .col-sm-push-7 { left: 58.33333%; } - .col-push-8 { + .col-sm-push-8 { left: 66.66667%; } - .col-push-9 { + .col-sm-push-9 { left: 75%; } - .col-push-10 { + .col-sm-push-10 { left: 83.33333%; } - .col-push-11 { + .col-sm-push-11 { left: 91.66667%; } - .col-pull-1 { + .col-sm-pull-1 { right: 8.33333%; } - .col-pull-2 { + .col-sm-pull-2 { right: 16.66667%; } - .col-pull-3 { + .col-sm-pull-3 { right: 25%; } - .col-pull-4 { + .col-sm-pull-4 { right: 33.33333%; } - .col-pull-5 { + .col-sm-pull-5 { right: 41.66667%; } - .col-pull-6 { + .col-sm-pull-6 { right: 50%; } - .col-pull-7 { + .col-sm-pull-7 { right: 58.33333%; } - .col-pull-8 { + .col-sm-pull-8 { right: 66.66667%; } - .col-pull-9 { + .col-sm-pull-9 { right: 75%; } - .col-pull-10 { + .col-sm-pull-10 { right: 83.33333%; } - .col-pull-11 { - right: 91.66667%; } } + .col-sm-pull-11 { + right: 91.66667%; } + + .col-sm-offset-1 { + margin-left: 8.33333%; } + + .col-sm-offset-2 { + margin-left: 16.66667%; } + + .col-sm-offset-3 { + margin-left: 25%; } + + .col-sm-offset-4 { + margin-left: 33.33333%; } + + .col-sm-offset-5 { + margin-left: 41.66667%; } + + .col-sm-offset-6 { + margin-left: 50%; } + + .col-sm-offset-7 { + margin-left: 58.33333%; } + + .col-sm-offset-8 { + margin-left: 66.66667%; } + + .col-sm-offset-9 { + margin-left: 75%; } + + .col-sm-offset-10 { + margin-left: 83.33333%; } + + .col-sm-offset-11 { + margin-left: 91.66667%; } } @media (min-width: 992px) { .container { max-width: 940px; } @@ -837,37 +877,103 @@ pre { .col-lg-12 { width: 100%; } - .col-offset-1 { + .col-lg-push-1 { + left: 8.33333%; } + + .col-lg-push-2 { + left: 16.66667%; } + + .col-lg-push-3 { + left: 25%; } + + .col-lg-push-4 { + left: 33.33333%; } + + .col-lg-push-5 { + left: 41.66667%; } + + .col-lg-push-6 { + left: 50%; } + + .col-lg-push-7 { + left: 58.33333%; } + + .col-lg-push-8 { + left: 66.66667%; } + + .col-lg-push-9 { + left: 75%; } + + .col-lg-push-10 { + left: 83.33333%; } + + .col-lg-push-11 { + left: 91.66667%; } + + .col-lg-pull-1 { + right: 8.33333%; } + + .col-lg-pull-2 { + right: 16.66667%; } + + .col-lg-pull-3 { + right: 25%; } + + .col-lg-pull-4 { + right: 33.33333%; } + + .col-lg-pull-5 { + right: 41.66667%; } + + .col-lg-pull-6 { + right: 50%; } + + .col-lg-pull-7 { + right: 58.33333%; } + + .col-lg-pull-8 { + right: 66.66667%; } + + .col-lg-pull-9 { + right: 75%; } + + .col-lg-pull-10 { + right: 83.33333%; } + + .col-lg-pull-11 { + right: 91.66667%; } + + .col-lg-offset-1 { margin-left: 8.33333%; } - .col-offset-2 { + .col-lg-offset-2 { margin-left: 16.66667%; } - .col-offset-3 { + .col-lg-offset-3 { margin-left: 25%; } - .col-offset-4 { + .col-lg-offset-4 { margin-left: 33.33333%; } - .col-offset-5 { + .col-lg-offset-5 { margin-left: 41.66667%; } - .col-offset-6 { + .col-lg-offset-6 { margin-left: 50%; } - .col-offset-7 { + .col-lg-offset-7 { margin-left: 58.33333%; } - .col-offset-8 { + .col-lg-offset-8 { margin-left: 66.66667%; } - .col-offset-9 { + .col-lg-offset-9 { margin-left: 75%; } - .col-offset-10 { + .col-lg-offset-10 { margin-left: 83.33333%; } - .col-offset-11 { + .col-lg-offset-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .container { @@ -903,7 +1009,7 @@ th { .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { - background-color: #8c8574; } + background-color: #3a3a4a; } .table-condensed thead > tr > th, .table-condensed thead > tr > td, @@ -911,64 +1017,17 @@ th { .table-condensed tbody > tr > td, .table-condensed tfoot > tr > th, .table-condensed tfoot > tr > td { - padding: 4px 5px; } + padding: 5px; } .table-bordered { - border: 1px solid #dddddd; - border-collapse: separate; - border-left: 0; - border-radius: 3px; } + border: 1px solid #dddddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { - border-left: 1px solid #dddddd; } - .table-bordered > caption + thead > tr:first-child th, - .table-bordered > caption + tbody > tr:first-child th, - .table-bordered > caption + tbody > tr:first-child td, - .table-bordered > colgroup + thead > tr:first-child th, - .table-bordered > colgroup + tbody > tr:first-child th, - .table-bordered > colgroup + tbody > tr:first-child td, - .table-bordered > thead:first-child > tr:first-child th, - .table-bordered > tbody:first-child > tr:first-child th, - .table-bordered > tbody:first-child > tr:first-child td { - border-top: 0; } - .table-bordered > thead:first-child > tr:first-child > th:first-child, - .table-bordered > tbody:first-child > tr:first-child > td:first-child, - .table-bordered > tbody:first-child > tr:first-child > th:first-child { - border-top-left-radius: 3px; } - .table-bordered > thead:first-child > tr:first-child > th:last-child, - .table-bordered > tbody:first-child > tr:first-child > td:last-child, - .table-bordered > tbody:first-child > tr:first-child > th:last-child { - border-top-right-radius: 3px; } - .table-bordered > thead:last-child > tr:last-child > th:first-child, - .table-bordered > tbody:last-child > tr:last-child > td:first-child, - .table-bordered > tbody:last-child > tr:last-child > th:first-child, - .table-bordered > tfoot:last-child > tr:last-child > td:first-child, - .table-bordered > tfoot:last-child > tr:last-child > th:first-child { - border-bottom-left-radius: 3px; } - .table-bordered > thead:last-child > tr:last-child > th:last-child, - .table-bordered > tbody:last-child > tr:last-child > td:last-child, - .table-bordered > tbody:last-child > tr:last-child > th:last-child, - .table-bordered > tfoot:last-child > tr:last-child > td:last-child, - .table-bordered > tfoot:last-child > tr:last-child > th:last-child { - border-bottom-right-radius: 3px; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { - border-bottom-left-radius: 0; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { - border-bottom-right-radius: 0; } - .table-bordered > caption + thead > tr:first-child > th:first-child, - .table-bordered > caption + tbody > tr:first-child > td:first-child, - .table-bordered > colgroup + thead > tr:first-child > th:first-child, - .table-bordered > colgroup + tbody > tr:first-child > td:first-child { - border-top-left-radius: 3px; } - .table-bordered > caption + thead > tr:first-child > th:last-child, - .table-bordered > caption + tbody > tr:first-child > td:last-child, - .table-bordered > colgroup + thead > tr:first-child > th:last-child, - .table-bordered > colgroup + tbody > tr:first-child > td:last-child { - border-top-right-radius: 3px; } + border: 1px solid #dddddd; } .table-striped > tbody > tr:nth-child(odd) > td, .table > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th, @@ -978,7 +1037,7 @@ th { .table-hover > tbody > tr:hover > td, .table > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th, .table > tbody > tr:hover > th { - background-color: #f2f9f6; } + background-color: #e0ebea; } table col[class^="col-"] { float: none; @@ -989,16 +1048,51 @@ table th[class^="col-"] { float: none; display: table-cell; } +.table > thead > tr > td.active, +.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, +.table > tbody > tr > td.active, +.table > tbody > tr > th.active, +.table > tbody > tr.active > td, +.table > tbody > tr.active > th, +.table > tfoot > tr > td.active, +.table > tfoot > tr > th.active, +.table > tfoot > tr.active > td, +.table > tfoot > tr.active > th { + background-color: #e0ebea; } +.table > thead > tr > td.success, +.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, -.table > tbody > tr > th.success, .table > tbody > tr.success > td { +.table > tbody > tr > th.success, +.table > tbody > tr.success > td, +.table > tbody > tr.success > th, +.table > tfoot > tr > td.success, +.table > tfoot > tr > th.success, +.table > tfoot > tr.success > td, +.table > tfoot > tr.success > th { background-color: #dff0d8; border-color: #d6e9c6; } +.table > thead > tr > td.danger, +.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, -.table > tbody > tr > th.danger, .table > tbody > tr.danger > td { +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td, +.table > tbody > tr.danger > th, +.table > tfoot > tr > td.danger, +.table > tfoot > tr > th.danger, +.table > tfoot > tr.danger > td, +.table > tfoot > tr.danger > th { background-color: #f2dede; border-color: #eed3d7; } +.table > thead > tr > td.warning, +.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, -.table > tbody > tr > th.warning, .table > tbody > tr.warning > td { +.table > tbody > tr > th.warning, +.table > tbody > tr.warning > td, +.table > tbody > tr.warning > th, +.table > tfoot > tr > td.warning, +.table > tfoot > tr > th.warning, +.table > tfoot > tr.warning > td, +.table > tfoot > tr.warning > th { background-color: #fcf8e3; border-color: #fbeed5; } @@ -1018,9 +1112,6 @@ table th[class^="col-"] { background-color: #faf2cc; border-color: #f8e5be; } -form { - margin: 0; } - fieldset { padding: 0; margin: 0; @@ -1042,129 +1133,11 @@ label { margin-bottom: 5px; font-weight: bold; } -select, -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"] { - display: block; - min-height: 27px; - padding: 4px 12px; - font-size: 12px; - line-height: 1.42857; - color: #555555; - vertical-align: middle; - background-color: white; - border: 1px solid #cccccc; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } - select:focus, - textarea:focus, - input[type="text"]:focus, - input[type="password"]:focus, - input[type="datetime"]:focus, - input[type="datetime-local"]:focus, - input[type="date"]:focus, - input[type="month"]:focus, - input[type="time"]:focus, - input[type="week"]:focus, - input[type="number"]:focus, - input[type="email"]:focus, - input[type="url"]:focus, - input[type="search"]:focus, - input[type="tel"]:focus, - input[type="color"]:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } - select[disabled], select[readonly], fieldset[disabled] select, - textarea[disabled], - textarea[readonly], fieldset[disabled] - textarea, - input[type="text"][disabled], - input[type="text"][readonly], fieldset[disabled] - input[type="text"], - input[type="password"][disabled], - input[type="password"][readonly], fieldset[disabled] - input[type="password"], - input[type="datetime"][disabled], - input[type="datetime"][readonly], fieldset[disabled] - input[type="datetime"], - input[type="datetime-local"][disabled], - input[type="datetime-local"][readonly], fieldset[disabled] - input[type="datetime-local"], - input[type="date"][disabled], - input[type="date"][readonly], fieldset[disabled] - input[type="date"], - input[type="month"][disabled], - input[type="month"][readonly], fieldset[disabled] - input[type="month"], - input[type="time"][disabled], - input[type="time"][readonly], fieldset[disabled] - input[type="time"], - input[type="week"][disabled], - input[type="week"][readonly], fieldset[disabled] - input[type="week"], - input[type="number"][disabled], - input[type="number"][readonly], fieldset[disabled] - input[type="number"], - input[type="email"][disabled], - input[type="email"][readonly], fieldset[disabled] - input[type="email"], - input[type="url"][disabled], - input[type="url"][readonly], fieldset[disabled] - input[type="url"], - input[type="search"][disabled], - input[type="search"][readonly], fieldset[disabled] - input[type="search"], - input[type="tel"][disabled], - input[type="tel"][readonly], fieldset[disabled] - input[type="tel"], - input[type="color"][disabled], - input[type="color"][readonly], fieldset[disabled] - input[type="color"] { - cursor: not-allowed; - background-color: #eeeeee; } - -input, -select, -textarea { - width: 100%; } - -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; } - input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } -textarea { - height: auto; } - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1172,11 +1145,8 @@ input[type="checkbox"] { /* IE8-9 */ line-height: normal; } -select, input[type="file"] { - height: 27px; - /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 27px; } + display: block; } select[multiple], select[size] { @@ -1197,19 +1167,46 @@ input[type="checkbox"]:focus { input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } -input:-moz-placeholder, -textarea:-moz-placeholder { +.form-control:-moz-placeholder { color: #999999; } -input::-moz-placeholder, -textarea::-moz-placeholder { +.form-control::-moz-placeholder { color: #999999; } -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { +.form-control:-ms-input-placeholder { color: #999999; } -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { +.form-control::-webkit-input-placeholder { color: #999999; } +.form-control { + display: block; + width: 100%; + height: 27px; + padding: 4px 12px; + font-size: 12px; + line-height: 1.42857; + color: #555555; + vertical-align: middle; + background-color: white; + border: 1px solid #cccccc; + border-radius: 3px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } + .form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } + .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; } + +textarea.form-control { + height: auto; } + +.form-group { + margin-bottom: 15px; } + .radio, .checkbox { display: block; @@ -1250,56 +1247,38 @@ textarea::-webkit-input-placeholder { margin-top: 0; margin-left: 10px; } -select.input-large, -textarea.input-large, -input[type="text"].input-large, -input[type="password"].input-large, -input[type="datetime"].input-large, -input[type="datetime-local"].input-large, -input[type="date"].input-large, -input[type="month"].input-large, -input[type="time"].input-large, -input[type="week"].input-large, -input[type="number"].input-large, -input[type="email"].input-large, -input[type="url"].input-large, -input[type="search"].input-large, -input[type="tel"].input-large, -input[type="color"].input-large { - min-height: 52px; - padding: 14px 16px; +.input-lg { + height: 41px; + padding: 10px 16px; font-size: 15px; + line-height: 1.33; border-radius: 6px; } -select.input-small, -textarea.input-small, -input[type="text"].input-small, -input[type="password"].input-small, -input[type="datetime"].input-small, -input[type="datetime-local"].input-small, -input[type="date"].input-small, -input[type="month"].input-small, -input[type="time"].input-small, -input[type="week"].input-small, -input[type="number"].input-small, -input[type="email"].input-small, -input[type="url"].input-small, -input[type="search"].input-small, -input[type="tel"].input-small, -input[type="color"].input-small { - min-height: 28px; + +.input-sm { + height: 28px; padding: 5px 10px; font-size: 11px; + line-height: 1.5; border-radius: 3px; } +select.input-lg { + height: 41px; + line-height: 41px; } +select.input-sm { + height: 28px; + line-height: 28px; } + +textarea.input-lg, textarea.input-sm { + height: auto; } + .has-warning .help-block, .has-warning .control-label { color: #c09853; } -.has-warning .input-with-feedback { - padding-right: 32px; +.has-warning .form-control { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-warning .input-with-feedback:focus { + .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } @@ -1311,12 +1290,11 @@ input[type="color"].input-small { .has-error .help-block, .has-error .control-label { color: #b94a48; } -.has-error .input-with-feedback { - padding-right: 32px; +.has-error .form-control { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-error .input-with-feedback:focus { + .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } @@ -1328,12 +1306,11 @@ input[type="color"].input-small { .has-success .help-block, .has-success .control-label { color: #468847; } -.has-success .input-with-feedback { - padding-right: 32px; +.has-success .form-control { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-success .input-with-feedback:focus { + .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } @@ -1342,100 +1319,17 @@ input[type="color"].input-small { border-color: #468847; background-color: #dff0d8; } +.form-control-static { + margin-bottom: 0; + padding-top: 4px; } + .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #959595; } -.input-group { - display: table; - border-collapse: separate; } - .input-group.col { - float: none; - padding-left: 0; - padding-right: 0; } - .input-group input, - .input-group select { - width: 100%; - margin-bottom: 0; } - -.input-group-addon, -.input-group-btn, -.input-group input { - display: table-cell; } - .input-group-addon:not(:first-child):not(:last-child), - .input-group-btn:not(:first-child):not(:last-child), - .input-group input:not(:first-child):not(:last-child) { - border-radius: 0; } - -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; } - -.input-group-addon { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 4px 12px; - font-size: 12px; - font-weight: normal; - line-height: 1.42857; - text-align: center; - text-shadow: 0 1px 0 #fff; - background-color: #eeeeee; - border: 1px solid #ccc; - border-radius: 3px; } - .input-group-addon.input-small { - padding: 5px 10px; - font-size: 11px; - border-radius: 3px; } - .input-group-addon.input-large { - padding: 14px 16px; - font-size: 15px; - border-radius: 6px; } - -.input-group input:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - -.input-group-addon:first-child { - border-right: 0; } - -.input-group input:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - -.input-group-addon:last-child { - border-left: 0; } - -.input-group-btn { - position: relative; - white-space: nowrap; } - -.input-group-btn > .btn { - position: relative; - float: left; } - .input-group-btn > .btn + .btn { - margin-left: -1px; } - .input-group-btn > .btn:hover, .input-group-btn > .btn:active { - z-index: 2; } - -.form-inline input, .navbar-form input, -.form-inline select, -.navbar-form select, -.form-inline textarea, -.navbar-form textarea, +.form-inline .form-control, .navbar-form .form-control, .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, @@ -1445,12 +1339,33 @@ input[type="color"].input-small { .form-inline .checkbox, .navbar-form .checkbox { margin-top: 0; - margin-bottom: 0; } + margin-bottom: 0; + padding-left: 0; } +.form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], +.form-inline .checkbox input[type="checkbox"], +.navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; } -.form-horizontal .row + .row { - margin-top: 15px; } -.form-horizontal .control-label { - padding-top: 6px; } +.form-horizontal .control-label, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + padding-top: 4px; } + +.form-horizontal .form-group:before, .form-horizontal .form-group:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } +.form-horizontal .form-group:after { + clear: both; } +@media (min-width: 768px) { + .container .form-horizontal .form-group { + margin-left: -5px; + margin-right: -5px; } } +.form-horizontal .form-group .row { + margin-left: -5px; + margin-right: -5px; } @media (min-width: 768px) { .form-horizontal .control-label { @@ -1460,24 +1375,28 @@ input[type="color"].input-small { padding: 4px 12px; margin-bottom: 0; font-size: 12px; - font-weight: 500; + font-weight: bold; line-height: 1.42857; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 3px; - white-space: nowrap; } + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + user-select: none; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { - color: #fff; + color: #555555; text-decoration: none; } .btn:active, .btn.active { outline: 0; - background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { @@ -1493,8 +1412,9 @@ input[type="color"].input-small { background-color: white; border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { - background-color: #f2f2f2; - border-color: #b3b3b3; } + color: #555555; + background-color: #ebebeb; + border-color: #adadad; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: white; border-color: #cccccc; } @@ -1504,87 +1424,96 @@ input[type="color"].input-small { background-color: white; border-color: #5cb85c; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { - background-color: #f2f2f2; - border-color: #449d44; } + color: #555555; + background-color: #ebebeb; + border-color: #419641; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: white; border-color: #5cb85c; } .btn-warning { - color: #555555; + color: white; background-color: #f0ad4e; - border-color: #f0ad4e; } + border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { - background-color: #eea236; - border-color: #ec971f; } + color: white; + background-color: #ed9c28; + border-color: #d58512; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; - border-color: #f0ad4e; } + border-color: #eea236; } .btn-danger { - color: #555555; + color: white; background-color: #d9534f; - border-color: #d9534f; } + border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { - background-color: #d43f3a; - border-color: #c9302c; } + color: white; + background-color: #d2322d; + border-color: #ac2925; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; - border-color: #d9534f; } + border-color: #d43f3a; } .btn-success { - color: #555555; + color: white; background-color: #5cb85c; - border-color: #5cb85c; } + border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { - background-color: #4cae4c; - border-color: #449d44; } + color: white; + background-color: #47a447; + border-color: #398439; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; - border-color: #5cb85c; } + border-color: #4cae4c; } .btn-info { - color: #555555; + color: white; background-color: #5bc0de; - border-color: #5bc0de; } + border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { - background-color: #46b8da; - border-color: #31b0d5; } + color: white; + background-color: #39b3d7; + border-color: #269abc; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; - border-color: #5bc0de; } + border-color: #46b8da; } .btn-link { - color: #173741; + color: #1d7878; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; - background-image: none; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { - color: #030708; + color: #0e3a3a; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { - color: #333333; + color: #999999; text-decoration: none; } -.btn-large { - padding: 14px 16px; +.btn-lg { + padding: 10px 16px; font-size: 15px; + line-height: 1.33; border-radius: 6px; } -.btn-small { +.btn-sm, +.btn-xs { padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; } +.btn-xs { + padding: 3px 5px; } + .btn-block { display: block; width: 100%; @@ -1602,22 +1531,21 @@ input[type="button"].btn-block { .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { + display: none; } + .collapse.in { + display: block; } + +.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; transition: height 0.35s ease; } - .collapse.in { - height: auto; } .caret { display: inline-block; @@ -1625,11 +1553,14 @@ input[type="button"].btn-block { height: 0; margin-left: 2px; vertical-align: middle; - border-top: 4px solid #000; + border-top: 4px solid black; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } +.dropdown { + position: relative; } + .dropdown-menu { position: absolute; top: 100%; @@ -1642,23 +1573,20 @@ input[type="button"].btn-block { margin: 2px 0 0; list-style: none; background-color: white; - border: 1px solid #ccc; + border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { - height: 2px; + height: 1px; margin: 7.5px 0; overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid white; } + background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -1671,25 +1599,25 @@ input[type="button"].btn-block { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: white; - background-color: #10272e; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#173741), to(#10272e)); - background-image: -webkit-linear-gradient(top, #173741, #10272e); - background-image: -moz-linear-gradient(top, #173741, #10272e); - background-image: linear-gradient(to bottom, #173741, #10272e); + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1d7878), to(#186363)); + background-image: -webkit-linear-gradient(top, #1d7878, 0%, #186363, 100%); + background-image: -moz-linear-gradient(top, #1d7878 0%, #186363 100%); + background-image: linear-gradient(to bottom, #1d7878 0%, #186363 100%); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF173741', endColorstr='#FF10272E', GradientType=0); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1D7878', endColorstr='#FF186363', GradientType=0); + background-color: #186363; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: white; text-decoration: none; outline: 0; - background-color: #10272e; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#173741), to(#10272e)); - background-image: -webkit-linear-gradient(top, #173741, #10272e); - background-image: -moz-linear-gradient(top, #173741, #10272e); - background-image: linear-gradient(to bottom, #173741, #10272e); + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1d7878), to(#186363)); + background-image: -webkit-linear-gradient(top, #1d7878, 0%, #186363, 100%); + background-image: -moz-linear-gradient(top, #1d7878 0%, #186363 100%); + background-image: linear-gradient(to bottom, #1d7878 0%, #186363 100%); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF173741', endColorstr='#FF10272E', GradientType=0); } + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1D7878', endColorstr='#FF186363', GradientType=0); + background-color: #186363; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } @@ -1699,13 +1627,20 @@ input[type="button"].btn-block { background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: default; } + cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 11px; + line-height: 1.42857; + color: #999999; } + .dropdown-backdrop { position: fixed; left: 0; @@ -1721,7 +1656,7 @@ input[type="button"].btn-block { .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; - border-bottom: 4px solid #000; + border-bottom: 4px solid black; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { @@ -1729,20 +1664,16 @@ input[type="button"].btn-block { bottom: 100%; margin-bottom: 1px; } -.dropdown .dropdown-menu .nav-header { - padding-left: 20px; - padding-right: 20px; } - .list-group { margin-bottom: 20px; - padding-left: 0; - background-color: white; } + padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 30px 10px 15px; margin-bottom: -1px; + background-color: white; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 3px; @@ -1754,6 +1685,8 @@ input[type="button"].btn-block { .list-group-item > .badge, .list-group-item > .badge-success, .list-group-item > .badge-error { float: right; margin-right: -15px; } + .list-group-item > .badge + .badge, .list-group-item > .badge-success + .badge, .list-group-item > .badge-error + .badge, .list-group-item > .badge + .badge-success, .list-group-item > .badge-success + .badge-success, .list-group-item > .badge-error + .badge-success, .list-group-item > .badge + .badge-error, .list-group-item > .badge-success + .badge-error, .list-group-item > .badge-error + .badge-error { + margin-right: 0; } .list-group-item-heading { margin-top: 0; @@ -1764,23 +1697,23 @@ input[type="button"].btn-block { line-height: 1.3; } a.list-group-item .list-group-item-heading { - color: #333; } + color: #333333; } a.list-group-item .list-group-item-text { - color: #555; } + color: #555555; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: whitesmoke; } a.list-group-item.active { z-index: 2; color: white; - background-color: #173741; - border-color: #173741; } + background-color: #1d7878; + border-color: #1d7878; } a.list-group-item.active .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text { - color: #5eadc6; } + color: #81e0e0; } -.panel { +.panel, .notification-panel { padding: 15px; margin-bottom: 20px; background-color: white; @@ -1788,17 +1721,32 @@ a.list-group-item.active { border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } + .panel .list-group, .notification-panel .list-group { + margin: 15px -15px -15px; } + .panel .list-group .list-group-item, .notification-panel .list-group .list-group-item { + border-width: 1px 0; } + .panel .list-group .list-group-item:first-child, .notification-panel .list-group .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } + .panel .list-group .list-group-item:last-child, .notification-panel .list-group .list-group-item:last-child { + border-bottom: 0; } .panel-heading { margin: -15px -15px 15px; padding: 10px 15px; - font-size: 15px; - font-weight: 500; background-color: whitesmoke; border-bottom: 1px solid #dddddd; border-top-left-radius: 2px; border-top-right-radius: 2px; } +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 15px; + font-weight: 500; } + .panel-title > a { + color: inherit; } + .panel-footer { margin: 15px -15px -15px; padding: 10px 15px; @@ -1808,11 +1756,11 @@ a.list-group-item.active { border-bottom-right-radius: 2px; } .panel-primary { - border-color: #173741; } + border-color: #1d7878; } .panel-primary .panel-heading { color: white; - background-color: #173741; - border-color: #173741; } + background-color: #1d7878; + border-color: #1d7878; } .panel-success { border-color: #d6e9c6; } @@ -1842,16 +1790,6 @@ a.list-group-item.active { background-color: #d9edf7; border-color: #bce8f1; } -.list-group-flush { - margin: 15px -15px -15px; } - .list-group-flush .list-group-item { - border-width: 1px 0; } - .list-group-flush .list-group-item:first-child { - border-top-right-radius: 0; - border-top-left-radius: 0; } - .list-group-flush .list-group-item:last-child { - border-bottom: 0; } - .well { min-height: 20px; padding: 19px; @@ -1865,11 +1803,11 @@ a.list-group-item.active { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } -.well-large { +.well-lg { padding: 24px; border-radius: 6px; } -.well-small { +.well-sm { padding: 9px; border-radius: 3px; } @@ -1878,12 +1816,12 @@ a.list-group-item.active { font-size: 18px; font-weight: bold; line-height: 1; - color: #000; + color: black; text-shadow: 0 1px 0 white; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { - color: #000; + color: black; text-decoration: none; cursor: pointer; opacity: 0.5; @@ -1897,7 +1835,6 @@ button.close { -webkit-appearance: none; } .nav { - margin-left: 0; margin-bottom: 0; padding-left: 0; list-style: none; } @@ -1924,27 +1861,22 @@ button.close { color: #999999; text-decoration: none; background-color: transparent; - cursor: default; } - .nav > li + .nav-header { - margin-top: 9px; } + cursor: not-allowed; } .nav.open > a, .nav.open > a:hover, .nav.open > a:focus { - color: #fff; - background-color: #173741; - border-color: #173741; } + color: white; + background-color: #1d7878; + border-color: #1d7878; } .nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret { - border-top-color: #fff; - border-bottom-color: #fff; } - .nav > .pull-right { - float: right; } + border-top-color: white; + border-bottom-color: white; } .nav .nav-divider { - height: 2px; + height: 1px; margin: 7.5px 0; overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid white; } + background-color: #e5e5e5; } .nav-tabs { - border-bottom: 1px solid #ddd; } + border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } @@ -1954,11 +1886,11 @@ button.close { border: 1px solid transparent; border-radius: 3px 3px 0 0; } .nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #dddddd; } + border-color: #eeeeee; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; - background-color: #8c8574; - border: 1px solid #ddd; + background-color: #3a3a4a; + border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; } @@ -1966,15 +1898,15 @@ button.close { float: left; } .nav-pills > li > a { border-radius: 5px; } - .nav-pills > li + li > a { + .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { - color: #fff; - background-color: #173741; } + color: white; + background-color: #1d7878; } .nav-stacked > li { float: none; } - .nav-stacked > li + li > a { + .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } @@ -1990,20 +1922,10 @@ button.close { .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dddddd; margin-right: 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a { - border-bottom-color: #8c8574; } - -.nav-header { - display: block; - padding: 3px 15px; - font-size: 9px; - font-weight: bold; - line-height: 1.42857; - color: #999999; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - text-transform: uppercase; } + border-bottom-color: #3a3a4a; } .tabbable:before, .tabbable:after { content: " "; @@ -2022,12 +1944,12 @@ button.close { display: block; } .nav .caret { - border-top-color: #173741; - border-bottom-color: #173741; } + border-top-color: #1d7878; + border-bottom-color: #1d7878; } .nav a:hover .caret { - border-top-color: #030708; - border-bottom-color: #030708; } + border-top-color: #0e3a3a; + border-bottom-color: #0e3a3a; } .nav-tabs .dropdown-menu { margin-top: -1px; @@ -2036,6 +1958,7 @@ button.close { .navbar { position: relative; + min-height: 35px; margin-bottom: 20px; padding-left: 5px; padding-right: 5px; @@ -2050,13 +1973,12 @@ button.close { clear: both; } .navbar-nav { - margin-top: 10px; margin-bottom: 15px; } .navbar-nav > li > a { padding-top: 9px; padding-bottom: 9px; color: #777777; - line-height: 20px; + line-height: 17px; border-radius: 3px; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; @@ -2088,12 +2010,31 @@ button.close { bottom: 0; margin-bottom: 0; } +.nav-collapse { + padding-bottom: 9px; } + .nav-collapse:before, .nav-collapse:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } + .nav-collapse:after { + clear: both; } + .navbar-toggle + .nav-collapse { + width: 100%; + margin-top: 35px; } + +@media (max-width: 768px) { + .nav-collapse-scrollable { + margin-bottom: 9px; + max-height: 360px; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; } } .navbar-brand { display: block; max-width: 200px; margin-left: auto; margin-right: auto; - padding: 5px; + padding: 9px 5px; font-size: 15px; font-weight: 500; line-height: 17px; @@ -2105,20 +2046,23 @@ button.close { background-color: transparent; } .navbar-toggle { - position: absolute; - top: 10px; - right: 10px; - padding: 8px 12px; + position: relative; + float: right; + height: 34px; + width: 48px; + margin-top: 0.5px; + margin-bottom: 0.5px; + padding: 4px 12px; background-color: transparent; - border: 1px solid #ddd; - border-radius: 4px; } + border: 1px solid #dddddd; + border-radius: 3px; } .navbar-toggle:hover, .navbar-toggle:focus { - background-color: #ddd; } + background-color: #dddddd; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; - background-color: #ccc; + background-color: #cccccc; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @@ -2148,7 +2092,7 @@ button.close { border-bottom-color: #555555; } .navbar-nav > .dropdown > a .caret { border-top-color: #777777; - border-bottom-color: #555555; } + border-bottom-color: #777777; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { @@ -2176,11 +2120,11 @@ button.close { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { - border-color: #333; } + border-color: #333333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { - background-color: #333; } + background-color: #333333; } .navbar-inverse .navbar-toggle .icon-bar { - background-color: #fff; } + background-color: white; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: white; } @@ -2198,7 +2142,8 @@ button.close { .navbar-brand { float: left; margin-left: -5px; - margin-right: 5px; } + margin-right: 5px; + max-width: none; } .navbar-nav { float: left; @@ -2209,7 +2154,6 @@ button.close { .navbar-nav > li > a { border-radius: 0; } .navbar-nav.pull-right { - float: right; width: auto; } .navbar-toggle { @@ -2219,12 +2163,16 @@ button.close { display: none; } .nav-collapse.collapse { + display: block !important; height: auto !important; + padding-bottom: 0; overflow: visible !important; } } .navbar-btn { margin-top: 4px; } .navbar-text { + float: left; + padding: 0 5px; margin-top: 9px; margin-bottom: 9px; } @@ -2238,11 +2186,15 @@ button.close { .navbar-inverse .navbar-link:hover { color: white; } -.btn .caret { +.btn-default .caret { border-top-color: #555555; } +.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret { + border-top-color: #fff; } -.dropup .btn .caret { +.btn-default .dropup .caret { border-bottom-color: #555555; } +.btn-primary .dropup .caret, .btn-success .dropup .caret, .btn-warning .dropup .caret, .btn-danger .dropup .caret, .btn-info .dropup .caret { + border-bottom-color: #fff; } .btn-group, .btn-group-vertical { @@ -2253,10 +2205,15 @@ button.close { .btn-group-vertical > .btn { position: relative; float: left; } - .btn-group > .btn:hover, .btn-group > .btn:active, + .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, - .btn-group-vertical > .btn:active { + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { z-index: 2; } + .btn-group > .btn:focus, + .btn-group-vertical > .btn:focus { + outline: none; } .btn-group .btn + .btn { margin-left: -1px; } @@ -2271,8 +2228,8 @@ button.close { .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, -.btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } @@ -2313,7 +2270,7 @@ button.close { padding-left: 8px; padding-right: 8px; } -.btn-group > .btn-large + .dropdown-toggle { +.btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } @@ -2324,10 +2281,10 @@ button.close { .btn .caret { margin-left: 0; } -.btn-large .caret { +.btn-lg .caret { border-width: 5px; } -.dropup .btn-large .caret { +.dropup .btn-lg .caret { border-bottom-width: 5px; } .btn-group-vertical > .btn { @@ -2340,39 +2297,38 @@ button.close { .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } -.btn-group-vertical .btn:first-child { +.btn-group-vertical .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.btn-group-vertical .btn:last-child { +.btn-group-vertical .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; - width: 100%; } + width: 100%; + table-layout: fixed; } .btn-group-justified .btn { float: none; display: table-cell; width: 1%; } -.btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], -.btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { +.btn-group[data-toggle="buttons"] > .btn > input[type="radio"], +.btn-group[data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .breadcrumb { padding: 8px 15px; - margin: 0 0 17px; + margin-bottom: 17px; list-style: none; - background-color: #f5f5f5; + background-color: whitesmoke; border-radius: 3px; } .breadcrumb > li { - display: inline-block; - text-shadow: 0 1px 0 #fff; } + display: inline-block; } .breadcrumb > li + li:before { - display: inline-block; content: "/\00a0"; padding: 0 5px; - color: #ccc; } + color: #cccccc; } .breadcrumb > .active { color: #999999; } @@ -2416,31 +2372,31 @@ button.close { .pagination > .disabled > a:focus { color: #999999; background-color: white; - cursor: default; } + cursor: not-allowed; } -.pagination-large > li > a, -.pagination-large > li > span { - padding: 14px 16px; +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; font-size: 15px; } -.pagination-large > li:first-child > a, -.pagination-large > li:first-child > span { +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } -.pagination-large > li:last-child > a, -.pagination-large > li:last-child > span { +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } -.pagination-small > li > a, -.pagination-small > li > span { +.pagination-sm > li > a, +.pagination-sm > li > span { padding: 5px 10px; font-size: 11px; } -.pagination-small > li:first-child > a, -.pagination-small > li:first-child > span { +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } -.pagination-small > li:last-child > a, -.pagination-small > li:last-child > span { +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } @@ -2481,7 +2437,7 @@ button.close { .pager .disabled > span { color: #999999; background-color: white; - cursor: default; } + cursor: not-allowed; } .modal-open { overflow: hidden; } @@ -2495,36 +2451,35 @@ button.close { right: 0; bottom: 0; left: 0; - z-index: 1040; - -webkit-overflow-scrolling: touch; } - .modal.fade { - top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; } - .modal.fade.in { - top: 0; } + z-index: 1040; } + .modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; } + .modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .modal-dialog { - position: relative; - top: 0; - left: 0; - right: 0; + margin-left: auto; + margin-right: auto; width: auto; padding: 10px; z-index: 1050; } .modal-content { position: relative; - background-color: #fff; - border: 1px solid #999; + background-color: white; + border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } @@ -2535,11 +2490,11 @@ button.close { bottom: 0; left: 0; z-index: 1030; - background-color: #000; } + background-color: black; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } - .modal-backdrop.fade.in { + .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } @@ -2583,8 +2538,7 @@ button.close { .modal-dialog { left: 50%; right: auto; - width: 560px; - margin-left: -280px; + width: 600px; padding-top: 30px; padding-bottom: 30px; } @@ -2596,13 +2550,13 @@ button.close { z-index: 1030; display: block; visibility: visible; - font-size: 9px; + font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { - opacity: 1; - filter: alpha(opacity=100); } + opacity: 0.9; + filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } @@ -2622,7 +2576,7 @@ button.close { color: white; text-align: center; text-decoration: none; - background-color: rgba(0, 0, 0, 0.9); + background-color: black; border-radius: 3px; } .tooltip-arrow { @@ -2637,45 +2591,45 @@ button.close { left: 50%; margin-left: -5px; border-width: 5px 5px 0; - border-top-color: rgba(0, 0, 0, 0.9); } + border-top-color: black; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; - border-top-color: rgba(0, 0, 0, 0.9); } + border-top-color: black; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; - border-top-color: rgba(0, 0, 0, 0.9); } + border-top-color: black; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; - border-right-color: rgba(0, 0, 0, 0.9); } + border-right-color: black; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; - border-left-color: rgba(0, 0, 0, 0.9); } + border-left-color: black; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; - border-bottom-color: rgba(0, 0, 0, 0.9); } + border-bottom-color: black; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; - border-bottom-color: rgba(0, 0, 0, 0.9); } + border-bottom-color: black; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; - border-bottom-color: rgba(0, 0, 0, 0.9); } + border-bottom-color: black; } .popover { position: absolute; @@ -2687,10 +2641,10 @@ button.close { padding: 1px; text-align: left; background-color: white; - -webkit-bg-clip: padding-box; - -moz-bg-clip: padding; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; background-clip: padding-box; - border: 1px solid #ccc; + border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); @@ -2737,7 +2691,7 @@ button.close { left: 50%; margin-left: -11px; border-bottom-width: 0; - border-top-color: #999; + border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top .arrow:after { @@ -2751,7 +2705,7 @@ button.close { left: -11px; margin-top: -11px; border-left-width: 0; - border-right-color: #999; + border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { content: " "; @@ -2763,7 +2717,7 @@ button.close { left: 50%; margin-left: -11px; border-top-width: 0; - border-bottom-color: #999; + border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after { @@ -2777,7 +2731,7 @@ button.close { right: -11px; margin-top: -11px; border-right-width: 0; - border-left-color: #999; + border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { content: " "; @@ -2787,7 +2741,7 @@ button.close { bottom: -10px; } .alert { - padding: 10px 35px 10px 15px; + padding: 15px 35px 15px 15px; margin-bottom: 17px; color: #c09853; background-color: #fcf8e3; @@ -2799,13 +2753,18 @@ button.close { .alert hr { border-top-color: #f8e5be; } .alert .alert-link { - font-weight: 500; + font-weight: bold; color: #a47e3c; } .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } + .alert > p, + .alert > ul { + margin-bottom: 0; } + .alert > p + p { + margin-top: 5px; } .alert-success { background-color: #dff0d8; @@ -2834,25 +2793,14 @@ button.close { .alert-info .alert-link { color: #2d6987; } -.alert-block { - padding-top: 15px; - padding-bottom: 15px; } - .alert-block > p, - .alert-block > ul { - margin-bottom: 0; } - .alert-block p + p { - margin-top: 5px; } - .thumbnail, .img-thumbnail { padding: 4px; line-height: 1.42857; - background-color: #8c8574; + background-color: #3a3a4a; border: 1px solid #dddddd; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail { @@ -2860,7 +2808,7 @@ button.close { a.thumbnail:hover, a.thumbnail:focus { - border-color: #173741; } + border-color: #1d7878; } .thumbnail > img { margin-left: auto; @@ -2903,16 +2851,19 @@ a.thumbnail:focus { font-size: 75%; font-weight: 500; line-height: 1; - color: #fff; + color: white; text-align: center; white-space: nowrap; - vertical-align: middle; - background-color: #999999; + vertical-align: baseline; border-radius: .25em; } .label[href]:hover, .label[href]:focus { - color: #fff; + color: white; text-decoration: none; - cursor: pointer; + cursor: pointer; } + +.label-default { + background-color: #999999; } + .label-default[href]:hover, .label-default[href]:focus { background-color: gray; } .label-danger { @@ -2941,9 +2892,9 @@ a.thumbnail:focus { padding: 3px 7px; font-size: 11px; font-weight: bold; - color: #fff; + color: white; line-height: 1; - vertical-align: middle; + vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #999999; @@ -2952,7 +2903,7 @@ a.thumbnail:focus { display: none; } a.badge:hover, a.badge-success:hover, a.badge-error:hover, a.badge:focus, a.badge-success:focus, a.badge-error:focus { - color: #fff; + color: white; text-decoration: none; cursor: pointer; } @@ -2964,8 +2915,8 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. .nav-pills > .active > a > .badge, .nav-pills > .active > a > .badge-success, .nav-pills > .active > a > .badge-error { - color: #173741; - background-color: #fff; } + color: #1d7878; + background-color: white; } .nav-pills > li > a > .badge, .nav-pills > li > a > .badge-success, .nav-pills > li > a > .badge-error { margin-left: 3px; } @@ -2984,13 +2935,6 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. to { background-position: 0 0; } } -@-ms-keyframes progress-bar-stripes { - from { - background-position: 40px 0; } - - to { - background-position: 0 0; } } - @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } @@ -3019,26 +2963,19 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. width: 0%; height: 100%; font-size: 11px; - color: #fff; + color: white; text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #173741; + background-color: #1d7878; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar { - background-color: #173741; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar { @@ -3051,7 +2988,6 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { - background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -3060,7 +2996,6 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { - background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -3069,7 +3004,6 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { - background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -3078,7 +3012,6 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { - background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -3112,10 +3045,10 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. clear: both; } .pull-right { - float: right; } + float: right !important; } .pull-left, .page-head h2.page-title { - float: left; } + float: left !important; } .hide { display: none !important; } @@ -3148,151 +3081,214 @@ a.list-group-item.active > .badge, a.list-group-item.active > .badge-success, a. .visible-sm { display: block !important; } - tr .visible-sm { - display: table-row !important; } - th .visible-sm, td .visible-sm { - display: table-cell !important; } + +tr.visible-sm { + display: table-row !important; } + +th.visible-sm, +td.visible-sm { + display: table-cell !important; } .visible-md { display: none !important; } - tr .visible-md { - display: none !important; } - th .visible-md, td .visible-md { - display: none !important; } + +tr.visible-md { + display: none !important; } + +th.visible-md, +td.visible-md { + display: none !important; } .visible-lg { display: none !important; } - tr .visible-lg { - display: none !important; } - th .visible-lg, td .visible-lg { - display: none !important; } + +tr.visible-lg { + display: none !important; } + +th.visible-lg, +td.visible-lg { + display: none !important; } .hidden-sm { display: none !important; } - tr .hidden-sm { - display: none !important; } - th .hidden-sm, td .hidden-sm { - display: none !important; } + +tr.hidden-sm { + display: none !important; } + +th.hidden-sm, +td.hidden-sm { + display: none !important; } .hidden-md { display: block !important; } - tr .hidden-md { - display: table-row !important; } - th .hidden-md, td .hidden-md { - display: table-cell !important; } + +tr.hidden-md { + display: table-row !important; } + +th.hidden-md, +td.hidden-md { + display: table-cell !important; } .hidden-lg { display: block !important; } - tr .hidden-lg { - display: table-row !important; } - th .hidden-lg, td .hidden-lg { - display: table-cell !important; } + +tr.hidden-lg { + display: table-row !important; } + +th.hidden-lg, +td.hidden-lg { + display: table-cell !important; } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: none !important; } - tr .visible-sm { - display: none !important; } - th .visible-sm, td .visible-sm { - display: none !important; } + + tr.visible-sm { + display: none !important; } + + th.visible-sm, + td.visible-sm { + display: none !important; } .visible-md { display: block !important; } - tr .visible-md { - display: table-row !important; } - th .visible-md, td .visible-md { - display: table-cell !important; } + + tr.visible-md { + display: table-row !important; } + + th.visible-md, + td.visible-md { + display: table-cell !important; } .visible-lg { display: none !important; } - tr .visible-lg { - display: none !important; } - th .visible-lg, td .visible-lg { - display: none !important; } + + tr.visible-lg { + display: none !important; } + + th.visible-lg, + td.visible-lg { + display: none !important; } .hidden-sm { display: block !important; } - tr .hidden-sm { - display: table-row !important; } - th .hidden-sm, td .hidden-sm { - display: table-cell !important; } + + tr.hidden-sm { + display: table-row !important; } + + th.hidden-sm, + td.hidden-sm { + display: table-cell !important; } .hidden-md { display: none !important; } - tr .hidden-md { - display: none !important; } - th .hidden-md, td .hidden-md { - display: none !important; } + + tr.hidden-md { + display: none !important; } + + th.hidden-md, + td.hidden-md { + display: none !important; } .hidden-lg { display: block !important; } - tr .hidden-lg { - display: table-row !important; } - th .hidden-lg, td .hidden-lg { - display: table-cell !important; } } + + tr.hidden-lg { + display: table-row !important; } + + th.hidden-lg, + td.hidden-lg { + display: table-cell !important; } } @media (min-width: 992px) { .visible-sm { display: none !important; } - tr .visible-sm { - display: none !important; } - th .visible-sm, td .visible-sm { - display: none !important; } + + tr.visible-sm { + display: none !important; } + + th.visible-sm, + td.visible-sm { + display: none !important; } .visible-md { display: none !important; } - tr .visible-md { - display: none !important; } - th .visible-md, td .visible-md { - display: none !important; } + + tr.visible-md { + display: none !important; } + + th.visible-md, + td.visible-md { + display: none !important; } .visible-lg { display: block !important; } - tr .visible-lg { - display: table-row !important; } - th .visible-lg, td .visible-lg { - display: table-cell !important; } + + tr.visible-lg { + display: table-row !important; } + + th.visible-lg, + td.visible-lg { + display: table-cell !important; } .hidden-sm { display: block !important; } - tr .hidden-sm { - display: table-row !important; } - th .hidden-sm, td .hidden-sm { - display: table-cell !important; } + + tr.hidden-sm { + display: table-row !important; } + + th.hidden-sm, + td.hidden-sm { + display: table-cell !important; } .hidden-md { display: block !important; } - tr .hidden-md { - display: table-row !important; } - th .hidden-md, td .hidden-md { - display: table-cell !important; } + + tr.hidden-md { + display: table-row !important; } + + th.hidden-md, + td.hidden-md { + display: table-cell !important; } .hidden-lg { display: none !important; } - tr .hidden-lg { - display: none !important; } - th .hidden-lg, td .hidden-lg { - display: none !important; } } + + tr.hidden-lg { + display: none !important; } + + th.hidden-lg, + td.hidden-lg { + display: none !important; } } .visible-print { display: none !important; } - tr .visible-print { - display: none !important; } - th .visible-print, td .visible-print { - display: none !important; } + +tr.visible-print { + display: none !important; } + +th.visible-print, +td.visible-print { + display: none !important; } @media print { .visible-print { display: block !important; } - tr .visible-print { - display: table-row !important; } - th .visible-print, td .visible-print { - display: table-cell !important; } + + tr.visible-print { + display: table-row !important; } + + th.visible-print, + td.visible-print { + display: table-cell !important; } .hidden-print { display: none !important; } - tr .hidden-print { - display: none !important; } - th .hidden-print, td .hidden-print { - display: none !important; } } + + tr.hidden-print { + display: none !important; } + + th.hidden-print, + td.hidden-print { + display: none !important; } } /* * Font Awesome 3.2.1 * the iconic font designed for Bootstrap @@ -5030,31 +5026,27 @@ html, body { #main { min-height: 100%; height: auto !important; - padding: 35px 0 60px; - margin: 0 0 -60px; } + padding: 38px 0 60px; + margin: 0 0 -60px 0; + background-color: #f8f8f8; } .container-fluid, .row-fluid { width: 100%; } #content { - min-height: 900px; - padding: 90px 20px 20px; + padding: 90px 20px 100px; margin-left: 240px; -webkit-transition-property: margin; -moz-transition-property: margin; -o-transition-property: margin; transition-property: margin; -webkit-transition-duration: 0.4s; - -moz-transition-duration: 0.4s; - -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; - background-color: #f8f8f8; - background-image: url("../img/patterns/bedge_grunge.png"); } - #content fieldset, #content .panel { + transition-timing-function: ease-out; } + #content fieldset, #content .panel, #content .notification-panel { padding: 20px; margin-bottom: 20px; border: solid 1px #dfdfdf; @@ -5067,17 +5059,18 @@ html, body { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 0, white 0 0 0 3px inset; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 0, white 0 0 0 3px inset; } #content h3, #content .panel-heading, #content .panel-heading { + border: none; height: 30px; padding: 0 5px; margin: -16px -16px 15px -16px; - line-height: 30px; - color: contrasted(#e1f1e9); + color: contrasted(#e0ebea); font-size: 1.2em; + line-height: 30px; font-weight: 300; text-transform: uppercase; - background-color: #e1f1e9; } + background-color: #e0ebea; } #content h3 i, #content .panel-heading i, #content h3 a, #content .panel-heading a, #content .panel-heading i, #content .panel-heading a { - color: contrasted(#e1f1e9); } + color: contrasted(#e0ebea); } #content h3 .badge, #content .panel-heading .badge, #content h3 .badge-success, #content .panel-heading .badge-success, #content h3 .badge-error, #content .panel-heading .badge-error, #content .panel-heading .badge, #content .panel-heading .badge-success, #content .panel-heading .badge-error { background-color: white; border-radius: 0; @@ -5105,26 +5098,32 @@ html, body { border-bottom: solid 1px #dfdfdf; -webkit-box-shadow: white 0 0 0 1px inset; box-shadow: white 0 0 0 1px inset; } + @media (max-width: 768px) { + #content { + margin-left: 0; + width: 100%; } } .page-head { width: 100%; - height: 65px; - padding: 5px 10px 0 0; + height: 55px; + padding: 0 10px 0 0; margin: 0; - border-bottom: 4px solid #56b084; + border-bottom: 4px solid #00756d; position: fixed; - top: 37px; + top: 38px; left: 0px; - z-index: 9000; - background-color: #79c09d; - -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; - box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0, rgba(255, 255, 255, 0.15) 0 -1px 0 inset; } + z-index: 499; + background-color: #00a89c; + -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0; + box-shadow: rgba(0, 0, 0, 0.15) 0 7px 0; } .page-head h2.page-title { padding: 0 0 0 260px; font-size: 20px; - line-height: 25px; color: white; text-transform: uppercase; } + @media (max-width: 768px) { + .page-head h2.page-title { + padding: 0 0 0 20px; } } .page-head .btn-toolbar { margin: 0; } .page-head .btn-toolbar .nav-tabs { @@ -5133,11 +5132,23 @@ html, body { color: #333333; } #sidebar { - z-index: 9001; + height: 100% !important; + z-index: 500; float: left; width: 240px; - background-color: #8c8574; - border-bottom: 1px solid #989182; } + background-color: #3a3a4a; + border-bottom: 1px solid #454558; } + #sidebar .menu { + border-top: 1px black solid; } + #sidebar .menu .maintab > a [class^="icon-"], #sidebar .menu .menu .maintab > a [class*=" icon-"] { + font-size: 20px; + border-radius: 40px; + height: 30px; + width: 30px; + color: white; + display: inline-block; + text-align: center; + line-height: 30px; } #sidebar > ul > li > ul.sub-menu { display: none; list-style: none; @@ -5147,7 +5158,7 @@ html, body { margin: 0; padding: 0; } #sidebar > ul li { - background-color: #8c8574; + background-color: #3a3a4a; list-style: none; } #sidebar > ul li:not(.active) ul { display: none; } @@ -5155,32 +5166,34 @@ html, body { display: block; background-color: white; } #sidebar > ul > li.active > a { - color: contrasted(#8c8574, 30%); - background-color: #79c09d; - border-top: 1px solid #9cd0b6; - border-bottom: 1px solid #56b084; - -webkit-box-shadow: #56b084 -4px 0 0 inset; - box-shadow: #56b084 -4px 0 0 inset; } + color: white; + background-color: #00a89c; + border-top: 1px solid #00c2b4; + border-bottom: 1px solid #00423d; + -webkit-box-shadow: #00756d -4px 0 0 inset; + box-shadow: #00756d -4px 0 0 inset; } #sidebar > ul > li.active > a i { - color: #173741 !important; + color: #1d7878 !important; background-color: white; } #sidebar > ul > li.active:hover > a { color: white; - -webkit-box-shadow: #56b084 -4px 0 0 inset; - box-shadow: #56b084 -4px 0 0 inset; } + -webkit-box-shadow: #00756d -4px 0 0 inset; + box-shadow: #00756d -4px 0 0 inset; } #sidebar > ul > li:hover > a { - -webkit-box-shadow: #173741 -4px 0 0 inset; - box-shadow: #173741 -4px 0 0 inset; } + -webkit-box-shadow: #1d7878 -4px 0 0 inset; + box-shadow: #1d7878 -4px 0 0 inset; } #sidebar > ul > li:hover > a i { - color: #173741 !important; + color: #00a89c !important; background-color: white; } #sidebar > ul > li > a { display: block; - padding: 3px 0 3px 5px; - border-top: 1px solid #989182; - border-bottom: 1px solid #706b5d; - color: #dcdad5; - background-color: #8c8574; + padding: 2px 0 2px 8px; + border-top: 1px solid #454558; + border-bottom: 1px solid #24242d; + font-size: 12px; + line-height: 28px; + color: #c3c3c8; + background-color: #3a3a4a; text-transform: uppercase; text-decoration: none; -webkit-transition-property: background-color, border, box-shadow; @@ -5188,25 +5201,21 @@ html, body { -o-transition-property: background-color, border, box-shadow; transition-property: background-color, border, box-shadow; -webkit-transition-duration: 0.4s; - -moz-transition-duration: 0.4s; - -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; - -webkit-box-shadow: #625d51 -4px 0 0 inset; - box-shadow: #625d51 -4px 0 0 inset; } + -webkit-box-shadow: #18181f -4px 0 0 inset; + box-shadow: #18181f -4px 0 0 inset; } #sidebar > ul > li > a i { - color: #c6c2ba; - background-color: #46433a; + color: #737391; + background-color: #020203; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.4s; - -moz-transition-duration: 0.4s; - -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; @@ -5220,40 +5229,33 @@ html, body { background-color: white; } #sidebar > ul > li ul li a { display: block; - padding: 3px 5px 3px 10px; + padding: 2px 5px 2px 10px; font-size: 12px; border: none; border-bottom: solid 1px #eeeeee; - background-color: white; - -webkit-box-shadow: #8c8574 -4px 0 0 inset; - box-shadow: #8c8574 -4px 0 0 inset; } + background-color: white; } #sidebar > ul > li ul li a i { margin-top: 3px; - color: #79c09d; } + color: #00a89c; } #sidebar > ul > li ul li a:hover { - color: #173741; - background-color: #f3f2f1; - text-decoration: none; - -webkit-box-shadow: #173741 -4px 0 0 inset; - box-shadow: #173741 -4px 0 0 inset; } + color: #1d7878; + background-color: #ebebec; + text-decoration: none; } #sidebar > ul > li ul li a:hover i { - color: #8c8574; } + color: #3a3a4a; } #sidebar > ul > li ul li.active a { color: white; - background-color: #173741; } + background-color: #1d7878; } #sidebar > ul > li ul li.active a i { - color: #8c8574; } + color: #3a3a4a; } .page-sidebar-closed #sidebar { width: 50px; - white-space: nowrap; -webkit-transition-property: width; -moz-transition-property: width; -o-transition-property: width; transition-property: width; -webkit-transition-duration: 0.4s; - -moz-transition-duration: 0.4s; - -o-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; @@ -5277,28 +5279,25 @@ html, body { margin-left: 50px; } .page-sidebar-closed #content .page-head h2.page-title { padding: 0 0 0 70px; } + @media (max-width: 768px) { + .page-sidebar-closed #content .page-head h2.page-title { + padding: 0 0 0 20px; } } + @media (max-width: 768px) { + .page-sidebar-closed #content { + margin-left: 0; + width: 100%; } } .menu-collapse { - height: 67px; + height: 55px; width: 100%; font-size: 2em; text-align: center; - line-height: 68px; + line-height: 55px; display: block; - background-color: #68b890; - border-bottom: 4px solid #4ca177; } + background-color: #00756d; + border-bottom: 4px solid #00423d; } .menu-collapse i { - color: #9cd0b6; } - -#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"] { - font-size: 22px; - border-radius: 40px; - height: 35px; - width: 35px; - color: white; - display: inline-block; - text-align: center; - line-height: 35px; } + color: #00dbcb; } .toolbar_btn { position: relative; @@ -5310,7 +5309,7 @@ html, body { text-align: center; text-shadow: none; } .toolbar_btn:hover { - color: #79c09d; + color: #00a89c; border-color: white; background-color: white !important; } @@ -5354,12 +5353,12 @@ html, body { background-color: #87c795; } [class^="icon-Admin"] { - background-color: #706b5d; + background-color: #24242d; margin-right: 6px; - color: #a39d90 !important; } + color: #505067 !important; } [class^="process-icon-"], [class*=" process-icon-"] { - height: 32px; + height: 25px; min-width: 32px; background-position: center; background-repeat: no-repeat; @@ -5368,7 +5367,7 @@ html, body { font-weight: normal; font-style: normal; font-size: 25px; - line-height: 32px; + line-height: 25px; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: 0.3em; } @@ -5519,16 +5518,15 @@ hr { float: right; } tr.filter { - background-color: rgba(163, 159, 149, 0.5); } + background-color: #c5c5c5; } tr.filter input[type="text"].filter, tr.filter input[type="password"].filter, tr.filter select.filter { - font-size: 12px; - border-color: #a39f95; } + font-size: 12px; } .breadcrumb { background-color: white; } .badge, .badge-success, .badge-error { - background-color: #79c09d; } + background-color: #00a89c; } .badge-success { background-color: #5cb85c; } @@ -5547,14 +5545,15 @@ tr.filter { margin: 0; padding: 0; background-color: transparent; - color: #8c8574; + color: #3a3a4a; font-weight: 500; } #footer { + z-index: 600; + min-height: 60px; display: block; width: 100%; - height: 60px; - padding: 5px 0; + padding: 15px 0 0 0; background-color: #242424; color: #888888; } #footer a { @@ -5605,3 +5604,122 @@ tr.filter { #nobootstrap { float: left; } + +.box-stats { + padding: 10px; + margin-bottom: 20px; + background-color: white; + -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 0, white 0 0 0 3px inset; + box-shadow: rgba(0, 0, 0, 0.1) 0 2px 0, white 0 0 0 3px inset; } + .box-stats .boxchart-overlay { + padding: 10px; + margin-right: 10px; + float: left; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; } + .box-stats i { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + float: left; + color: white; + font-size: 30px; + height: 50px; + width: 50px; + text-align: center; + line-height: 50px; + margin-right: 10px; } + .box-stats .title { + color: #999999; + display: block; } + .box-stats .value { + font-size: 25px; } + +.color1 i, .color1 .boxchart-overlay { + background-color: #2ba8e3; + -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; + box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; } +.color1 .value { + color: #2ba8e3; } + +.color2 i, .color2 .boxchart-overlay { + background-color: #ff5450; + -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; + box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; } +.color2 .value { + color: #ff5450; } + +.color3 i, .color3 .boxchart-overlay { + background-color: #9e5ba1; + -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; + box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; } +.color3 .value { + color: #9e5ba1; } + +.color4 i, .color4 .boxchart-overlay { + background-color: #95cc6b; + -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; + box-shadow: rgba(0, 0, 0, 0.15) 0 -3px 0 inset; } +.color4 .value { + color: #95cc6b; } + +.chart rect { + fill: white; } +.chart path { + stroke: white; + stroke-width: 2; + fill: none; } +.chart line { + stroke: black; } +.chart .area { + fill: rgba(255, 255, 255, 0.3); + stroke-width: 0; } + +.highlighted { + background-color: blue; } + +.notification-panel { + padding: 15px; + margin: 0; + width: 300px; + -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; + box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 10px; } + +.notification-dropdown { + background-color: transparent; + border: none; + box-shadow: none; } + +#topbar { + position: fixed; + left: 80; + width: 100%; + height: 25px; + z-index: 600; + background-color: #3a3a4a; + border-top: black solid 1px; + border-bottom: black solid 1px; } + #topbar a { + line-height: 25px; + color: white; } + #topbar a i { + height: 25px; + width: 25px; + line-height: 25px; + color: white; + font-size: 20px; } + #topbar .menu-collapse { + display: none; } + #topbar .menu { + padding: 0 0 0 60px; + display: inline; } + #topbar .menu li { + display: inline; } + #topbar .submenu { + display: none; } diff --git a/admin-dev/themes/default/css/admin-theme.sass b/admin-dev/themes/default/css/admin-theme.sass index a6297eb9c..2dbb9143c 100755 --- a/admin-dev/themes/default/css/admin-theme.sass +++ b/admin-dev/themes/default/css/admin-theme.sass @@ -1,4 +1,4 @@ -//light +//light #F7F7F7 //$main-color: #DBD8CF //sable //$main-color: #CFD7DD //bleu //$main-color: #E0E0E0 @@ -15,7 +15,8 @@ //$main-color: #373E35 //vert camo //$main-color: #262C3F //bleu nuit - pretty sure that a girl could do better naming the colors, sorry about that... //$main-color: white -$main-color: #8C8574 +//$main-color: #8C8574 +$main-color: #3A3A4A //$secondary-color: white //blanc //$secondary-color: #F5792B //orange @@ -36,7 +37,8 @@ $main-color: #8C8574 //$secondary-color: #8BC954 //vert PrestaShop //some tests -$secondary-color: #79C09D +$secondary-color: #00A89C +//$secondary-color: #79C09D //$secondary-color: invert($main-color) //$secondary-color: lighten(invert($main-color),20%) //$secondary-color: adjust-hue($main-color, 80%) @@ -60,7 +62,7 @@ $bg-content-color: #F8F8F8 //gris $bg-header-color: #242424 $bg-footer-color: #242424 $bg-page-head-color : $secondary-color -$bg-panel-heading-color: lighten($secondary-color,30%) +$bg-panel-heading-color: hsl(hue($secondary-color), 20, 90) //others $badge-notif-color: #EF1778 @@ -68,6 +70,7 @@ $icon-color: #87C795 @import "compass" @import "bootstrap/variables" +//@import "bootstrap.min.css" @import "bootstrap" @import "font-awesome" @import "toggle-switch" @@ -95,21 +98,22 @@ body.fixed-top #main min-height: 100% height: auto!important - padding: 35px 0 60px - margin: 0 0 -60px + padding: 38px 0 60px + margin: 0 0 -60px 0 + background-color: $bg-content-color .container-fluid, .row-fluid width: 100% #content - min-height: 900px - padding: 90px 20px 20px + padding: 90px 20px 100px margin-left: 240px @include transition-property(margin) @include transition-duration(0.4s) @include transition-timing-function(ease-out) - background-color: $bg-content-color - background-image: url('../img/patterns/bedge_grunge.png') // texture + + //overflow-x: scroll + //background-image: url('../img/patterns/bedge_grunge.png') // texture fieldset, .panel padding: 20px margin-bottom: 20px @@ -120,12 +124,13 @@ body.fixed-top .panel-heading @extend h3 h3, .panel-heading + border: none height: 30px padding: 0 5px margin: -16px -16px 15px -16px - line-height: 30px color: contrasted($bg-panel-heading-color) font-size: 1.2em + line-height: 30px font-weight: 300 text-transform: uppercase background-color: $bg-panel-heading-color @@ -157,26 +162,31 @@ body.fixed-top border: none border-bottom: solid 1px darken($bg-content-color,10%) @include box-shadow(white 0 0 0 1px inset) + @media (max-width: $screen-tablet) + margin-left: 0 + width: 100% + .page-head width: 100% - height: 65px - padding: 5px 10px 0 0 + height: 55px + padding: 0 10px 0 0 margin: 0 border-bottom: 4px solid darken($secondary-color,10%) position: fixed - top: 37px + top: 38px left: 0px - z-index: 9000 + z-index: 499 background-color: $secondary-color - @include box-shadow(rgba(black,0.15) 0 7px 0, rgba(white,0.15) 0 -1px 0 inset) + @include box-shadow(rgba(black,0.15) 0 7px 0) h2.page-title @extend .pull-left padding: 0 0 0 260px font-size: 20px - line-height: 25px color: white text-transform: uppercase + @media (max-width: $screen-tablet) + padding: 0 0 0 20px .btn-toolbar margin: 0 .nav-tabs @@ -188,11 +198,23 @@ body.fixed-top //background: #f5f5f5 #sidebar - z-index: 9001 + height: 100%!important + z-index: 500 float: left width: 240px background-color: $main-color border-bottom: 1px solid lighten($main-color,5%) + .menu + border-top: 1px black solid + .maintab > a [class^="icon-"], .menu .maintab > a [class*=" icon-"] + font-size: 20px + border-radius: 40px + height: 30px + width: 30px + color: white + display: inline-block + text-align: center + line-height: 30px > ul > li > ul.sub-menu display: none list-style: none @@ -212,28 +234,29 @@ body.fixed-top background-color: white > li &.active > a - color: contrasted($main-color, 30%) + color: contrast-color($main-color, white, #333, 10%) background-color: $secondary-color - border-top: 1px solid lighten($secondary-color,10%) - border-bottom: 1px solid darken($secondary-color,10%) + border-top: 1px solid lighten($secondary-color,5%) + border-bottom: 1px solid darken($secondary-color,20%) @include box-shadow(darken($secondary-color,10%) -4px 0 0 inset) i color: $brand-primary!important background-color: white &.active:hover > a - color: white + color: contrast-color($main-color, white, #333, 10%) @include box-shadow(darken($secondary-color,10%) -4px 0 0 inset) &:hover > a - @include box-shadow($brand-primary -4px 0 0 inset) i - color: $brand-primary!important + color: $secondary-color!important background-color: white > a display: block - padding: 3px 0 3px 5px + padding: 2px 0 2px 8px border-top: 1px solid lighten($main-color,5%) border-bottom: 1px solid darken($main-color,10%) + font-size: 12px + line-height: 28px $color: contrast-color($main-color, white, #333, 10%) color: mix($main-color, $color, 30%) background-color: $main-color @@ -258,12 +281,12 @@ body.fixed-top li a display: block - padding: 3px 5px 3px 10px + padding: 2px 5px 2px 10px font-size: 12px border: none border-bottom: solid 1px #eee background-color: white - @include box-shadow($main-color -4px 0 0 inset) + //@include box-shadow($main-color -4px 0 0 inset) i margin-top: 3px color: $secondary-color @@ -271,7 +294,7 @@ body.fixed-top color: $brand-primary background-color: mix(white, $main-color, 90%) text-decoration: none - @include box-shadow($brand-primary -4px 0 0 inset) + //@include box-shadow($brand-primary -4px 0 0 inset) i color: $main-color &.active @@ -284,7 +307,6 @@ body.fixed-top .page-sidebar-closed #sidebar width: 50px - white-space: nowrap @include transition-property(width) @include transition-duration(0.4s) @include transition-timing-function(ease-out) @@ -302,34 +324,28 @@ body.fixed-top position: absolute left: 50px width: 200px!important - #content margin-left: 50px .page-head h2.page-title padding: 0 0 0 70px + @media (max-width: $screen-tablet) + padding: 0 0 0 20px + @media (max-width: $screen-tablet) + margin-left: 0 + width: 100% .menu-collapse - height: 67px + height: 55px width: 100% font-size: 2em text-align: center - line-height: 68px + line-height: 55px display: block - background-color: darken($secondary-color,5%) - border-bottom: 4px solid darken($secondary-color,15%) + background-color: darken($secondary-color,10%) + border-bottom: 4px solid darken($secondary-color,20%) i color: lighten($secondary-color,10%) -#menu .maintab > a [class^="icon-"], #menu .maintab > a [class*=" icon-"] - font-size: 22px - border-radius: 40px - height: 35px - width: 35px - color: white - display: inline-block - text-align: center - line-height: 35px - // Tool bar .toolbar_btn position: relative @@ -391,7 +407,7 @@ body.fixed-top color: lighten($main-color,10%)!important [class^="process-icon-"], [class*=" process-icon-"] - height: 32px + height: 25px min-width: 32px background-position: center background-repeat: no-repeat @@ -400,7 +416,7 @@ body.fixed-top font-weight: normal font-style: normal font-size: 25px - line-height: 32px + line-height: 25px text-decoration: inherit -webkit-font-smoothing: antialiased *margin-right: .3em @@ -456,8 +472,6 @@ body.fixed-top .process-icon-new-url @extend .icon-plus-sign-alt - - .navbar-inner box-shadow: none!important .input-append @@ -506,7 +520,6 @@ input[type="password"].input-tiny .fixed-width-XL width: 200px - .btn-group-action display: inline-block white-space: nowrap @@ -543,7 +556,6 @@ input[type="password"].input-tiny .caret border-top-color: white!important - hr border-color: darken($bg-content-color,10%) border-bottom: 1px solid white @@ -601,10 +613,9 @@ hr //filter table tr.filter - background-color: rgba(#A39F95,0.5) + background-color: darken($bg-content-color,20%) input[type="text"].filter, input[type="password"].filter, select.filter font-size: 12px - border-color: #A39F95 .breadcrumb background-color: lighten($bg-content-color,7%) @@ -637,10 +648,11 @@ tr.filter font-weight: 500 #footer + z-index: 600 + min-height: 60px display: block width: 100% - height: 60px - padding: 5px 0 + padding: 15px 0 0 0 background-color: $bg-footer-color color: #888 a @@ -688,3 +700,114 @@ tr.filter #nobootstrap float: left + +.box-stats + padding: 10px + margin-bottom: 20px + background-color: white + @include box-shadow(rgba(black,0.10) 0 2px 0, white 0 0 0 3px inset) + .boxchart-overlay + padding: 10px + margin-right: 10px + float: left + color: white + @include border-radius(3px) + i + @include border-radius(3px) + float: left + color: white + font-size: 30px + height: 50px + width: 50px + text-align: center + line-height: 50px + margin-right: 10px + .title + color: #999 + display: block + .value + font-size: 25px +.color1 + i, .boxchart-overlay + background-color: #2BA8E3 + @include box-shadow(rgba(black,0.15) 0 -3px 0 inset) + .value + color: #2BA8E3 +.color2 + i, .boxchart-overlay + background-color: #FF5450 + @include box-shadow(rgba(black,0.15) 0 -3px 0 inset) + .value + color: #FF5450 +.color3 + i, .boxchart-overlay + background-color: #9E5BA1 + @include box-shadow(rgba(black,0.15) 0 -3px 0 inset) + .value + color: #9E5BA1 +.color4 + i, .boxchart-overlay + background-color: #95CC6B + @include box-shadow(rgba(black,0.15) 0 -3px 0 inset) + .value + color: #95CC6B + +.chart + rect + fill: white + path + stroke: white + stroke-width: 2 + fill: none + line + stroke: black + .area + fill: rgba(white,0.30) + stroke-width: 0 + +.highlighted + background-color: blue + +.notification-panel + @extend .panel + padding: 15px + margin: 0 + width: 300px + @include box-shadow(rgba(black,0.50) 2px 2px 10px) + +.notification-dropdown + background-color: transparent + border: none + box-shadow: none + +.list-toolbar-btn + + +//WIP +#topbar + position: fixed + left: 80 + width: 100% + height: 25px + z-index: 600 + background-color: $main-color + border-top: black solid 1px + border-bottom: black solid 1px + a + line-height: 25px + color: white + i + height: 25px + width: 25px + line-height: 25px + color: white + font-size: 20px + .menu-collapse + display: none + .menu + padding: 0 0 0 60px + display: inline + li + display: inline + .submenu + display: none \ No newline at end of file diff --git a/admin-dev/themes/default/css/admin.css b/admin-dev/themes/default/css/admin.css index 47f7d9583..b33bb4fe1 100644 --- a/admin-dev/themes/default/css/admin.css +++ b/admin-dev/themes/default/css/admin.css @@ -1,1637 +1,1602 @@ -#nobootstrap { - /*LIST*/ - /*FORM*/ - /*BUTTON*/ - /*HEADER*/ - /* Portrait orientation targeting */ - /* Portrait orientation targeting */ - /*MENU*/ - /*SEPARATION*/ - /*TABLE*/ - /*UI ACCORDEON*/ - /*BLOC*/ - /*TABLE STATUS COMMANDE*/ - /*multishop toolbar*/ - /*toolbarBox*/ - /*button upload files*/ - /*leadin*/ - /*productBox*/ - /*tab-pane*/ - /*FILTER MODULE*/ - /*FILTER STOCK*/ - /*ADDONS LOGIN*/ - /*SIDEBAR*/ - /*NAVIGATION ENGINE*/ - /*STATCONTAINER*/ - /*MODULECONTAINER*/ - /*TAB MODULES LIST*/ - /******** ie7 ******/ - /*MODULE POSITION*/ - /*FOOTER*/ - /*DASHBOARD*/ - /******** CREATE AN ORDER **************/ - /************** SCENE *****************/ } - #nobootstrap body { - font-family: Arial, Helvetica, sans-serif; } - #nobootstrap h1, #nobootstrap h2, #nobootstrap h3, #nobootstrap h4 { - font-family: Arial, Helvetica, sans-serif; - margin-bottom: .5em; - line-height: 1.4em; } - #nobootstrap h2 { - font-size: 1.7em; } - #nobootstrap h3 { - font-size: 1.25em; } - #nobootstrap h4 { - font-size: 1.05em; } - #nobootstrap h6 { - font-size: 1em; } - #nobootstrap ul, #nobootstrap ol { - list-style: none; - margin: 0; - padding: 0; } - #nobootstrap ul li { - color: #585A69; } - #nobootstrap label { - color: #585a69; - text-shadow: 0 1px 0 white; } - #nobootstrap fieldset { - background-color: #EBEDF4; - border: 1px solid #CCCED7; - color: #585A69; - font-size: 1.1em; - margin: 0; - padding: 1em; } - #nobootstrap .Bloc { - background-color: #EBEDF4; - border: 1px solid #CCCED7; - font-size: 1.1em; - margin: 0; - padding: 1em; } - #nobootstrap legend { - background: #EBEDF4; - border: 1px solid #CCCED7; - font-weight: 700; - margin: 0; - padding: .2em .5em; - text-align: left; } - #nobootstrap input[type="text"], #nobootstrap input[type="password"], #nobootstrap input[type="file"], #nobootstrap textarea { - border: 1px solid #ccc; - background-color: #fff; } - #nobootstrap input[type="text"]:disabled, #nobootstrap input[type="password"]:disabled, #nobootstrap input[type="file"]:disabled, #nobootstrap textarea:disabled { - border: 1px solid #ccc; - background-color: #dedede; - color: #444444; } - #nobootstrap select { - border: 1px solid #ccc; - font-size: 12px; } - #nobootstrap select[disabled="disabled"], #nobootstrap input[disabled="disabled"], #nobootstrap textarea[disabled="disabled"], #nobootstrap option[disabled="disabled"] { - border: 1px solid #CCCCCC; - color: #AAAAAA; } - #nobootstrap .header_module { - background: url("../img/header_module.png"); - padding-left: 0.5em; - padding-top: 0.8em; - height: 20px; - color: #812143; - border: solid 1px #CCC; } - #nobootstrap .double_select select { - width: 300px; - height: 160px; } - #nobootstrap .double_select a { - text-align: center; - display: block; - border: 1px solid #aaa; - text-decoration: none; - background-color: #fafafa; - color: #123456; - margin: 2px; - padding: 2px; } - #nobootstrap .icon { - vertical-align: middle; } - #nobootstrap .icon-top { - vertical-align: top; } - #nobootstrap .button { - background: #e3e3e3 url("../img/bg-button-degrade.png") repeat-x scroll left top; - background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent; - background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent; - border-color: #CCCCCC #BBBBBB #A0A0A0; - border-left: 1px solid #BBBBBB; - border-radius: 3px 3px 3px 3px; - border-right: 1px solid #BBBBBB; - border-style: solid; - border-width: 1px; - color: #000000; - margin: 0; - outline: medium none; - padding: 3px 8px; - text-align: center; - vertical-align: middle; - white-space: nowrap; - text-shadow: 0 1px 0 #fff; } - #nobootstrap .button[disabled=disabled] { - color: #8C8C8C; } - #nobootstrap .button.bt-icon { - display: inline-block; - margin-bottom: 7px; } - #nobootstrap .button.bt-icon span { - padding-left: 5px; } - #nobootstrap input.button[disabled=disabled]:hover { - background-color: #FFF6D3; } - #nobootstrap .button:hover { - border: 1px solid #939393; } - #nobootstrap .button:active { - border: 1px solid #939393; } - #nobootstrap .button.export-csv span { - background: transparent url("../img/export-csv.png") no-repeat scroll left top; - padding: 1px 0 1px 20px; } - #nobootstrap #top_container { - margin: 0; - padding: 0; } +#nobootstrap body { + font-family: Arial, Helvetica, sans-serif; } +#nobootstrap h1, #nobootstrap h2, #nobootstrap h3, #nobootstrap h4 { + font-family: Arial, Helvetica, sans-serif; + margin-bottom: .5em; + line-height: 1.4em; } +#nobootstrap h2 { + font-size: 1.7em; } +#nobootstrap h3 { + font-size: 1.25em; } +#nobootstrap h4 { + font-size: 1.05em; } +#nobootstrap h6 { + font-size: 1em; } +#nobootstrap ul, #nobootstrap ol { + list-style: none; + margin: 0; + padding: 0; } +#nobootstrap ul li { + color: #585A69; } +#nobootstrap label { + color: #585a69; + text-shadow: 0 1px 0 white; } +#nobootstrap fieldset { + background-color: #EBEDF4; + border: 1px solid #CCCED7; + color: #585A69; + font-size: 1.1em; + margin: 0; + padding: 1em; } +#nobootstrap .Bloc { + background-color: #EBEDF4; + border: 1px solid #CCCED7; + font-size: 1.1em; + margin: 0; + padding: 1em; } +#nobootstrap legend { + background: #EBEDF4; + border: 1px solid #CCCED7; + font-weight: 700; + margin: 0; + padding: .2em .5em; + text-align: left; } +#nobootstrap input[type="text"], #nobootstrap input[type="password"], #nobootstrap input[type="file"], #nobootstrap textarea { + border: 1px solid #ccc; + background-color: #fff; } +#nobootstrap input[type="text"]:disabled, #nobootstrap input[type="password"]:disabled, #nobootstrap input[type="file"]:disabled, #nobootstrap textarea:disabled { + border: 1px solid #ccc; + background-color: #dedede; + color: #444444; } +#nobootstrap select { + border: 1px solid #ccc; + font-size: 12px; } +#nobootstrap select[disabled="disabled"], #nobootstrap input[disabled="disabled"], #nobootstrap textarea[disabled="disabled"], #nobootstrap option[disabled="disabled"] { + border: 1px solid #CCCCCC; + color: #AAAAAA; } +#nobootstrap .header_module { + background: url("../img/header_module.png"); + padding-left: 0.5em; + padding-top: 0.8em; + height: 20px; + color: #812143; + border: solid 1px #CCC; } +#nobootstrap .double_select select { + width: 300px; + height: 160px; } +#nobootstrap .double_select a { + text-align: center; + display: block; + border: 1px solid #aaa; + text-decoration: none; + background-color: #fafafa; + color: #123456; + margin: 2px; + padding: 2px; } +#nobootstrap .icon { + vertical-align: middle; } +#nobootstrap .icon-top { + vertical-align: top; } +#nobootstrap .button { + background: #e3e3e3 url("../img/bg-button-degrade.png") repeat-x scroll left top; + background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent; + border-color: #CCCCCC #BBBBBB #A0A0A0; + border-left: 1px solid #BBBBBB; + border-radius: 3px 3px 3px 3px; + border-right: 1px solid #BBBBBB; + border-style: solid; + border-width: 1px; + color: #000000; + margin: 0; + outline: medium none; + padding: 3px 8px; + text-align: center; + vertical-align: middle; + white-space: nowrap; + text-shadow: 0 1px 0 #fff; } +#nobootstrap .button[disabled=disabled] { + color: #8C8C8C; } +#nobootstrap .button.bt-icon { + display: inline-block; + margin-bottom: 7px; } +#nobootstrap .button.bt-icon span { + padding-left: 5px; } +#nobootstrap input.button[disabled=disabled]:hover { + background-color: #FFF6D3; } +#nobootstrap .button:hover { + border: 1px solid #939393; } +#nobootstrap .button:active { + border: 1px solid #939393; } +#nobootstrap .button.export-csv span { + background: transparent url("../img/export-csv.png") no-repeat scroll left top; + padding: 1px 0 1px 20px; } +#nobootstrap #top_container { + margin: 0; + padding: 0; } +#nobootstrap #header { + background-color: #394049; + height: 90px; } +@media screen and (orientation: portrait) { #nobootstrap #header { - background-color: #394049; - height: 90px; } - @media screen and (orientation: portrait) { - #nobootstrap #header { - min-width: 1250px; } } - @media screen and (orientation: landscape) { - #nobootstrap #header { - min-width: 1250px; } } - #nobootstrap #header #header_infos { - position: relative; - margin: 0; - padding: 0; - height: 60px; } - #nobootstrap #header #header_shopname { - float: left; - margin: 10px 15px 0 10px; } - #nobootstrap #header #employee_box { - float: right; - display: block; } - #nobootstrap #header #employee_infos { - display: block; - margin: 5px 15px 0 10px; } - #nobootstrap #header #employee_infos a { - color: #BABABA; - text-transform: capitalize; - margin-right: 5px; } - #nobootstrap #header #employee_infos a:hover { - color: #fff; } - #nobootstrap #header #employee_infos .employee_name { - float: left; - color: #fff; - padding: 0 20px 0 0; } - #nobootstrap #header .separator { - background: transparent url("../img/separator.png") no-repeat scroll center top; - height: 19px; - width: 16px; - margin-right: 5px; } - #nobootstrap #header ul#employee_links { - list-style: none; - display: block; - text-align: left; } - #nobootstrap #header ul#employee_links li { - display: inline; - line-height: 20px; } - #nobootstrap #header #header_infos #header_shopname span { - display: block; - font-size: 24px; - height: 28px; - overflow: hidden; - margin: 0; - color: #fff; - text-shadow: 0 1px 0 #000000; } - #nobootstrap #header #header_infos a#header_logout { - background: transparent url("../img/logout.png") no-repeat scroll left top; - padding-left: 20px; - color: #bababa; } - #nobootstrap #header #header_infos a#header_logout:hover { - color: #fff; } - #nobootstrap #header #header_infos #header_logout a span { - color: #bababa; } - #nobootstrap #header #header_infos #header_foaccess { - text-decoration: none; - color: #bababa; } - #nobootstrap #header #header_infos #header_foaccess a { - color: #bababa !important; } - #nobootstrap #header #header_infos a#header_foaccess:hover { - color: #fff; } - #nobootstrap #header #header_search { - background-color: #fff; - border: 2px solid #000; - float: left; - margin-top: 15px; - position: relative; - height: 25px; - box-shadow: 0 1px 0 #666666; } - #nobootstrap #header #header_search #bo_query { - font: 13px Arial,sans-serif; - float: left; - background: none repeat scroll 0 0 transparent; - border: none; - box-shadow: none; - padding: 5px 0px 5px 4px; - width: 160px; } - #nobootstrap #header #header_search #bo_search_type_chzn { - font-size: 13px; - float: left; - margin: 0 23px 0 0; - padding: 0 4px; - vertical-align: middle; - width: 80px !important; - height: 27px; - border: none; } - #nobootstrap #header #header_search #bo_search_type_chzn.chzn-container-single .chzn-single { - box-shadow: none; - border-radius: 0px; - border: none; - border-left: 1px dotted #ccc; } - #nobootstrap #header #header_search #bo_search_submit { - background: url("../img/icon-search2.png") no-repeat scroll center; - border: none; - width: 27px; - height: 25px; - float: left; - font-weight: normal; - margin: 0; - padding: 0; - cursor: pointer; - text-indent: -9999em; - position: absolute; - right: 0; - display: block; - border-left: 1px solid #3079ED; - border-radius: 0px; - /*hacking ie7font-size: 0!ie7; color: transparent!ie;*/ } - #nobootstrap #header #header_quick { - float: right; - display: block; - margin-top: 15px; } - #nobootstrap #header #header_quick #quick_select_chzn { - font-size: 13px; - margin: 0 10px 0 0; - padding: 0px 0 4px; } - #nobootstrap #header #header_myaccount { - background: url("../img/bg-lang.png") no-repeat; - display: block; - float: right; - height: 16px; - margin: 8px 1px 0 0; - width: 16px; } - #nobootstrap .path_bar { - display: none; } - #nobootstrap #notifs_icon_wrapper { - float: left; - position: relative; - margin: 15px 10px 0; - width: 95px; } - #nobootstrap .notifs { - float: left; - position: relative; - cursor: pointer; - margin: 0; - padding: 5px; - width: 18px; - height: 16px; } - #nobootstrap #orders_notif { - background: url("../img/notif_order.png") no-repeat center top; } - #nobootstrap #customers_notif { - background: url("../img/notif_customer.png") no-repeat center top; } - #nobootstrap #customer_messages_notif { - background: url("../img/notif_message.png") no-repeat center top; } - #nobootstrap #orders_notif.open_notifs, - #nobootstrap #customers_notif.open_notifs, - #nobootstrap #customer_messages_notif.open_notifs { - background-color: #FFFFFF; - border: 1px solid #000000; - position: relative; - display: block; - background-position: center bottom; } - #nobootstrap .number_wrapper { - color: white; - display: none; - font-size: 13px; - font-weight: bold; - position: absolute; - right: -8px; - top: -10px; - z-index: 101; - padding: 2px 5px; } - #nobootstrap .number_wrapper span { - background-color: #F03D25; - font-size: 11px; - display: block; - padding: 1px 3px; - border-color: -moz-use-text-color #DD3822 #DD3822; - border-radius: 2px 2px 2px 2px; - border-right: 1px solid #DD3822; - border-style: none solid solid; - border-width: 0 0px; } - #nobootstrap .notifs_wrapper { - background: none repeat scroll 0 0 #FFFFFF; - border: 1px solid #000; - border-top: none; - display: none; - cursor: auto; - position: absolute; - top: 25px; - left: -1px; - width: 300px; - padding: 10px; - color: black; - z-index: 9999; } - #nobootstrap .notifs_wrapper h3 { - font-size: 14px; - padding-bottom: 8px; - margin: 0; - border-bottom: 1px solid #E5E5E5; } - #nobootstrap .notifs_wrapper ul { - padding: 6px 0; - margin: 0; } - #nobootstrap .notifs_wrapper ul li { - text-decoration: none; - list-style: none; - font-size: 12px; - padding: 5px 0; } - #nobootstrap #header_infos .notifs_wrapper a { - font-weight: bold; - font-size: 11px; - color: black; - float: right; } - #nobootstrap .notifs_wrapper p { - font-size: 12px; - padding-top: 8px; - margin: 0; - border-top: 1px solid #E5E5E5; } - #nobootstrap .notifs_wrapper p.no_notifs { - border: none; } - #nobootstrap #header #menu { - background-color: #f8f8f8; - border-bottom: 1px solid #e5e5e5; - float: left; - line-height: normal; - margin: 0; - padding: 0; - width: 100%; } - #nobootstrap #header #menu li.maintab { - float: left; - height: 29px; - list-style: none; - list-style: none; - display: block; - border-left: 1px solid #fff; - border-right: 1px solid #ccc; } - #nobootstrap #header #menu li.submenu_size .title { - cursor: default; - color: #000; - display: block; - padding: 8px 3px 4px 0; - font-weight: normal; - font-size: 12px; } - #nobootstrap #header #menu li.submenu_size .title { - _display: inline; - _padding: 6px 5px 4px 0; } - #nobootstrap #header #menu li { - _height: 32px; - _padding-top: 3px; } - #nobootstrap #header #menu img { - display: inline; - padding: 0 3px 0 6px; - margin-top: -4px; - vertical-align: middle; - width: 16px; - height: 16px; } - #nobootstrap #header #menu li.active, #nobootstrap #header #menu li:hover { - background-position: 0 -38px; - white-space: nowrap; } - #nobootstrap #header #menu li:hover, #nobootstrap #header #menu li.active { - background-color: #49B2FF; } - #nobootstrap #header #menu li.maintab:hover, #nobootstrap #header #menu li.active { - border-left: 1px solid #49B2FF; - border-right: 1px solid #49B2FF; } - #nobootstrap #header #menu li.active a.title, #nobootstrap #header #menu li:hover a.title { - color: #fff; - text-shadow: -1px -1px 0 #3293D6; } - #nobootstrap #header #menu .withLeftBorder { - background: transparent url("../img/separator_subnav.png") no-repeat 0 5px; } - #nobootstrap #header #menu .submenu { - background: #f8f8f8; - clear: both; - margin: 0; - padding: 0; - border: 1px solid #d9d9d9; - z-index: 9999; - box-shadow: 1px 5px 5px #CCCCCC; - -moz-box-shadow: 1px 5px 10px #CCCCCC; - -webkit-box-shadow: 1px 5px 10px #CCCCCC; } - #nobootstrap #header #menu .submenu li { - list-style: none; - margin: 0; - padding: 0; - display: block; - min-width: 150px; } - #nobootstrap #header #menu .submenu li a { - font-size: 12px; - display: block; - padding: 5px 15px 5px 10px; - color: #666666; - border-top: 1px solid #fff; - border-bottom: 1px solid #ccc; } - #nobootstrap #header #menu .submenu li a:hover { - background-color: #eee; - text-shadow: 0 1px 0 #fff; } - #nobootstrap #header #menu .submenu li.active a { - color: #fff; } - #nobootstrap #header #menu .submenu li.active a:hover { - color: #666666; } - #nobootstrap .separation { - background-color: #ccc; - border-bottom: 1px solid #fff; - width: 100%; - height: 1px; - margin: 10px 0; } - #nobootstrap .table_grid { - width: 100%; } - #nobootstrap .table { - background-color: #fff; - border: 1px solid #ccc; - padding: 0; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; } - #nobootstrap .filter { - background-color: #f1f9ff; } - #nobootstrap .table .filter { - margin: 2px; } - #nobootstrap .table th a { - text-decoration: underline; } - #nobootstrap .table a:hover { - text-decoration: none; } - #nobootstrap .table tr th { - background-color: #F1F1F1; - text-shadow: 0 1px 0 #fff; - padding: 4px 6px; - background: #ececec url("../img/bg-degrade-table.png") repeat-x scroll left top; - background-image: -moz-linear-gradient(center top, #f9f9f9, #ececec); - background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#ececec)) repeat scroll 0 0 transparent; - font-size: 13px; - text-align: left; - color: #333; } - #nobootstrap .table tr th.right { - text-align: center; } - #nobootstrap .table tr td { - border-bottom: 1px solid #ccc; - color: #333; - font-size: 12px; - padding: 4px 4px 4px 6px; } - #nobootstrap .table tr.row_hover:hover td { - background: #fff1b5; } - #nobootstrap .table tr.row_hover.filter:hover td { - background: #F1F9FF; } - #nobootstrap .table tr td.row_hover:hover table tr td { - background: none; } - #nobootstrap .table tr.action_details td { - background: #FAFAFA; } - #nobootstrap .table tr.alt_row.action_details td { - background: #E8E8E8; } - #nobootstrap .table tr td.empty { - border-bottom: none; - background: white !important; } - #nobootstrap .table tr td.first { - border-left: 1px solid #DEDEDE; } - #nobootstrap .table tr td.last { - border-right: 1px solid #DEDEDE; } - #nobootstrap .table tr.small td { - height: 15px; } - #nobootstrap .table tr.last td { - border-bottom: none; } - #nobootstrap .col-left { - vertical-align: top; - padding-right: 10px; } - #nobootstrap .col-right { - padding-bottom: 5px; } - #nobootstrap #tabPane1 td.col-left { - width: 200px; } - #nobootstrap #product-tab-content-wait { - display: block; - background: url("../img/bg_loaderSpace.png"); - min-height: 420px; - position: absolute; - width: 96.5%; } - #nobootstrap div#loading { - height: 128px; - width: 128px; - background: url("../img/ajax-loader.gif"); - display: block; - text-indent: -9999px; - margin: 100px auto; } - #nobootstrap td.col-left label { - display: block; - width: 100%; - text-align: right; } - #nobootstrap .alt_row { - background-color: #f8f8f8; } - #nobootstrap .path_bar { - background-color: #E2EBEE; - border: 1px solid #999999; - font-family: Trebuchet,Arial,Helvetica,sans-serif; - font-size: 13px; - margin-bottom: 20px; - padding: 5px; } - #nobootstrap .path_bar a { - font-weight: 700; } - #nobootstrap .cat_bar { - background-color: #F4E8CD; - border: 1px solid #999999; - font-family: Trebuchet,Arial,Helvetica,sans-serif; - font-size: 12px; - font-weight: 700; - margin-bottom: 20px; - padding: 5px; } - #nobootstrap .cat_bar a { - font-weight: 700; } - #nobootstrap .table tr#total_products, - #nobootstrap .table tr#total_discounts, - #nobootstrap .table tr#total_wrapping, - #nobootstrap .table tr#total_shipping { - height: 35px; } - #nobootstrap .table tr#total_order { - height: 50px; } - #nobootstrap a.action_module { - color: #268CCD; - text-decoration: underline; } - #nobootstrap a.header_module_toggle { - font-weight: bold; - color: #268CCD; - display: block; } - #nobootstrap a.module_toggle_all { - color: #268CCD; } - #nobootstrap .nbr_module { - float: right; - margin-right: 10px; - font-style: italic; - font-size: 12px; - color: #268CCD; } - #nobootstrap .autoupgradeSteps div { - line-height: 30px; } - #nobootstrap .upgradestep { - margin-right: 5px; - padding-left: 10px; - padding-right: 5px; } - #nobootstrap #upgradeNow.stepok, #nobootstrap .autoupgradeSteps a.stepok { - background-image: url("../img/admin/enabled.gif"); - background-position: left center; - background-repeat: no-repeat; - padding-left: 15px; } - #nobootstrap #upgradeNow { - -moz-border-bottom-colors: none; - -moz-border-image: none; - -moz-border-left-colors: none; - -moz-border-right-colors: none; - -moz-border-top-colors: none; - border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3; - border-right: 1px solid #DFD5AF; - border-style: solid; - border-width: 1px; - color: #268CCD; - font-size: medium; - padding: 5px; } - #nobootstrap .button-autoupgrade { - -moz-border-bottom-colors: none; - -moz-border-image: none; - -moz-border-left-colors: none; - -moz-border-right-colors: none; - -moz-border-top-colors: none; - border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3; - border-right: 1px solid #DFD5AF; - border-style: solid; - border-width: 1px; - color: #268CCD; - font-size: medium; - padding: 5px; } - #nobootstrap .processing { - overflow: auto; } - #nobootstrap .ui-accordion-header { - background-color: #ccc; - color: #000; } - #nobootstrap .Bloc { - background: none repeat scroll 0 0 #EBEDF4; } - #nobootstrap .table td span.color_field { - font-size: 11px; - padding: 2px 5px; - border-radius: 3px; - text-transform: uppercase; - color: #fff; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; } - #nobootstrap .multishop_toolbar { - background-color: #F8F8F8; - border: 1px solid #CCCCCC; - margin-bottom: 10px; - padding: 10px; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - font-size: 18px; } - #nobootstrap .multishop_toolbar span.text_multishop { - vertical-align: 7px; - padding-right: 5px; } - #nobootstrap .multishop_toolbar select.shopList { - width: 300px; } - #nobootstrap .multishop_toolbar a.chzn-single { - background: url("../img/icon-multishop.png") no-repeat 5px 5px; - padding: 1px 2px 2px 25px; - font-weight: bold; } - #nobootstrap .multishop_toolbar .chzn-container .chzn-results .first { - font-weight: bold; - background-color: #408BD5; - color: #ffffff; } - #nobootstrap .multishop_toolbar .chzn-container .chzn-results .group { - font-weight: bold; - font-style: italic; - padding-left: 15px; - background-color: #C6DEFC; } - #nobootstrap .multishop_toolbar .chzn-container .chzn-results .shop { - padding-left: 30px; - background-color: #EAF2FC; } - #nobootstrap .toolbar-placeholder { - position: relative; } - #nobootstrap .toolbarBox { - background-color: #F8F8F8; - border: 1px solid #CCCCCC; - margin-bottom: 10px; - padding: 5px 0; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - -o-border-radius: 3px; - position: relative; } - #nobootstrap .toolbarBox .pageTitle { - margin-left: 10px; - line-height: 48px; } - #nobootstrap .toolbarBox .pageTitle h3 { - font-size: 1.6em; - font-weight: normal; - line-height: 52px; - margin: 0; - padding: 0; - text-shadow: 0 1px 0 #fff; } - #nobootstrap .toolbarBox ul.cc_button { - float: right; - margin: 0 5px 0 0; - padding: 0; } - #nobootstrap .toolbarBox ul.cc_button li { - color: #666666; - float: left; - height: 48px; - list-style: none outside none; - padding: 1px 1px 3px 4px; - text-align: center; } - #nobootstrap .toolbarBox a.toolbar_btn { - border: 1px solid #f8f8f8; - min-width: 50px; - border-width: 1px; - font-size: 11px; - cursor: pointer; - display: block; - float: left; - padding: 3px 5px; - white-space: nowrap; - text-shadow: 0 1px 0 #ffffff; } - #nobootstrap .toolbarBox a.toolbar_btn:hover { - background-color: #fff; - border: 1px inset #ccc; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - -o-border-radius: 3px; } - #nobootstrap .toolbarBox .toolbar_btn span { - display: block; - float: none; - height: 32px; - margin: 0 auto; - width: 32px; - /*hacking ie7margin:0 !ie; position:relative !ie;*/ } - #nobootstrap .toolbarBox .process-icon-delete { - background-image: url("../img/process-icon-delete.png"); } - #nobootstrap .toolbarBox .process-icon-duplicate { - background-image: url("../img/process-icon-duplicate.png"); } - #nobootstrap .toolbarBox .process-icon-preview { - background-image: url("../img/process-icon-preview.png"); } - #nobootstrap .toolbarBox .process-icon-stats { - background-image: url("../img/process-icon-stats.png"); } - #nobootstrap .toolbarBox .process-icon-cancel, #nobootstrap .toolbarBox .toolbar-cancel { - background-image: url("../img/process-icon-cancel.png"); } - #nobootstrap .toolbarBox .process-icon-new, #nobootstrap .toolbarBox .toolbar-new { - background-image: url("../img/process-icon-new.png"); } - #nobootstrap .toolbarBox .process-icon-save { - background-image: url("../img/process-icon-save.png"); } - #nobootstrap .toolbarBox .process-icon-save-and-stay { - background-image: url("../img/process-icon-save-and-stay.png"); } - #nobootstrap .toolbarBox .process-icon-edit { - background-image: url("../img/process-icon-edit.png"); } - #nobootstrap .toolbarBox .process-icon-back { - background-image: url("../img/process-icon-back.png"); } - #nobootstrap .toolbarBox .process-icon-refresh-index { - background-image: url("../img/process-icon-refresh-index.png"); } - #nobootstrap .toolbarBox .process-icon-refresh-cache { - background-image: url("../img/process-icon-refresh-cache.png"); } - #nobootstrap .toolbarBox .process-icon-save-calendar { - background-image: url("../img/process-icon-save-calendar.png"); } - #nobootstrap .toolbarBox .process-icon-new-module { - background-image: url("../img/process-icon-new-module.png"); } - #nobootstrap .toolbarBox .process-icon-new-url { - background-image: url("../img/process-icon-new-url.png"); } - #nobootstrap .toolbarBox .process-icon-new-module-addon { - background-image: url("../img/process-icon-new-module-addon.png"); } - #nobootstrap .toolbarBox .process-icon-save-and-preview { - background-image: url("../img/process-icon-preview.png"); } - #nobootstrap .toolbarBox .process-icon-import { - background-image: url("../img/process-icon-export-csv.png"); } - #nobootstrap .toolbarBox .process-icon-export { - background-image: url("../img/process-icon-export-csv.png"); } - #nobootstrap .toolbarBox .process-icon-export-all { - background-image: url("../img/process-icon-export-csv-details.png"); } - #nobootstrap .toolbarBox .process-icon-export-stock-state-quantities-csv { - background-image: url("../img/process-icon-export-csv.png"); } - #nobootstrap .toolbarBox .process-icon-export-stock-state-prices-csv { - background-image: url("../img/process-icon-export-csv-details.png"); } - #nobootstrap .toolbarBox .process-icon-export-csv-orders { - background-image: url("../img/process-icon-export-csv.png"); } - #nobootstrap .toolbarBox .process-icon-export-csv-details { - background-image: url("../img/process-icon-export-csv-details.png"); } - #nobootstrap .toolbarBox .process-icon-export-stock-mvt-csv { - background-image: url("../img/process-icon-export-csv.png"); } - #nobootstrap .toolbarBox .process-icon-newAttributes, #nobootstrap .toolbarBox .toolbar-new { - background-image: url("../img/process-icon-new.png"); } - #nobootstrap .toolbarBox .process-icon-new.add_product { - background-image: url("../img/process-icon-addProduct.png"); } - #nobootstrap .toolbarBox .process-icon-partialRefund { - background-image: url("../img/process-icon-partial-refund.png"); } - #nobootstrap .toolbarBox .process-icon-standardRefund { - background-image: url("../img/process-icon-standard-refund.png"); } - #nobootstrap .toolbarBox .process-icon-help { - background-image: url("../img/process-icon-help.png"); } - #nobootstrap .toolbarBox .process-icon-help-new { - background-image: url("../img/process-icon-help-new.png"); } - #nobootstrap .toolbarBox .process-icon-modules-list { - background-image: url("../img/process-icon-modules-list.png"); } - #nobootstrap .toolbarReduced { - margin-right: 221px; } - #nobootstrap #modules_list_button { - width: 211px; - height: 63px; - border: none; - position: absolute; - top: 0; - right: 0; - background-image: url("../img/modules_list_button.png"); - font-size: 1.6em; - cursor: pointer; - padding-left: 45px; } - #nobootstrap .toolbarBox #modules_list_container { - background: none repeat scroll 0 0 #FFF; - border: solid 1px #CCC; - display: block; - float: right; - height: auto; - width: 500px; - position: absolute; - right: 13px; - top: 63px; - z-index: 100; - box-shadow: 1px 5px 5px #CCCCCC; - -moz-box-shadow: 1px 5px 10px #CCCCCC; - -webkit-box-shadow: 1px 5px 10px #CCCCCC; - opacity: 1; } - #nobootstrap .toolbarBox #modules_list_container #modules_list_container_content { - max-height: 500px; - overflow: auto; } - #nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab { - margin-top: 10px; - width: auto; - height: auto; } - #nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab table { - width: 100%; - border-spacing: 0px; } - #nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab tr { - height: auto; } - #nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab tr.rowalt { - background-color: #F0F7FF; } - #nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab #tab_module_switch { - margin-bottom: 10px; } - #nobootstrap .toolbarBox #modules_list_container #modules_list_loader { - margin-top: 10px; } - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules:after { - clear: both; } - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li { - height: 19px; } - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a { - padding-right: 12px; - padding-left: 12px; - margin-right: 2px; - line-height: 14px; } - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a { - padding-top: 8px; - padding-bottom: 7px; - border: 1px solid transparent; - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - -o-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; } - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a:hover { - border-color: #C0C0C0; - background-color: #ffffff; } - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a { - border: 1px solid #ddd; - border-bottom: none; } - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > .active > a, - #nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > .active > a:hover { - color: #555555; - cursor: default; - background-color: #F8F8F8; - border: 1px solid #ddd; - border-bottom-color: transparent; } - #nobootstrap div.fix-toolbar { - border-bottom: 1px solid #E0E0E0; - position: fixed; - top: 0; - opacity: 0.9; - z-index: 500; - margin: auto; } - #nobootstrap #content .qq-upload-button { - background: #e4e4e4 url("../img/bg-button-degrade.png") repeat-x scroll left top; - background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent; - background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent; - color: #333; - width: 180px; - text-shadow: 0 1px 0 #fff; - border-color: #CCCCCC #BBBBBB #A0A0A0; - border-left: 1px solid #BBBBBB; - border-radius: 3px 3px 3px 3px; - border-right: 1px solid #BBBBBB; - border-style: solid; - border-width: 1px; - color: #000000; } - #nobootstrap #content .qq-upload-button:hover { - border: 1px solid #939393; } - #nobootstrap .file_upload_label { - margin-top: 5px; } - #nobootstrap .leadin .bloc-leadin { - padding: 10px 3px; } - #nobootstrap #productBox { - position: relative; - width: 100%; - float: left; } - #nobootstrap form#product_form, #nobootstrap form#access_form, #nobootstrap form#cart_rule_form, #nobootstrap #modules_tab_list { - background-color: #ebedf4; - border: 1px solid #ccced7; - min-height: 404px; - padding: 5px 10px 10px; - margin-left: 140px; } - #nobootstrap #modules_tab_list { - min-height: inherit; } - #nobootstrap #content form.adminstockmanagement { - margin-left: 0px; } - #nobootstrap form#product_form h3 { - font-size: 14px; - font-weight: normal; } - #nobootstrap form#product_form h4 { - font-size: 18px; - font-weight: normal; } - #nobootstrap .tab-row .tab { - background: #EFEFEF; - width: 100px; } - #nobootstrap .productTabs { - background-color: #fafafa; - border: 1px solid #ccced7; - border-right: none; - float: left; - width: 140px; } - #nobootstrap .productTabs ul { - padding: 0; - margin: 0; } - #nobootstrap .productTabs ul li.tab-row { - border: none; } - #nobootstrap .productTabs ul li.tab-row:first-child a { - border-top: none; } - #nobootstrap .productTabs ul li.tab-row a { - display: block; - font-weight: normal; - color: #666; - padding: 7px 10px; - border-top: 1px solid #CCCED7; - border-right: 1px solid #CCCED7; } - #nobootstrap .productTabs ul li.tab-row a.selected { - background-color: #EBEDF4; - font-weight: bold; - color: #000; - border-right: none; } - #nobootstrap .product-tab-content h4.tab { - display: none; } - #nobootstrap #product_list { - margin-bottom: 0.5em; } - #nobootstrap #product-tab-content-3-Associations .Association td.col-left { - width: 200px; } - #nobootstrap .filter-module { - background-color: #ebedf4; - border: 1px solid #c2c4d9; - padding: 10px; - display: block; - min-height: 35px; } - #nobootstrap .filter-module #filternameForm { - float: left; - margin-right: 30px; } - #nobootstrap .filter-module label { - width: auto; } - #nobootstrap .filter-module .select-filter { - float: left; } - #nobootstrap .filter-module .button-filter { - float: right; } - #nobootstrap .filter-stock { - background-color: #ebedf4; - border: 1px solid #c2c4d9; - margin-bottom: 15px; - padding: 10px; - display: block; - min-height: 25px; } - #nobootstrap .filter-stock #stock_instant_state { - float: left; - margin-right: 30px; } - #nobootstrap .filter-stock label { - width: auto; } - #nobootstrap .filter-stock .select-filter { - float: left; } - #nobootstrap .filter-stock .button-filter { - float: right; } - #nobootstrap .filter-stock-extended { - background-color: #ebedf4; - border: 1px solid #c2c4d9; - margin-bottom: 15px; - padding: 10px; - display: block; - min-height: 65px; } - #nobootstrap .filter-stock-extended #stock_cover { - float: left; - margin-right: 30px; } - #nobootstrap .filter-stock-extended #supply_orders { - float: left; - margin-right: 30px; } - #nobootstrap .filter-stock-extended label { - width: auto; } - #nobootstrap .filter-stock-extended .select-filter { - float: left; } - #nobootstrap .filter-stock-extended .button-filter { - float: right; } - #nobootstrap #addons_login_div { - background: #ebedf4 url("../img/lock.png") no-repeat scroll left 5px; } - #nobootstrap #addons_login_div form#addons_login_form { - float: right; } - #nobootstrap #addons_login_div p { - float: left; - font-size: 16px; - color: #585A69; - line-height: 24px; - text-shadow: 0 1px 0 #fff; - margin: 0; - padding-left: 25px; } - #nobootstrap #addons_login_div input { - float: left; - margin-right: 10px; } - #nobootstrap #addons_login_div input#addons_login_button { - margin-right: 0px; } - #nobootstrap .sidebar { - position: relative; - float: left; - width: 220px; - display: inline; } - #nobootstrap .sidebar h3 { - background-color: #ebedf4; - font-weight: bold; - display: block; - padding: 5px; } - #nobootstrap .sidebar.navigation h3 { - margin: 0; } - #nobootstrap .sidebar .subHeadline { - font-weight: bold; - float: right; - margin-top: -28px; - margin-right: 5px; } - #nobootstrap .sidebar ul.categorieList li { - border-top: 1px solid #ccc; - position: relative; - line-height: 20px; } - #nobootstrap .sidebar ul.categorieList li:first-child { - border-top: none; } - #nobootstrap .sidebar ul.categorieList li a { - color: #3a6ea7; - display: block; - padding-left: 5px; } - #nobootstrap .sidebar ul.categorieList li a:hover { - background-color: #EBEDF4; } - #nobootstrap .sidebar ul.categorieList li div.categorieWidth { - overflow: hidden; } - #nobootstrap .sidebar ul.categorieList li div.count { - position: absolute; - top: 0; - right: 5px; } - #nobootstrap .sidebar .categorieStatus { - display: none; } - #nobootstrap .blocEngine { - background-color: #eee; } - #nobootstrap .blocEngine .rowForm { - display: block; - float: left; - margin: 0; - padding: 5px 0; } - #nobootstrap .blocEngine .rowForm label { - font-weight: normal; } - #nobootstrap .blocEngine .rowForm label, - #nobootstrap .blocEngine .rowForm select { - width: 220px; - float: left; - text-align: left; } - #nobootstrap .blocEngine p { - margin-top: 10px; - display: block; - float: left; } - #nobootstrap #statsContainer { - margin-left: 220px; - padding: 0 0 0 20px; } - #nobootstrap #statsContainer #calendar, - #nobootstrap #referrersContainer #calendar { - background-color: #EEEEEE; - border-top: 1px solid #CCCCCC; - display: block; - margin: 10px 0; - min-height: 25px; - padding: 5px; } - #nobootstrap #statsContainer #calendar form, - #nobootstrap #referrersContainer #calendar form { - float: left; } - #nobootstrap #statsContainer #calendar input, #nobootstrap #statsContainer #calendar p, - #nobootstrap #referrersContainer #calendar input, #nobootstrap #referrersContainer #calendar p { - float: left; } - #nobootstrap #statsContainer #calendar input.submitDateDay, #nobootstrap #referrersContainer #calendar input.submitDateDay { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-right: none; } - #nobootstrap #statsContainer #calendar input.submitDateMonth, #nobootstrap #statsContainer #calendar input.submitDateMonth, - #nobootstrap #referrersContainer #calendar input.submitDateMonth, #nobootstrap #referrersContainer #calendar input.submitDateMonth { - border-radius: 0px; } - #nobootstrap #statsContainer #calendar input.submitDateYear, - #nobootstrap #referrersContainer #calendar input.submitDateYear { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - border-left: none; - margin-right: 10px; } - #nobootstrap #statsContainer #calendar input.submitDateDayPrev, - #nobootstrap #referrersContainer #calendar input.submitDateDayPrev { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; - border-right: none; } - #nobootstrap #statsContainer #calendar input.submitDateMonthPrev, - #nobootstrap #referrersContainer #calendar input.submitDateMonthPrev { - border-radius: 0px; } - #nobootstrap #statsContainer #calendar input.submitDateYearPrev, - #nobootstrap #referrersContainer #calendar input.submitDateYearPrev { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; - border-left: none; - margin-right: 10px; } - #nobootstrap #statsContainer #calendar p, #nobootstrap #referrersContainer #calendar p { - margin: 2px; } - #nobootstrap #statsContainer #calendar p span, #nobootstrap #referrersContainer #calendar p span { - float: left; - display: block; - padding: 3px; } - #nobootstrap #statsContainer .blocStats { - background-color: #EBEDF4; - border: 1px solid #C2C4D9; - display: block; - position: relative; - padding: 10px; } - #nobootstrap #statsContainer .blocStats h2 { - font-weight: normal; - margin: 0; - font-size: 1.4em; } - #nobootstrap #statsContainer .blocStats h2.icon-statsproduct span, - #nobootstrap #statsContainer .blocStats h2.icon-statsbestsuppliers span, - #nobootstrap #statsContainer .blocStats h2.icon-statsforecast span, - #nobootstrap #statsContainer .blocStats h2.icon-pagesnotfound span, - #nobootstrap #statsContainer .blocStats h2.icon-sekeywords span, - #nobootstrap #statsContainer .blocStats h2.icon-guide span, - #nobootstrap #statsContainer .blocStats h2.icon-statsequipment span, - #nobootstrap #statsContainer .blocStats h2.icon-statsvisits span, - #nobootstrap #statsContainer .blocStats h2.icon-statssales span, - #nobootstrap #statsContainer .blocStats h2.icon-statsregistrations span, - #nobootstrap #statsContainer .blocStats h2.icon-statspersonalinfos span, - #nobootstrap #statsContainer .blocStats h2.icon-statscatalog span, - #nobootstrap #statsContainer .blocStats h2.icon-basket-delete span, - #nobootstrap #statsContainer .blocStats h2.icon-statsbestcustomers span, - #nobootstrap #statsContainer .blocStats h2.icon-statsorigin span, - #nobootstrap #statsContainer .blocStats h2.icon-statsbestproducts span, - #nobootstrap #statsContainer .blocStats h2.icon-statsbestvouchers span, - #nobootstrap #statsContainer .blocStats h2.icon-statsbestcategories span, - #nobootstrap #statsContainer .blocStats h2.icon-statscarrier span, - #nobootstrap #statsContainer .blocStats h2.icon-statssearch span, - #nobootstrap #statsContainer .blocStats h2.icon-statsstock span, - #nobootstrap #statsContainer .blocStats h2.icon-conversion span, - #nobootstrap #statsContainer .blocStats h2.icon-payment span, - #nobootstrap #statsContainer .blocStats h2.icon-category span, - #nobootstrap #statsContainer .blocStats h2.icon-currency span, - #nobootstrap #statsContainer .blocStats h2.icon-language span, - #nobootstrap #statsContainer .blocStats h2.icon-attribute span { - background: transparent url("../img/icon-sprites-title.png") no-repeat scroll left top; - width: 16px; - height: 16px; - padding-right: 18px; - margin-right: 3px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsproduct span { - background-position: 2px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsforecast span { - background-position: -18px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-guide span { - background-position: -36px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsbestsuppliers span { - background-position: -54px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-pagesnotfound span { - background-position: -72px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-sekeywords span { - background-position: -90px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsequipment span { - background-position: -108px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsvisits span { - background-position: -126px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsregistrations span { - background-position: -147px 2px; } - #nobootstrap #statsContainer .blocStats h2.icon-statssales span { - background-position: 0 -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-statspersonalinfos span { - background-position: -18px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-statscatalog span { - background-position: -36px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-category span { - background-position: -36px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-basket-delete span { - background-position: -54px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsbestcustomers span { - background-position: -72px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsorigin span { - background-position: -90px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsbestproducts span { - background-position: -108px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsbestvouchers span { - background-position: -126px -16px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsbestcategories span { - background-position: -147px -17px; } - #nobootstrap #statsContainer .blocStats h2.icon-statscarrier span { - background-position: 2px -36px; } - #nobootstrap #statsContainer .blocStats h2.icon-statssearch span { - background-position: -18px -36px; } - #nobootstrap #statsContainer .blocStats h2.icon-statsstock span { - background-position: -36px -36px; } - #nobootstrap #statsContainer .blocStats h2.icon-conversion span { - background-position: -54px -36px; } - #nobootstrap #statsContainer .blocStats h2.icon-payment span { - background-position: -72px -36px; } - #nobootstrap #statsContainer .blocStats h2.icon-currency span { - background-position: -90px -36px; } - #nobootstrap #statsContainer .blocStats h2.icon-language span { - background-position: -106px -36px; } - #nobootstrap #statsContainer .blocStats h2.icon-attribute span { - background-position: -126px -36px; } - #nobootstrap #statsContainer .blocStats form { - position: absolute; - top: 10px; - right: 5px; } - #nobootstrap #statsContainer .blocStats form.checkup { - position: relative; - top: 0; - left: 0; } - #nobootstrap #statsContainer .totalStats { - font-size: 16px; - font-weight: bold; } - #nobootstrap #statsContainer .blocStats .blocConversion { - display: block; - display: inline-table; - min-height: 80px; } - #nobootstrap #moduleContainer { - margin-left: 220px; - padding: 13px 0 0 20px; } - #nobootstrap #moduleContainer .table tr th { - height: 40px; } - #nobootstrap #moduleContainer .table tr td { - font-size: 12px; - vertical-align: top; - padding: 5px 7px 0; - border-top: 1px solid #ccc; - border-bottom: none; } - #nobootstrap #moduleContainer .table tr:first-child { - border-top: 1px solid #ccc; } - #nobootstrap #moduleContainer .table tr td .imgm, #nobootstrap #modules_list_container_tab .imgm { - width: 32px; } - #nobootstrap #moduleContainer .moduleDesc { - font-size: 12px; - position: relative; - margin-bottom: 10px; } - #nobootstrap #moduleContainer .moduleDesc h3 { - color: #3A6EA7; - margin: 0; } - #nobootstrap #moduleContainer .moduleDesc .metadata { - float: left; - display: block; - margin: 5px 0; } - #nobootstrap #moduleContainer .moduleDesc .metadata dl { - float: left; - margin: 0; - padding-right: 10px; } - #nobootstrap #moduleContainer .moduleDesc .metadata dl dt, #nobootstrap .moduleDesc .metadata dl dd { - float: left; - margin: 0; - padding: 0; } - #nobootstrap #moduleContainer .moduleDesc .metadata dl dd { - padding-right: 10px; } - #nobootstrap #moduleContainer .moduleDesc .metadata dl dt { - font-weight: bold; - padding-right: 5px; } - #nobootstrap #moduleContainer .moduleDesc p.desc { - color: #666; - font-family: Georgia; - font-style: italic; - font-size: 12px; - display: block; - clear: both; } - #nobootstrap #moduleContainer .setup { - background-color: #6db300; - font-weight: bold; - font-size: 10px; - color: #fff; - text-transform: uppercase; - position: relative; - left: 10px; - padding: 0px 4px; - display: inline-block; - border-radius: 3px; } - #nobootstrap #moduleContainer .setup.non-install { - background-color: #ec7000; } - #nobootstrap #moduleContainer .setup.must-have { - background-color: #ec7000; } - #nobootstrap #moduleContainer .setup.off { - background-color: #ccc; - color: #666666; } - #nobootstrap #moduleContainer .row-actions-module span { - padding-right: 5px; } - #nobootstrap #moduleContainer .row-actions-module span a { - font-size: 12px; } - #nobootstrap #moduleContainer .button.uninstalled, - #nobootstrap #moduleContainer .button.installed { - float: right; - clear: both; - margin-top: 15px; - font-size: 12px; } - #nobootstrap #moduleContainer ul.listing-grid-module { - position: relative; - margin: 0; - padding: 0; } - #nobootstrap #moduleContainer ul.listing-grid-module li { - float: left; - border: 1px solid #ccc; - width: 400px; - min-height: 30px; - margin: 10px; - padding: 5px; - border-radius: 4px; } - #nobootstrap #moduleContainer .moduleGridDesc { - position: relative; - display: block; - height: 30px; } - #nobootstrap #moduleContainer .moduleGridDesc h3 { - color: #3A6EA7; - margin: 0; } - #nobootstrap #moduleContainer ul.listing-grid-module li select { - position: absolute; - top: 0; - right: 0px; } - #nobootstrap #modules_list_container_tab #modules_list_container_content { - list-style-type: none; - padding: 0; - margin: 0; - white-space: nowrap; - overflow: auto; - height: 370px; } - #nobootstrap #modules_list_container_tab #modules_list_container_content li { - display: inline-block; } - #nobootstrap #modules_list_container_tab table tr th { - height: 40px; } - #nobootstrap #modules_list_container_tab table tr td { - font-size: 12px; - padding: 3px 3px 3px; - border-top: 1px solid #ccc; - border-bottom: none; } - #nobootstrap #modules_list_container_tab table tr td tr td { - border: none; } - #nobootstrap #modules_list_container_tab table tr:first-child { - border-top: 1px solid #ccc; } - #nobootstrap #modules_list_container_tab .imgm { - width: 32px; } - #nobootstrap #modules_list_container_tab .moduleDesc { - font-size: 12px; } - #nobootstrap #modules_list_container_tab .moduleDesc h3 { - color: #3A6EA7; - margin: 0; - font-size: 1.1em; - text-align: left; - white-space: normal; } - #nobootstrap #modules_list_container_tab .moduleDesc .metadata { - float: left; - display: block; - margin: 5px 0; } - #nobootstrap #modules_list_container_tab .moduleDesc .metadata dl { - float: left; - margin: 0; - padding-right: 10px; } - #nobootstrap #modules_list_container_tab .moduleDesc .metadata dl dt, #nobootstrap .moduleDesc .metadata dl dd { - float: left; - margin: 0; - padding: 0; } - #nobootstrap #modules_list_container_tab .moduleDesc .metadata dl dd { - padding-right: 10px; } - #nobootstrap #modules_list_container_tab .moduleDesc .metadata dl dt { - font-weight: bold; - padding-right: 5px; } - #nobootstrap #modules_list_container_tab .moduleDesc p.desc { - color: #666; - font-family: Georgia; - font-style: italic; - font-size: 12px; - text-align: left; - white-space: normal; } - #nobootstrap #modules_list_container_tab .setup { - background-color: #6db300; - font-weight: bold; - font-size: 10px; - color: #fff; - text-transform: uppercase; - padding: 0 10px; - display: inline-block; - border-radius: 3px; } - #nobootstrap #modules_list_container_tab .row-actions-module { - float: right; } - #nobootstrap #modules_list_container_tab .setup.non-install { - background-color: #ec7000; } - #nobootstrap #modules_list_container_tab .setup.must-have { - background-color: #ec7000; } - #nobootstrap #modules_list_container_tab .setup.off { - background-color: #ccc; - color: #666666; } - #nobootstrap #modules_list_container_tab .row-actions-module span { - padding-right: 5px; } - #nobootstrap #modules_list_container_tab .row-actions-module span a { - font-size: 12px; } - #nobootstrap #modules_list_container_tab ul.listing-grid-module { - position: relative; - margin: 0; - padding: 0; } - #nobootstrap #modules_list_container_tab ul.listing-grid-module li { - float: left; - border: 1px solid #ccc; - width: 400px; - min-height: 30px; - margin: 10px; - padding: 5px; - border-radius: 4px; } - #nobootstrap #modules_list_container_tab .moduleGridDesc { - position: relative; - display: block; - height: 30px; } - #nobootstrap #modules_list_container_tab .moduleGridDesc h3 { - color: #3A6EA7; - margin: 0; } - #nobootstrap #modules_list_container_tab ul.listing-grid-module li select { - position: absolute; - top: 0; - right: 0px; } - #nobootstrap .default_modules_list_display_type #modules_list_container_content li table tr td { - border: none; } - #nobootstrap .default_modules_list_display_type #modules_list_container_content li table { - border: solid 1px #ccc; - height: 105px; - width: 100%; - margin-bottom: 10px; } - #nobootstrap #modules_list_container_tab ul li { - height: 105px; } - #nobootstrap .ie7 #modules_list_container_tab #modules_list_container_content li { - zoom: 1; - display: inline; } - #nobootstrap .ie7 #modules_list_container_content li table { - width: 21%; } - #nobootstrap .ie7 #modules_list_container_content li table td .btn_right { - width: 100%; - float: right; } - #nobootstrap .ie7 #modules_list_container_content li table td .btn_right select { - float: left; } - #nobootstrap .ie7 #modules_list_container_content li table td a.button { - display: block; - float: right; } - #nobootstrap .blocLiveEdit { - float: right; - clear: right; - background-color: #EBEDF4; - border: 1px solid #C2C4D9; - display: block; - width: 250px; } - #nobootstrap .blocLiveEdit h2 { - background: transparent url("../img/live_edit.png") no-repeat scroll 10px 10px; - height: 40px; - line-height: 50px; - margin: 0; - padding: 0 10px; - text-indent: 40px; } - #nobootstrap .blocLiveEdit p { - padding: 0 10px; } - #nobootstrap .blocLiveEdit a.button { - float: left; - margin: 10px; - display: inline-block; } - #nobootstrap #modulePosition { - width: 100%; - float: left; - clear: left; } - #nobootstrap #modulePosition .table tr th { - height: 40px; } - #nobootstrap #modulePosition form { - margin-right: 270px; } - #nobootstrap #modulePosition .lab_modules_positions h3 { - color: #3A6EA7; - margin: 0 0 0 10px; - float: left; } - #nobootstrap #modulePosition .lab_modules_positions p { - font-family: Georgia; - font-style: italic; - font-size: 12px; - padding-left: 40px; - clear: both; } - #nobootstrap #modulePosition .lab_modules_positions span { - font-size: 12px; - padding-top: 4px; - padding-left: 5px; - float: left; } - #nobootstrap select#show_modules { - font-size: 12px; } - #nobootstrap label.text { - padding: 1px 12px 0 0; } - #nobootstrap label.radioCheck { - font-weight: normal; - padding: 0; - float: none; - margin: 0 1em 0 0.25em; } - #nobootstrap ul.listForm li { - padding-bottom: 3px; } - #nobootstrap #footer { - height: 40px; - font-size: 12px; - clear: both; - font-size: 0.9em; - color: #666666; } - #nobootstrap #footer .footerLeft { - float: left; - margin-left: 10px; } - #nobootstrap #footer .footerRight { - float: right; - margin-right: 10px; } - #nobootstrap #footer .footer_link, #nobootstrap #footer .footer_link:hover { - color: #268CCD; } - #nobootstrap .pageTitleHome { - font-size: 1.6em; - font-weight: normal; - margin: 0; - padding: 10px 0; } - #nobootstrap .pageTitleHome h3 { - font-weight: normal; - margin: 0; } - #nobootstrap #dashboard { - background-color: #EBEDF4; - border: 1px solid #C2C4D9; - display: block; - padding: 10px; - position: relative; - min-width: 1200px; } - #nobootstrap #dashboard h2 { - font-size: 1.4em; - font-weight: normal; - margin: 0 0 15px 0; } - #nobootstrap #iframe #video-content { - float: left; } - #nobootstrap #iframe { - position: relative; - display: block; - min-height: 180px; } - #nobootstrap #adminpresentation #video { - float: left; - padding-right: 15px; - min-height: 150px; } - #nobootstrap #adminpresentation #video a { - position: relative; - height: 128px; - width: 220px; - display: block; - padding: 6px; } - #nobootstrap #adminpresentation #video a span { - background: transparent url("../img/play.png") no-repeat scroll left top; - height: 128px; - width: 220px; - position: absolute; - top: 0; - left: 0; - z-index: 1; - display: block; - border: 6px solid #fff; - border-radius: 3px; } - #nobootstrap #adminpresentation #video a span:hover { - background-position: left bottom; - border: 6px solid #C2C4D9; - transition: background 0.5s; } - #nobootstrap #adminpresentation #video-content { - padding-left: 10px; - min-height: 150px; } - #nobootstrap #adminpresentation #video-content p { - font-size: 20px; - line-height: 26px; - color: #585A69; - text-shadow: 0 1px 0 #fff; } - #nobootstrap .view-modules { - float: right; - margin: 10px 0; } - #nobootstrap .view-modules li { - float: left; } - #nobootstrap .view-modules li img { - padding-right: 5px; } - #nobootstrap .view-modules li.normal-view-disabled { - background: -moz-linear-gradient(center top, #cccccc, #f9f9f9) repeat scroll 0 0 transparent; - border-bottom-right-radius: 0; - border-right: 1px solid #ccc; - border-top-right-radius: 0; - color: #999; } - #nobootstrap .view-modules li.favorites-view-disabled { - background: -moz-linear-gradient(center top, #cccccc, #f9f9f9) repeat scroll 0 0 transparent; - border-bottom-left-radius: 0; - border-left: 1px solid #fff; - border-top-left-radius: 0; - color: #999; } - #nobootstrap .view-modules li.normal-view-disabled:hover, - #nobootstrap .view-modules li.favorites-view-disabled:hover { - border-color: #CCCCCC #BBBBBB #A0A0A0; } - #nobootstrap .view-modules li.favorites-view { - border-bottom-left-radius: 0; - border-left: 1px solid #fff; - border-top-left-radius: 0; } - #nobootstrap .view-modules li.normal-view { - border-bottom-right-radius: 0; - border-right: 1px solid #ccc; - border-top-right-radius: 0; } - #nobootstrap .margin-form select.chosen { - width: 200px; } - #nobootstrap .selected-line { - background: #fff1b5; } - #nobootstrap #changedFiles ul { - list-style-type: square; - padding-left: 40px; } - #nobootstrap .tooltip { - position: relative; } - #nobootstrap .tooltip .tooltip_content { - z-index: 100; - text-align: left; - display: none; - white-space: nowrap; - position: absolute; - padding: 5px 5px; - background: black; - color: white; - box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); - margin-top: 5px; } - #nobootstrap .tooltip .tooltip_label { - cursor: pointer; } - #nobootstrap .tooltip .title { - text-align: center; - padding-bottom: 5px; - display: block; - font-weight: bold; } - #nobootstrap .tooltip:hover .tooltip_content { - display: block; } - #nobootstrap .tooltip_button { - border: 1px solid silver; - border-radius: 3px; - padding: 0 3px; - background: -moz-linear-gradient(top, #dddddd, #aaaaaa); - background: -o-linear-gradient(top, #dddddd, #aaaaaa); - background: -webkit-linear-gradient(top, #dddddd, #aaaaaa); - background: linear-gradient(top, #dddddd, #aaaaaa); - color: #666666; } - #nobootstrap #carrier_form label { - padding-top: 0; } - #nobootstrap #carrier_form input { - margin-top: 3px; } - #nobootstrap #large_scene_image { - clear: both; - border: 1px solid transparent; } + min-width: 1250px; } } +@media screen and (orientation: landscape) { + #nobootstrap #header { + min-width: 1250px; } } +#nobootstrap #header #header_infos { + position: relative; + margin: 0; + padding: 0; + height: 60px; } +#nobootstrap #header #header_shopname { + float: left; + margin: 10px 15px 0 10px; } +#nobootstrap #header #employee_box { + float: right; + display: block; } +#nobootstrap #header #employee_infos { + display: block; + margin: 5px 15px 0 10px; } +#nobootstrap #header #employee_infos a { + color: #BABABA; + text-transform: capitalize; + margin-right: 5px; } +#nobootstrap #header #employee_infos a:hover { + color: #fff; } +#nobootstrap #header #employee_infos .employee_name { + float: left; + color: #fff; + padding: 0 20px 0 0; } +#nobootstrap #header .separator { + background: transparent url("../img/separator.png") no-repeat scroll center top; + height: 19px; + width: 16px; + margin-right: 5px; } +#nobootstrap #header ul#employee_links { + list-style: none; + display: block; + text-align: left; } +#nobootstrap #header ul#employee_links li { + display: inline; + line-height: 20px; } +#nobootstrap #header #header_infos #header_shopname span { + display: block; + font-size: 24px; + height: 28px; + overflow: hidden; + margin: 0; + color: #fff; + text-shadow: 0 1px 0 #000000; } +#nobootstrap #header #header_infos a#header_logout { + background: transparent url("../img/logout.png") no-repeat scroll left top; + padding-left: 20px; + color: #bababa; } +#nobootstrap #header #header_infos a#header_logout:hover { + color: #fff; } +#nobootstrap #header #header_infos #header_logout a span { + color: #bababa; } +#nobootstrap #header #header_infos #header_foaccess { + text-decoration: none; + color: #bababa; } +#nobootstrap #header #header_infos #header_foaccess a { + color: #bababa !important; } +#nobootstrap #header #header_infos a#header_foaccess:hover { + color: #fff; } +#nobootstrap #header #header_search { + background-color: #fff; + border: 2px solid #000; + float: left; + margin-top: 15px; + position: relative; + height: 25px; + box-shadow: 0 1px 0 #666666; } +#nobootstrap #header #header_search #bo_query { + font: 13px Arial,sans-serif; + float: left; + background: none repeat scroll 0 0 transparent; + border: none; + box-shadow: none; + padding: 5px 0px 5px 4px; + width: 160px; } +#nobootstrap #header #header_search #bo_search_type_chzn { + font-size: 13px; + float: left; + margin: 0 23px 0 0; + padding: 0 4px; + vertical-align: middle; + width: 80px !important; + height: 27px; + border: none; } +#nobootstrap #header #header_search #bo_search_type_chzn.chzn-container-single .chzn-single { + box-shadow: none; + border-radius: 0px; + border: none; + border-left: 1px dotted #ccc; } +#nobootstrap #header #header_search #bo_search_submit { + background: url("../img/icon-search2.png") no-repeat scroll center; + border: none; + width: 27px; + height: 25px; + float: left; + font-weight: normal; + margin: 0; + padding: 0; + cursor: pointer; + text-indent: -9999em; + position: absolute; + right: 0; + display: block; + border-left: 1px solid #3079ED; + border-radius: 0px; } +#nobootstrap #header #header_quick { + float: right; + display: block; + margin-top: 15px; } +#nobootstrap #header #header_quick #quick_select_chzn { + font-size: 13px; + margin: 0 10px 0 0; + padding: 0px 0 4px; } +#nobootstrap #header #header_myaccount { + background: url("../img/bg-lang.png") no-repeat; + display: block; + float: right; + height: 16px; + margin: 8px 1px 0 0; + width: 16px; } +#nobootstrap .path_bar { + display: none; } +#nobootstrap #notifs_icon_wrapper { + float: left; + position: relative; + margin: 15px 10px 0; + width: 95px; } +#nobootstrap .notifs { + float: left; + position: relative; + cursor: pointer; + margin: 0; + padding: 5px; + width: 18px; + height: 16px; } +#nobootstrap #orders_notif { + background: url("../img/notif_order.png") no-repeat center top; } +#nobootstrap #customers_notif { + background: url("../img/notif_customer.png") no-repeat center top; } +#nobootstrap #customer_messages_notif { + background: url("../img/notif_message.png") no-repeat center top; } +#nobootstrap #orders_notif.open_notifs, +#nobootstrap #customers_notif.open_notifs, +#nobootstrap #customer_messages_notif.open_notifs { + background-color: #FFFFFF; + border: 1px solid #000000; + position: relative; + display: block; + background-position: center bottom; } +#nobootstrap .number_wrapper { + color: white; + display: none; + font-size: 13px; + font-weight: bold; + position: absolute; + right: -8px; + top: -10px; + z-index: 101; + padding: 2px 5px; } +#nobootstrap .number_wrapper span { + background-color: #F03D25; + font-size: 11px; + display: block; + padding: 1px 3px; + border-color: -moz-use-text-color #DD3822 #DD3822; + border-radius: 2px 2px 2px 2px; + border-right: 1px solid #DD3822; + border-style: none solid solid; + border-width: 0 0px; } +#nobootstrap .notifs_wrapper { + background: none repeat scroll 0 0 #FFFFFF; + border: 1px solid #000; + border-top: none; + display: none; + cursor: auto; + position: absolute; + top: 25px; + left: -1px; + width: 300px; + padding: 10px; + color: black; + z-index: 9999; } +#nobootstrap .notifs_wrapper h3 { + font-size: 14px; + padding-bottom: 8px; + margin: 0; + border-bottom: 1px solid #E5E5E5; } +#nobootstrap .notifs_wrapper ul { + padding: 6px 0; + margin: 0; } +#nobootstrap .notifs_wrapper ul li { + text-decoration: none; + list-style: none; + font-size: 12px; + padding: 5px 0; } +#nobootstrap #header_infos .notifs_wrapper a { + font-weight: bold; + font-size: 11px; + color: black; + float: right; } +#nobootstrap .notifs_wrapper p { + font-size: 12px; + padding-top: 8px; + margin: 0; + border-top: 1px solid #E5E5E5; } +#nobootstrap .notifs_wrapper p.no_notifs { + border: none; } +#nobootstrap #header #menu { + background-color: #f8f8f8; + border-bottom: 1px solid #e5e5e5; + float: left; + line-height: normal; + margin: 0; + padding: 0; + width: 100%; } +#nobootstrap #header #menu li.maintab { + float: left; + height: 29px; + list-style: none; + list-style: none; + display: block; + border-left: 1px solid #fff; + border-right: 1px solid #ccc; } +#nobootstrap #header #menu li.submenu_size .title { + cursor: default; + color: #000; + display: block; + padding: 8px 3px 4px 0; + font-weight: normal; + font-size: 12px; } +#nobootstrap #header #menu li.submenu_size .title { + _display: inline; + _padding: 6px 5px 4px 0; } +#nobootstrap #header #menu li { + _height: 32px; + _padding-top: 3px; } +#nobootstrap #header #menu img { + display: inline; + padding: 0 3px 0 6px; + margin-top: -4px; + vertical-align: middle; + width: 16px; + height: 16px; } +#nobootstrap #header #menu li.active, #nobootstrap #header #menu li:hover { + background-position: 0 -38px; + white-space: nowrap; } +#nobootstrap #header #menu li:hover, #nobootstrap #header #menu li.active { + background-color: #49B2FF; } +#nobootstrap #header #menu li.maintab:hover, #nobootstrap #header #menu li.active { + border-left: 1px solid #49B2FF; + border-right: 1px solid #49B2FF; } +#nobootstrap #header #menu li.active a.title, #nobootstrap #header #menu li:hover a.title { + color: #fff; + text-shadow: -1px -1px 0 #3293D6; } +#nobootstrap #header #menu .withLeftBorder { + background: transparent url("../img/separator_subnav.png") no-repeat 0 5px; } +#nobootstrap #header #menu .submenu { + background: #f8f8f8; + clear: both; + margin: 0; + padding: 0; + border: 1px solid #d9d9d9; + z-index: 9999; + box-shadow: 1px 5px 5px #CCCCCC; + -moz-box-shadow: 1px 5px 10px #CCCCCC; + -webkit-box-shadow: 1px 5px 10px #CCCCCC; } +#nobootstrap #header #menu .submenu li { + list-style: none; + margin: 0; + padding: 0; + display: block; + min-width: 150px; } +#nobootstrap #header #menu .submenu li a { + font-size: 12px; + display: block; + padding: 5px 15px 5px 10px; + color: #666666; + border-top: 1px solid #fff; + border-bottom: 1px solid #ccc; } +#nobootstrap #header #menu .submenu li a:hover { + background-color: #eee; + text-shadow: 0 1px 0 #fff; } +#nobootstrap #header #menu .submenu li.active a { + color: #fff; } +#nobootstrap #header #menu .submenu li.active a:hover { + color: #666666; } +#nobootstrap .separation { + background-color: #ccc; + border-bottom: 1px solid #fff; + width: 100%; + height: 1px; + margin: 10px 0; } +#nobootstrap .table_grid { + width: 100%; } +#nobootstrap .table { + background-color: #fff; + border: 1px solid #ccc; + padding: 0; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; } +#nobootstrap .filter { + background-color: #f1f9ff; } +#nobootstrap .table .filter { + margin: 2px; } +#nobootstrap .table th a { + text-decoration: underline; } +#nobootstrap .table a:hover { + text-decoration: none; } +#nobootstrap .table tr th { + background-color: #F1F1F1; + text-shadow: 0 1px 0 #fff; + padding: 4px 6px; + background: #ececec url("../img/bg-degrade-table.png") repeat-x scroll left top; + background-image: -moz-linear-gradient(center top, #f9f9f9, #ececec); + background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#ececec)) repeat scroll 0 0 transparent; + font-size: 13px; + text-align: left; + color: #333; } +#nobootstrap .table tr th.right { + text-align: center; } +#nobootstrap .table tr td { + border-bottom: 1px solid #ccc; + color: #333; + font-size: 12px; + padding: 4px 4px 4px 6px; } +#nobootstrap .table tr.row_hover:hover td { + background: #fff1b5; } +#nobootstrap .table tr.row_hover.filter:hover td { + background: #F1F9FF; } +#nobootstrap .table tr td.row_hover:hover table tr td { + background: none; } +#nobootstrap .table tr.action_details td { + background: #FAFAFA; } +#nobootstrap .table tr.alt_row.action_details td { + background: #E8E8E8; } +#nobootstrap .table tr td.empty { + border-bottom: none; + background: white !important; } +#nobootstrap .table tr td.first { + border-left: 1px solid #DEDEDE; } +#nobootstrap .table tr td.last { + border-right: 1px solid #DEDEDE; } +#nobootstrap .table tr.small td { + height: 15px; } +#nobootstrap .table tr.last td { + border-bottom: none; } +#nobootstrap .col-left { + vertical-align: top; + padding-right: 10px; } +#nobootstrap .col-right { + padding-bottom: 5px; } +#nobootstrap #tabPane1 td.col-left { + width: 200px; } +#nobootstrap #product-tab-content-wait { + display: block; + background: url("../img/bg_loaderSpace.png"); + min-height: 420px; + position: absolute; + width: 96.5%; } +#nobootstrap div#loading { + height: 128px; + width: 128px; + background: url("../img/ajax-loader.gif"); + display: block; + text-indent: -9999px; + margin: 100px auto; } +#nobootstrap td.col-left label { + display: block; + width: 100%; + text-align: right; } +#nobootstrap .alt_row { + background-color: #f8f8f8; } +#nobootstrap .path_bar { + background-color: #E2EBEE; + border: 1px solid #999999; + font-family: Trebuchet,Arial,Helvetica,sans-serif; + font-size: 13px; + margin-bottom: 20px; + padding: 5px; } +#nobootstrap .path_bar a { + font-weight: 700; } +#nobootstrap .cat_bar { + background-color: #F4E8CD; + border: 1px solid #999999; + font-family: Trebuchet,Arial,Helvetica,sans-serif; + font-size: 12px; + font-weight: 700; + margin-bottom: 20px; + padding: 5px; } +#nobootstrap .cat_bar a { + font-weight: 700; } +#nobootstrap .table tr#total_products, +#nobootstrap .table tr#total_discounts, +#nobootstrap .table tr#total_wrapping, +#nobootstrap .table tr#total_shipping { + height: 35px; } +#nobootstrap .table tr#total_order { + height: 50px; } +#nobootstrap a.action_module { + color: #268CCD; + text-decoration: underline; } +#nobootstrap a.header_module_toggle { + font-weight: bold; + color: #268CCD; + display: block; } +#nobootstrap a.module_toggle_all { + color: #268CCD; } +#nobootstrap .nbr_module { + float: right; + margin-right: 10px; + font-style: italic; + font-size: 12px; + color: #268CCD; } +#nobootstrap .autoupgradeSteps div { + line-height: 30px; } +#nobootstrap .upgradestep { + margin-right: 5px; + padding-left: 10px; + padding-right: 5px; } +#nobootstrap #upgradeNow.stepok, #nobootstrap .autoupgradeSteps a.stepok { + background-image: url("../img/admin/enabled.gif"); + background-position: left center; + background-repeat: no-repeat; + padding-left: 15px; } +#nobootstrap #upgradeNow { + -moz-border-bottom-colors: none; + -moz-border-image: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3; + border-right: 1px solid #DFD5AF; + border-style: solid; + border-width: 1px; + color: #268CCD; + font-size: medium; + padding: 5px; } +#nobootstrap .button-autoupgrade { + -moz-border-bottom-colors: none; + -moz-border-image: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3; + border-right: 1px solid #DFD5AF; + border-style: solid; + border-width: 1px; + color: #268CCD; + font-size: medium; + padding: 5px; } +#nobootstrap .processing { + overflow: auto; } +#nobootstrap .ui-accordion-header { + background-color: #ccc; + color: #000; } +#nobootstrap .Bloc { + background: none repeat scroll 0 0 #EBEDF4; } +#nobootstrap .table td span.color_field { + font-size: 11px; + padding: 2px 5px; + border-radius: 3px; + text-transform: uppercase; + color: #fff; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; } +#nobootstrap .multishop_toolbar { + background-color: #F8F8F8; + border: 1px solid #CCCCCC; + margin-bottom: 10px; + padding: 10px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + font-size: 18px; } +#nobootstrap .multishop_toolbar span.text_multishop { + vertical-align: 7px; + padding-right: 5px; } +#nobootstrap .multishop_toolbar select.shopList { + width: 300px; } +#nobootstrap .multishop_toolbar a.chzn-single { + background: url("../img/icon-multishop.png") no-repeat 5px 5px; + padding: 1px 2px 2px 25px; + font-weight: bold; } +#nobootstrap .multishop_toolbar .chzn-container .chzn-results .first { + font-weight: bold; + background-color: #408BD5; + color: #ffffff; } +#nobootstrap .multishop_toolbar .chzn-container .chzn-results .group { + font-weight: bold; + font-style: italic; + padding-left: 15px; + background-color: #C6DEFC; } +#nobootstrap .multishop_toolbar .chzn-container .chzn-results .shop { + padding-left: 30px; + background-color: #EAF2FC; } +#nobootstrap .toolbar-placeholder { + position: relative; } +#nobootstrap .toolbarBox { + background-color: #F8F8F8; + border: 1px solid #CCCCCC; + margin-bottom: 10px; + padding: 5px 0; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -o-border-radius: 3px; + position: relative; } +#nobootstrap .toolbarBox .pageTitle { + margin-left: 10px; + line-height: 48px; } +#nobootstrap .toolbarBox .pageTitle h3 { + font-size: 1.6em; + font-weight: normal; + line-height: 52px; + margin: 0; + padding: 0; + text-shadow: 0 1px 0 #fff; } +#nobootstrap .toolbarBox ul.cc_button { + float: right; + margin: 0 5px 0 0; + padding: 0; } +#nobootstrap .toolbarBox ul.cc_button li { + color: #666666; + float: left; + height: 48px; + list-style: none outside none; + padding: 1px 1px 3px 4px; + text-align: center; } +#nobootstrap .toolbarBox a.toolbar_btn { + border: 1px solid #f8f8f8; + min-width: 50px; + border-width: 1px; + font-size: 11px; + cursor: pointer; + display: block; + float: left; + padding: 3px 5px; + white-space: nowrap; + text-shadow: 0 1px 0 #ffffff; } +#nobootstrap .toolbarBox a.toolbar_btn:hover { + background-color: #fff; + border: 1px inset #ccc; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -o-border-radius: 3px; } +#nobootstrap .toolbarBox .toolbar_btn span { + display: block; + float: none; + height: 32px; + margin: 0 auto; + width: 32px; } +#nobootstrap .toolbarBox .process-icon-delete { + background-image: url("../img/process-icon-delete.png"); } +#nobootstrap .toolbarBox .process-icon-duplicate { + background-image: url("../img/process-icon-duplicate.png"); } +#nobootstrap .toolbarBox .process-icon-preview { + background-image: url("../img/process-icon-preview.png"); } +#nobootstrap .toolbarBox .process-icon-stats { + background-image: url("../img/process-icon-stats.png"); } +#nobootstrap .toolbarBox .process-icon-cancel, #nobootstrap .toolbarBox .toolbar-cancel { + background-image: url("../img/process-icon-cancel.png"); } +#nobootstrap .toolbarBox .process-icon-new, #nobootstrap .toolbarBox .toolbar-new { + background-image: url("../img/process-icon-new.png"); } +#nobootstrap .toolbarBox .process-icon-save { + background-image: url("../img/process-icon-save.png"); } +#nobootstrap .toolbarBox .process-icon-save-and-stay { + background-image: url("../img/process-icon-save-and-stay.png"); } +#nobootstrap .toolbarBox .process-icon-edit { + background-image: url("../img/process-icon-edit.png"); } +#nobootstrap .toolbarBox .process-icon-back { + background-image: url("../img/process-icon-back.png"); } +#nobootstrap .toolbarBox .process-icon-refresh-index { + background-image: url("../img/process-icon-refresh-index.png"); } +#nobootstrap .toolbarBox .process-icon-refresh-cache { + background-image: url("../img/process-icon-refresh-cache.png"); } +#nobootstrap .toolbarBox .process-icon-save-calendar { + background-image: url("../img/process-icon-save-calendar.png"); } +#nobootstrap .toolbarBox .process-icon-new-module { + background-image: url("../img/process-icon-new-module.png"); } +#nobootstrap .toolbarBox .process-icon-new-url { + background-image: url("../img/process-icon-new-url.png"); } +#nobootstrap .toolbarBox .process-icon-new-module-addon { + background-image: url("../img/process-icon-new-module-addon.png"); } +#nobootstrap .toolbarBox .process-icon-save-and-preview { + background-image: url("../img/process-icon-preview.png"); } +#nobootstrap .toolbarBox .process-icon-import { + background-image: url("../img/process-icon-export-csv.png"); } +#nobootstrap .toolbarBox .process-icon-export { + background-image: url("../img/process-icon-export-csv.png"); } +#nobootstrap .toolbarBox .process-icon-export-all { + background-image: url("../img/process-icon-export-csv-details.png"); } +#nobootstrap .toolbarBox .process-icon-export-stock-state-quantities-csv { + background-image: url("../img/process-icon-export-csv.png"); } +#nobootstrap .toolbarBox .process-icon-export-stock-state-prices-csv { + background-image: url("../img/process-icon-export-csv-details.png"); } +#nobootstrap .toolbarBox .process-icon-export-csv-orders { + background-image: url("../img/process-icon-export-csv.png"); } +#nobootstrap .toolbarBox .process-icon-export-csv-details { + background-image: url("../img/process-icon-export-csv-details.png"); } +#nobootstrap .toolbarBox .process-icon-export-stock-mvt-csv { + background-image: url("../img/process-icon-export-csv.png"); } +#nobootstrap .toolbarBox .process-icon-newAttributes, #nobootstrap .toolbarBox .toolbar-new { + background-image: url("../img/process-icon-new.png"); } +#nobootstrap .toolbarBox .process-icon-new.add_product { + background-image: url("../img/process-icon-addProduct.png"); } +#nobootstrap .toolbarBox .process-icon-partialRefund { + background-image: url("../img/process-icon-partial-refund.png"); } +#nobootstrap .toolbarBox .process-icon-standardRefund { + background-image: url("../img/process-icon-standard-refund.png"); } +#nobootstrap .toolbarBox .process-icon-help { + background-image: url("../img/process-icon-help.png"); } +#nobootstrap .toolbarBox .process-icon-help-new { + background-image: url("../img/process-icon-help-new.png"); } +#nobootstrap .toolbarBox .process-icon-modules-list { + background-image: url("../img/process-icon-modules-list.png"); } +#nobootstrap .toolbarReduced { + margin-right: 221px; } +#nobootstrap #modules_list_button { + width: 211px; + height: 63px; + border: none; + position: absolute; + top: 0; + right: 0; + background-image: url("../img/modules_list_button.png"); + font-size: 1.6em; + cursor: pointer; + padding-left: 45px; } +#nobootstrap .toolbarBox #modules_list_container { + background: none repeat scroll 0 0 #FFF; + border: solid 1px #CCC; + display: block; + float: right; + height: auto; + width: 500px; + position: absolute; + right: 13px; + top: 63px; + z-index: 100; + box-shadow: 1px 5px 5px #CCCCCC; + -moz-box-shadow: 1px 5px 10px #CCCCCC; + -webkit-box-shadow: 1px 5px 10px #CCCCCC; + opacity: 1; } +#nobootstrap .toolbarBox #modules_list_container #modules_list_container_content { + max-height: 500px; + overflow: auto; } +#nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab { + margin-top: 10px; + width: auto; + height: auto; } +#nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab table { + width: 100%; + border-spacing: 0px; } +#nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab tr { + height: auto; } +#nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab tr.rowalt { + background-color: #F0F7FF; } +#nobootstrap .toolbarBox #modules_list_container #modules_list_container_tab #tab_module_switch { + margin-bottom: 10px; } +#nobootstrap .toolbarBox #modules_list_container #modules_list_loader { + margin-top: 10px; } +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules:after { + clear: both; } +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li { + height: 19px; } +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a { + padding-right: 12px; + padding-left: 12px; + margin-right: 2px; + line-height: 14px; } +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a { + padding-top: 8px; + padding-bottom: 7px; + border: 1px solid transparent; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + -o-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a:hover { + border-color: #C0C0C0; + background-color: #ffffff; } +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > li > a { + border: 1px solid #ddd; + border-bottom: none; } +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > .active > a, +#nobootstrap .toolbarBox #modules_list_container .nav-tabs-modules > .active > a:hover { + color: #555555; + cursor: default; + background-color: #F8F8F8; + border: 1px solid #ddd; + border-bottom-color: transparent; } +#nobootstrap div.fix-toolbar { + border-bottom: 1px solid #E0E0E0; + position: fixed; + top: 0; + opacity: 0.9; + z-index: 500; + margin: auto; } +#nobootstrap #content .qq-upload-button { + background: #e4e4e4 url("../img/bg-button-degrade.png") repeat-x scroll left top; + background: -moz-linear-gradient(center top, #f9f9f9, #e3e3e3) repeat scroll 0 0 transparent; + background: -webkit-gradient(linear, center top, center bottom, from(#f9f9f9), to(#e3e3e3)) repeat scroll 0 0 transparent; + color: #333; + width: 180px; + text-shadow: 0 1px 0 #fff; + border-color: #CCCCCC #BBBBBB #A0A0A0; + border-left: 1px solid #BBBBBB; + border-radius: 3px 3px 3px 3px; + border-right: 1px solid #BBBBBB; + border-style: solid; + border-width: 1px; + color: #000000; } +#nobootstrap #content .qq-upload-button:hover { + border: 1px solid #939393; } +#nobootstrap .file_upload_label { + margin-top: 5px; } +#nobootstrap .leadin .bloc-leadin { + padding: 10px 3px; } +#nobootstrap #productBox { + position: relative; + width: 100%; + float: left; } +#nobootstrap form#product_form, #nobootstrap form#access_form, #nobootstrap form#cart_rule_form, #nobootstrap #modules_tab_list { + background-color: #ebedf4; + border: 1px solid #ccced7; + min-height: 404px; + padding: 5px 10px 10px; + margin-left: 140px; } +#nobootstrap #modules_tab_list { + min-height: inherit; } +#nobootstrap #content form.adminstockmanagement { + margin-left: 0px; } +#nobootstrap form#product_form h3 { + font-size: 14px; + font-weight: normal; } +#nobootstrap form#product_form h4 { + font-size: 18px; + font-weight: normal; } +#nobootstrap .tab-row .tab { + background: #EFEFEF; + width: 100px; } +#nobootstrap .productTabs { + background-color: #fafafa; + border: 1px solid #ccced7; + border-right: none; + float: left; + width: 140px; } +#nobootstrap .productTabs ul { + padding: 0; + margin: 0; } +#nobootstrap .productTabs ul li.tab-row { + border: none; } +#nobootstrap .productTabs ul li.tab-row:first-child a { + border-top: none; } +#nobootstrap .productTabs ul li.tab-row a { + display: block; + font-weight: normal; + color: #666; + padding: 7px 10px; + border-top: 1px solid #CCCED7; + border-right: 1px solid #CCCED7; } +#nobootstrap .productTabs ul li.tab-row a.selected { + background-color: #EBEDF4; + font-weight: bold; + color: #000; + border-right: none; } +#nobootstrap .product-tab-content h4.tab { + display: none; } +#nobootstrap #product_list { + margin-bottom: 0.5em; } +#nobootstrap #product-tab-content-3-Associations .Association td.col-left { + width: 200px; } +#nobootstrap .filter-module { + background-color: #ebedf4; + border: 1px solid #c2c4d9; + padding: 10px; + display: block; + min-height: 35px; } +#nobootstrap .filter-module #filternameForm { + float: left; + margin-right: 30px; } +#nobootstrap .filter-module label { + width: auto; } +#nobootstrap .filter-module .select-filter { + float: left; } +#nobootstrap .filter-module .button-filter { + float: right; } +#nobootstrap .filter-stock { + background-color: #ebedf4; + border: 1px solid #c2c4d9; + margin-bottom: 15px; + padding: 10px; + display: block; + min-height: 25px; } +#nobootstrap .filter-stock #stock_instant_state { + float: left; + margin-right: 30px; } +#nobootstrap .filter-stock label { + width: auto; } +#nobootstrap .filter-stock .select-filter { + float: left; } +#nobootstrap .filter-stock .button-filter { + float: right; } +#nobootstrap .filter-stock-extended { + background-color: #ebedf4; + border: 1px solid #c2c4d9; + margin-bottom: 15px; + padding: 10px; + display: block; + min-height: 65px; } +#nobootstrap .filter-stock-extended #stock_cover { + float: left; + margin-right: 30px; } +#nobootstrap .filter-stock-extended #supply_orders { + float: left; + margin-right: 30px; } +#nobootstrap .filter-stock-extended label { + width: auto; } +#nobootstrap .filter-stock-extended .select-filter { + float: left; } +#nobootstrap .filter-stock-extended .button-filter { + float: right; } +#nobootstrap #addons_login_div { + background: #ebedf4 url("../img/lock.png") no-repeat scroll left 5px; } +#nobootstrap #addons_login_div form#addons_login_form { + float: right; } +#nobootstrap #addons_login_div p { + float: left; + font-size: 16px; + color: #585A69; + line-height: 24px; + text-shadow: 0 1px 0 #fff; + margin: 0; + padding-left: 25px; } +#nobootstrap #addons_login_div input { + float: left; + margin-right: 10px; } +#nobootstrap #addons_login_div input#addons_login_button { + margin-right: 0px; } +#nobootstrap .sidebar { + position: relative; + float: left; + width: 220px; + display: inline; } +#nobootstrap .sidebar h3 { + background-color: #ebedf4; + font-weight: bold; + display: block; + padding: 5px; } +#nobootstrap .sidebar.navigation h3 { + margin: 0; } +#nobootstrap .sidebar .subHeadline { + font-weight: bold; + float: right; + margin-top: -28px; + margin-right: 5px; } +#nobootstrap .sidebar ul.categorieList li { + border-top: 1px solid #ccc; + position: relative; + line-height: 20px; } +#nobootstrap .sidebar ul.categorieList li:first-child { + border-top: none; } +#nobootstrap .sidebar ul.categorieList li a { + color: #3a6ea7; + display: block; + padding-left: 5px; } +#nobootstrap .sidebar ul.categorieList li a:hover { + background-color: #EBEDF4; } +#nobootstrap .sidebar ul.categorieList li div.categorieWidth { + overflow: hidden; } +#nobootstrap .sidebar ul.categorieList li div.count { + position: absolute; + top: 0; + right: 5px; } +#nobootstrap .sidebar .categorieStatus { + display: none; } +#nobootstrap .blocEngine { + background-color: #eee; } +#nobootstrap .blocEngine .rowForm { + display: block; + float: left; + margin: 0; + padding: 5px 0; } +#nobootstrap .blocEngine .rowForm label { + font-weight: normal; } +#nobootstrap .blocEngine .rowForm label, +#nobootstrap .blocEngine .rowForm select { + width: 220px; + float: left; + text-align: left; } +#nobootstrap .blocEngine p { + margin-top: 10px; + display: block; + float: left; } +#nobootstrap #statsContainer { + margin-left: 220px; + padding: 0 0 0 20px; } +#nobootstrap #statsContainer #calendar, +#nobootstrap #referrersContainer #calendar { + background-color: #EEEEEE; + border-top: 1px solid #CCCCCC; + display: block; + margin: 10px 0; + min-height: 25px; + padding: 5px; } +#nobootstrap #statsContainer #calendar form, +#nobootstrap #referrersContainer #calendar form { + float: left; } +#nobootstrap #statsContainer #calendar input, #nobootstrap #statsContainer #calendar p, +#nobootstrap #referrersContainer #calendar input, #nobootstrap #referrersContainer #calendar p { + float: left; } +#nobootstrap #statsContainer #calendar input.submitDateDay, #nobootstrap #referrersContainer #calendar input.submitDateDay { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right: none; } +#nobootstrap #statsContainer #calendar input.submitDateMonth, #nobootstrap #statsContainer #calendar input.submitDateMonth, +#nobootstrap #referrersContainer #calendar input.submitDateMonth, #nobootstrap #referrersContainer #calendar input.submitDateMonth { + border-radius: 0px; } +#nobootstrap #statsContainer #calendar input.submitDateYear, +#nobootstrap #referrersContainer #calendar input.submitDateYear { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-left: none; + margin-right: 10px; } +#nobootstrap #statsContainer #calendar input.submitDateDayPrev, +#nobootstrap #referrersContainer #calendar input.submitDateDayPrev { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right: none; } +#nobootstrap #statsContainer #calendar input.submitDateMonthPrev, +#nobootstrap #referrersContainer #calendar input.submitDateMonthPrev { + border-radius: 0px; } +#nobootstrap #statsContainer #calendar input.submitDateYearPrev, +#nobootstrap #referrersContainer #calendar input.submitDateYearPrev { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + border-left: none; + margin-right: 10px; } +#nobootstrap #statsContainer #calendar p, #nobootstrap #referrersContainer #calendar p { + margin: 2px; } +#nobootstrap #statsContainer #calendar p span, #nobootstrap #referrersContainer #calendar p span { + float: left; + display: block; + padding: 3px; } +#nobootstrap #statsContainer .blocStats { + background-color: #EBEDF4; + border: 1px solid #C2C4D9; + display: block; + position: relative; + padding: 10px; } +#nobootstrap #statsContainer .blocStats h2 { + font-weight: normal; + margin: 0; + font-size: 1.4em; } +#nobootstrap #statsContainer .blocStats h2.icon-statsproduct span, +#nobootstrap #statsContainer .blocStats h2.icon-statsbestsuppliers span, +#nobootstrap #statsContainer .blocStats h2.icon-statsforecast span, +#nobootstrap #statsContainer .blocStats h2.icon-pagesnotfound span, +#nobootstrap #statsContainer .blocStats h2.icon-sekeywords span, +#nobootstrap #statsContainer .blocStats h2.icon-guide span, +#nobootstrap #statsContainer .blocStats h2.icon-statsequipment span, +#nobootstrap #statsContainer .blocStats h2.icon-statsvisits span, +#nobootstrap #statsContainer .blocStats h2.icon-statssales span, +#nobootstrap #statsContainer .blocStats h2.icon-statsregistrations span, +#nobootstrap #statsContainer .blocStats h2.icon-statspersonalinfos span, +#nobootstrap #statsContainer .blocStats h2.icon-statscatalog span, +#nobootstrap #statsContainer .blocStats h2.icon-basket-delete span, +#nobootstrap #statsContainer .blocStats h2.icon-statsbestcustomers span, +#nobootstrap #statsContainer .blocStats h2.icon-statsorigin span, +#nobootstrap #statsContainer .blocStats h2.icon-statsbestproducts span, +#nobootstrap #statsContainer .blocStats h2.icon-statsbestvouchers span, +#nobootstrap #statsContainer .blocStats h2.icon-statsbestcategories span, +#nobootstrap #statsContainer .blocStats h2.icon-statscarrier span, +#nobootstrap #statsContainer .blocStats h2.icon-statssearch span, +#nobootstrap #statsContainer .blocStats h2.icon-statsstock span, +#nobootstrap #statsContainer .blocStats h2.icon-conversion span, +#nobootstrap #statsContainer .blocStats h2.icon-payment span, +#nobootstrap #statsContainer .blocStats h2.icon-category span, +#nobootstrap #statsContainer .blocStats h2.icon-currency span, +#nobootstrap #statsContainer .blocStats h2.icon-language span, +#nobootstrap #statsContainer .blocStats h2.icon-attribute span { + background: transparent url("../img/icon-sprites-title.png") no-repeat scroll left top; + width: 16px; + height: 16px; + padding-right: 18px; + margin-right: 3px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsproduct span { + background-position: 2px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsforecast span { + background-position: -18px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-guide span { + background-position: -36px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsbestsuppliers span { + background-position: -54px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-pagesnotfound span { + background-position: -72px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-sekeywords span { + background-position: -90px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsequipment span { + background-position: -108px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsvisits span { + background-position: -126px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsregistrations span { + background-position: -147px 2px; } +#nobootstrap #statsContainer .blocStats h2.icon-statssales span { + background-position: 0 -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-statspersonalinfos span { + background-position: -18px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-statscatalog span { + background-position: -36px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-category span { + background-position: -36px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-basket-delete span { + background-position: -54px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsbestcustomers span { + background-position: -72px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsorigin span { + background-position: -90px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsbestproducts span { + background-position: -108px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsbestvouchers span { + background-position: -126px -16px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsbestcategories span { + background-position: -147px -17px; } +#nobootstrap #statsContainer .blocStats h2.icon-statscarrier span { + background-position: 2px -36px; } +#nobootstrap #statsContainer .blocStats h2.icon-statssearch span { + background-position: -18px -36px; } +#nobootstrap #statsContainer .blocStats h2.icon-statsstock span { + background-position: -36px -36px; } +#nobootstrap #statsContainer .blocStats h2.icon-conversion span { + background-position: -54px -36px; } +#nobootstrap #statsContainer .blocStats h2.icon-payment span { + background-position: -72px -36px; } +#nobootstrap #statsContainer .blocStats h2.icon-currency span { + background-position: -90px -36px; } +#nobootstrap #statsContainer .blocStats h2.icon-language span { + background-position: -106px -36px; } +#nobootstrap #statsContainer .blocStats h2.icon-attribute span { + background-position: -126px -36px; } +#nobootstrap #statsContainer .blocStats form { + position: absolute; + top: 10px; + right: 5px; } +#nobootstrap #statsContainer .blocStats form.checkup { + position: relative; + top: 0; + left: 0; } +#nobootstrap #statsContainer .totalStats { + font-size: 16px; + font-weight: bold; } +#nobootstrap #statsContainer .blocStats .blocConversion { + display: block; + display: inline-table; + min-height: 80px; } +#nobootstrap #moduleContainer { + margin-left: 220px; + padding: 13px 0 0 20px; } +#nobootstrap #moduleContainer .table tr th { + height: 40px; } +#nobootstrap #moduleContainer .table tr td { + font-size: 12px; + vertical-align: top; + padding: 5px 7px 0; + border-top: 1px solid #ccc; + border-bottom: none; } +#nobootstrap #moduleContainer .table tr:first-child { + border-top: 1px solid #ccc; } +#nobootstrap #moduleContainer .table tr td .imgm, #nobootstrap #modules_list_container_tab .imgm { + width: 32px; } +#nobootstrap #moduleContainer .moduleDesc { + font-size: 12px; + position: relative; + margin-bottom: 10px; } +#nobootstrap #moduleContainer .moduleDesc h3 { + color: #3A6EA7; + margin: 0; } +#nobootstrap #moduleContainer .moduleDesc .metadata { + float: left; + display: block; + margin: 5px 0; } +#nobootstrap #moduleContainer .moduleDesc .metadata dl { + float: left; + margin: 0; + padding-right: 10px; } +#nobootstrap #moduleContainer .moduleDesc .metadata dl dt, #nobootstrap .moduleDesc .metadata dl dd { + float: left; + margin: 0; + padding: 0; } +#nobootstrap #moduleContainer .moduleDesc .metadata dl dd { + padding-right: 10px; } +#nobootstrap #moduleContainer .moduleDesc .metadata dl dt { + font-weight: bold; + padding-right: 5px; } +#nobootstrap #moduleContainer .moduleDesc p.desc { + color: #666; + font-family: Georgia; + font-style: italic; + font-size: 12px; + display: block; + clear: both; } +#nobootstrap #moduleContainer .setup { + background-color: #6db300; + font-weight: bold; + font-size: 10px; + color: #fff; + text-transform: uppercase; + position: relative; + left: 10px; + padding: 0px 4px; + display: inline-block; + border-radius: 3px; } +#nobootstrap #moduleContainer .setup.non-install { + background-color: #ec7000; } +#nobootstrap #moduleContainer .setup.must-have { + background-color: #ec7000; } +#nobootstrap #moduleContainer .setup.off { + background-color: #ccc; + color: #666666; } +#nobootstrap #moduleContainer .row-actions-module span { + padding-right: 5px; } +#nobootstrap #moduleContainer .row-actions-module span a { + font-size: 12px; } +#nobootstrap #moduleContainer .button.uninstalled, +#nobootstrap #moduleContainer .button.installed { + float: right; + clear: both; + margin-top: 15px; + font-size: 12px; } +#nobootstrap #moduleContainer ul.listing-grid-module { + position: relative; + margin: 0; + padding: 0; } +#nobootstrap #moduleContainer ul.listing-grid-module li { + float: left; + border: 1px solid #ccc; + width: 400px; + min-height: 30px; + margin: 10px; + padding: 5px; + border-radius: 4px; } +#nobootstrap #moduleContainer .moduleGridDesc { + position: relative; + display: block; + height: 30px; } +#nobootstrap #moduleContainer .moduleGridDesc h3 { + color: #3A6EA7; + margin: 0; } +#nobootstrap #moduleContainer ul.listing-grid-module li select { + position: absolute; + top: 0; + right: 0px; } +#nobootstrap #modules_list_container_tab #modules_list_container_content { + list-style-type: none; + padding: 0; + margin: 0; + white-space: nowrap; + overflow: auto; + height: 370px; } +#nobootstrap #modules_list_container_tab #modules_list_container_content li { + display: inline-block; } +#nobootstrap #modules_list_container_tab table tr th { + height: 40px; } +#nobootstrap #modules_list_container_tab table tr td { + font-size: 12px; + padding: 3px 3px 3px; + border-top: 1px solid #ccc; + border-bottom: none; } +#nobootstrap #modules_list_container_tab table tr td tr td { + border: none; } +#nobootstrap #modules_list_container_tab table tr:first-child { + border-top: 1px solid #ccc; } +#nobootstrap #modules_list_container_tab .imgm { + width: 32px; } +#nobootstrap #modules_list_container_tab .moduleDesc { + font-size: 12px; } +#nobootstrap #modules_list_container_tab .moduleDesc h3 { + color: #3A6EA7; + margin: 0; + font-size: 1.1em; + text-align: left; + white-space: normal; } +#nobootstrap #modules_list_container_tab .moduleDesc .metadata { + float: left; + display: block; + margin: 5px 0; } +#nobootstrap #modules_list_container_tab .moduleDesc .metadata dl { + float: left; + margin: 0; + padding-right: 10px; } +#nobootstrap #modules_list_container_tab .moduleDesc .metadata dl dt, #nobootstrap .moduleDesc .metadata dl dd { + float: left; + margin: 0; + padding: 0; } +#nobootstrap #modules_list_container_tab .moduleDesc .metadata dl dd { + padding-right: 10px; } +#nobootstrap #modules_list_container_tab .moduleDesc .metadata dl dt { + font-weight: bold; + padding-right: 5px; } +#nobootstrap #modules_list_container_tab .moduleDesc p.desc { + color: #666; + font-family: Georgia; + font-style: italic; + font-size: 12px; + text-align: left; + white-space: normal; } +#nobootstrap #modules_list_container_tab .setup { + background-color: #6db300; + font-weight: bold; + font-size: 10px; + color: #fff; + text-transform: uppercase; + padding: 0 10px; + display: inline-block; + border-radius: 3px; } +#nobootstrap #modules_list_container_tab .row-actions-module { + float: right; } +#nobootstrap #modules_list_container_tab .setup.non-install { + background-color: #ec7000; } +#nobootstrap #modules_list_container_tab .setup.must-have { + background-color: #ec7000; } +#nobootstrap #modules_list_container_tab .setup.off { + background-color: #ccc; + color: #666666; } +#nobootstrap #modules_list_container_tab .row-actions-module span { + padding-right: 5px; } +#nobootstrap #modules_list_container_tab .row-actions-module span a { + font-size: 12px; } +#nobootstrap #modules_list_container_tab ul.listing-grid-module { + position: relative; + margin: 0; + padding: 0; } +#nobootstrap #modules_list_container_tab ul.listing-grid-module li { + float: left; + border: 1px solid #ccc; + width: 400px; + min-height: 30px; + margin: 10px; + padding: 5px; + border-radius: 4px; } +#nobootstrap #modules_list_container_tab .moduleGridDesc { + position: relative; + display: block; + height: 30px; } +#nobootstrap #modules_list_container_tab .moduleGridDesc h3 { + color: #3A6EA7; + margin: 0; } +#nobootstrap #modules_list_container_tab ul.listing-grid-module li select { + position: absolute; + top: 0; + right: 0px; } +#nobootstrap .default_modules_list_display_type #modules_list_container_content li table tr td { + border: none; } +#nobootstrap .default_modules_list_display_type #modules_list_container_content li table { + border: solid 1px #ccc; + height: 105px; + width: 100%; + margin-bottom: 10px; } +#nobootstrap #modules_list_container_tab ul li { + height: 105px; } +#nobootstrap .ie7 #modules_list_container_tab #modules_list_container_content li { + zoom: 1; + display: inline; } +#nobootstrap .ie7 #modules_list_container_content li table { + width: 21%; } +#nobootstrap .ie7 #modules_list_container_content li table td .btn_right { + width: 100%; + float: right; } +#nobootstrap .ie7 #modules_list_container_content li table td .btn_right select { + float: left; } +#nobootstrap .ie7 #modules_list_container_content li table td a.button { + display: block; + float: right; } +#nobootstrap .blocLiveEdit { + float: right; + clear: right; + background-color: #EBEDF4; + border: 1px solid #C2C4D9; + display: block; + width: 250px; } +#nobootstrap .blocLiveEdit h2 { + background: transparent url("../img/live_edit.png") no-repeat scroll 10px 10px; + height: 40px; + line-height: 50px; + margin: 0; + padding: 0 10px; + text-indent: 40px; } +#nobootstrap .blocLiveEdit p { + padding: 0 10px; } +#nobootstrap .blocLiveEdit a.button { + float: left; + margin: 10px; + display: inline-block; } +#nobootstrap #modulePosition { + width: 100%; + float: left; + clear: left; } +#nobootstrap #modulePosition .table tr th { + height: 40px; } +#nobootstrap #modulePosition form { + margin-right: 270px; } +#nobootstrap #modulePosition .lab_modules_positions h3 { + color: #3A6EA7; + margin: 0 0 0 10px; + float: left; } +#nobootstrap #modulePosition .lab_modules_positions p { + font-family: Georgia; + font-style: italic; + font-size: 12px; + padding-left: 40px; + clear: both; } +#nobootstrap #modulePosition .lab_modules_positions span { + font-size: 12px; + padding-top: 4px; + padding-left: 5px; + float: left; } +#nobootstrap select#show_modules { + font-size: 12px; } +#nobootstrap label.text { + padding: 1px 12px 0 0; } +#nobootstrap label.radioCheck { + font-weight: normal; + padding: 0; + float: none; + margin: 0 1em 0 0.25em; } +#nobootstrap ul.listForm li { + padding-bottom: 3px; } +#nobootstrap #footer { + height: 40px; + font-size: 12px; + clear: both; + font-size: 0.9em; + color: #666666; } +#nobootstrap #footer .footerLeft { + float: left; + margin-left: 10px; } +#nobootstrap #footer .footerRight { + float: right; + margin-right: 10px; } +#nobootstrap #footer .footer_link, #nobootstrap #footer .footer_link:hover { + color: #268CCD; } +#nobootstrap .pageTitleHome { + font-size: 1.6em; + font-weight: normal; + margin: 0; + padding: 10px 0; } +#nobootstrap .pageTitleHome h3 { + font-weight: normal; + margin: 0; } +#nobootstrap #dashboard { + background-color: #EBEDF4; + border: 1px solid #C2C4D9; + display: block; + padding: 10px; + position: relative; + min-width: 1200px; } +#nobootstrap #dashboard h2 { + font-size: 1.4em; + font-weight: normal; + margin: 0 0 15px 0; } +#nobootstrap #iframe #video-content { + float: left; } +#nobootstrap #iframe { + position: relative; + display: block; + min-height: 180px; } +#nobootstrap #adminpresentation #video { + float: left; + padding-right: 15px; + min-height: 150px; } +#nobootstrap #adminpresentation #video a { + position: relative; + height: 128px; + width: 220px; + display: block; + padding: 6px; } +#nobootstrap #adminpresentation #video a span { + background: transparent url("../img/play.png") no-repeat scroll left top; + height: 128px; + width: 220px; + position: absolute; + top: 0; + left: 0; + z-index: 1; + display: block; + border: 6px solid #fff; + border-radius: 3px; } +#nobootstrap #adminpresentation #video a span:hover { + background-position: left bottom; + border: 6px solid #C2C4D9; + transition: background 0.5s; } +#nobootstrap #adminpresentation #video-content { + padding-left: 10px; + min-height: 150px; } +#nobootstrap #adminpresentation #video-content p { + font-size: 20px; + line-height: 26px; + color: #585A69; + text-shadow: 0 1px 0 #fff; } +#nobootstrap .view-modules { + float: right; + margin: 10px 0; } +#nobootstrap .view-modules li { + float: left; } +#nobootstrap .view-modules li img { + padding-right: 5px; } +#nobootstrap .view-modules li.normal-view-disabled { + background: -moz-linear-gradient(center top, #cccccc, #f9f9f9) repeat scroll 0 0 transparent; + border-bottom-right-radius: 0; + border-right: 1px solid #ccc; + border-top-right-radius: 0; + color: #999; } +#nobootstrap .view-modules li.favorites-view-disabled { + background: -moz-linear-gradient(center top, #cccccc, #f9f9f9) repeat scroll 0 0 transparent; + border-bottom-left-radius: 0; + border-left: 1px solid #fff; + border-top-left-radius: 0; + color: #999; } +#nobootstrap .view-modules li.normal-view-disabled:hover, +#nobootstrap .view-modules li.favorites-view-disabled:hover { + border-color: #CCCCCC #BBBBBB #A0A0A0; } +#nobootstrap .view-modules li.favorites-view { + border-bottom-left-radius: 0; + border-left: 1px solid #fff; + border-top-left-radius: 0; } +#nobootstrap .view-modules li.normal-view { + border-bottom-right-radius: 0; + border-right: 1px solid #ccc; + border-top-right-radius: 0; } +#nobootstrap .margin-form select.chosen { + width: 200px; } +#nobootstrap .selected-line { + background: #fff1b5; } +#nobootstrap #changedFiles ul { + list-style-type: square; + padding-left: 40px; } +#nobootstrap .tooltip { + position: relative; } +#nobootstrap .tooltip .tooltip_content { + z-index: 100; + text-align: left; + display: none; + white-space: nowrap; + position: absolute; + padding: 5px 5px; + background: black; + color: white; + box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5); + margin-top: 5px; } +#nobootstrap .tooltip .tooltip_label { + cursor: pointer; } +#nobootstrap .tooltip .title { + text-align: center; + padding-bottom: 5px; + display: block; + font-weight: bold; } +#nobootstrap .tooltip:hover .tooltip_content { + display: block; } +#nobootstrap .tooltip_button { + border: 1px solid silver; + border-radius: 3px; + padding: 0 3px; + background: -moz-linear-gradient(top, #dddddd, #aaaaaa); + background: -o-linear-gradient(top, #dddddd, #aaaaaa); + background: -webkit-linear-gradient(top, #dddddd, #aaaaaa); + background: linear-gradient(top, #dddddd, #aaaaaa); + color: #666; } +#nobootstrap #carrier_form label { + padding-top: 0; } +#nobootstrap #carrier_form input { + margin-top: 3px; } +#nobootstrap #large_scene_image { + clear: both; + border: 1px solid transparent; } diff --git a/admin-dev/themes/default/css/admin.scss b/admin-dev/themes/default/css/admin.scss index e1802650b..11c1f2d8f 100644 --- a/admin-dev/themes/default/css/admin.scss +++ b/admin-dev/themes/default/css/admin.scss @@ -1,4 +1,4 @@ -#nobootstrap{ +#nobootstrap { body {font-family: Arial, Helvetica, sans-serif;} h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; margin-bottom:.5em; line-height:1.4em; } @@ -7,12 +7,11 @@ h4 { font-size:1.05em; } h6 { font-size:1em; } - - /*LIST*/ - ul,ol {list-style:none; margin: 0; padding: 0;} + //LIST + ul, ol {list-style:none; margin: 0; padding: 0;} ul li {color:#585A69;} - /*FORM*/ + //FORM label {color:#585a69;text-shadow:0 1px 0#fff;} fieldset{background-color:#EBEDF4; border:1px solid #CCCED7; color:#585A69; font-size:1.1em;margin:0;padding:1em} .Bloc {background-color:#EBEDF4; border:1px solid #CCCED7;font-size:1.1em;margin:0;padding:1em} @@ -28,7 +27,7 @@ .icon {vertical-align:middle} .icon-top {vertical-align:top} - /*BUTTON*/ + //BUTTON .button{ background: #e3e3e3 url('../img/bg-button-degrade.png') repeat-x scroll left top; background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent; @@ -45,11 +44,11 @@ #top_container{margin:0;padding:0} - /*HEADER*/ + //HEADER #header { background-color: #394049; height:90px; } - /* Portrait orientation targeting */ + // Portrait orientation targeting @media screen and (orientation: portrait) {#header{min-width:1250px}} - /* Portrait orientation targeting */ + // Portrait orientation targeting @media screen and (orientation: landscape) {#header{min-width:1250px}} #header #header_infos{ position:relative; margin: 0; padding:0; height:60px; } #header #header_shopname {float: left; margin:10px 15px 0 10px;} @@ -76,7 +75,7 @@ #header #header_search #bo_query{ font: 13px Arial,sans-serif; float:left;background: none repeat scroll 0 0 transparent; border:none; box-shadow:none; padding: 5px 0px 5px 4px; width: 160px; } #header #header_search #bo_search_type_chzn{ font-size:13px; float:left; margin:0 23px 0 0; padding:0 4px; vertical-align:middle;width:80px !important;height:27px; border:none;} #header #header_search #bo_search_type_chzn.chzn-container-single .chzn-single { box-shadow:none; border-radius:0px; border:none; border-left:1px dotted #ccc;} - #header #header_search #bo_search_submit { background: url('../img/icon-search2.png') no-repeat scroll center; border:none; width:27px; height:25px; float:left; font-weight:normal; margin:0; padding:0; cursor:pointer; text-indent:-9999em; position:absolute; right:0; display:block; border-left:1px solid #3079ED; border-radius:0px; /*hacking ie7font-size: 0!ie7; color: transparent!ie;*/ } + #header #header_search #bo_search_submit { background: url('../img/icon-search2.png') no-repeat scroll center; border:none; width:27px; height:25px; float:left; font-weight:normal; margin:0; padding:0; cursor:pointer; text-indent:-9999em; position:absolute; right:0; display:block; border-left:1px solid #3079ED; border-radius:0px;} #header #header_quick{float:right; display:block; margin-top:15px;} #header #header_quick #quick_select_chzn{ font-size:13px; margin:0 10px 0 0; padding:0px 0 4px; } #header #header_myaccount{background:url('../img/bg-lang.png') no-repeat;display:block;float:right;height:16px;margin:8px 1px 0 0;width:16px} @@ -104,7 +103,7 @@ .notifs_wrapper p.no_notifs {border: none;} - /*MENU*/ + //MENU #header #menu{ background-color: #f8f8f8; border-bottom:1px solid #e5e5e5; float:left;line-height:normal;margin:0;padding:0;width:100%;} #header #menu li.maintab{float:left;height:29px;list-style:none;list-style:none;display:block; border-left:1px solid #fff; border-right:1px solid #ccc;} #header #menu li.submenu_size .title{cursor:default;color:#000;display:block; padding:8px 3px 4px 0;font-weight:normal;font-size:12px;} @@ -124,10 +123,10 @@ #header #menu .submenu li.active a { color: #fff;} #header #menu .submenu li.active a:hover { color:#666666} - /*SEPARATION*/ + //SEPARATION .separation { background-color:#ccc;border-bottom:1px solid #fff; width:100%; height:1px; margin:10px 0;} - /*TABLE*/ + //TABLE .table_grid {width:100%;} .table{ background-color:#fff;border:1px solid #ccc; padding:0; border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;} .filter {background-color:#f1f9ff;} @@ -182,17 +181,17 @@ .button-autoupgrade {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3;border-right: 1px solid #DFD5AF;border-style: solid;border-width: 1px;color: #268CCD;font-size: medium;padding: 5px;} .processing {overflow: auto;} - /*UI ACCORDEON*/ + //UI ACCORDEON .ui-accordion-header { background-color: #ccc; color:#000;} - /*BLOC*/ + //BLOC .Bloc { background: none repeat scroll 0 0 #EBEDF4;} - /*TABLE STATUS COMMANDE*/ + //TABLE STATUS COMMANDE .table td span.color_field { font-size:11px; padding:2px 5px; border-radius:3px; text-transform:uppercase; color:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} - /*multishop toolbar*/ + //multishop toolbar .multishop_toolbar { background-color: #F8F8F8; border: 1px solid #CCCCCC; margin-bottom:10px; padding: 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size: 18px;} .multishop_toolbar span.text_multishop {vertical-align: 7px; padding-right: 5px; } .multishop_toolbar select.shopList { width: 300px; } @@ -202,7 +201,7 @@ .multishop_toolbar .chzn-container .chzn-results .group{font-weight: bold;font-style: italic;padding-left: 15px;background-color: #C6DEFC;} .multishop_toolbar .chzn-container .chzn-results .shop{padding-left: 30px;background-color: #EAF2FC;} - /*toolbarBox*/ + //toolbarBox .toolbar-placeholder {position:relative} .toolbarBox {background-color: #F8F8F8; border: 1px solid #CCCCCC; margin-bottom:10px; padding: 5px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;-o-border-radius:3px;position:relative} .toolbarBox .pageTitle { margin-left:10px; line-height:48px} @@ -211,7 +210,7 @@ .toolbarBox ul.cc_button li {color: #666666; float: left; height: 48px; list-style: none outside none; padding: 1px 1px 3px 4px; text-align: center;} .toolbarBox a.toolbar_btn { border:1px solid #f8f8f8; min-width:50px; border-width: 1px; font-size:11px;cursor: pointer; display: block; float: left; padding: 3px 5px; white-space: nowrap; text-shadow: 0 1px 0 #ffffff;} .toolbarBox a.toolbar_btn:hover { background-color:#fff; border:1px inset #ccc; border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;-o-border-radius:3px;} - .toolbarBox .toolbar_btn span{ display: block; float: none; height: 32px; margin: 0 auto; width: 32px; /*hacking ie7margin:0 !ie; position:relative !ie;*/ } + .toolbarBox .toolbar_btn span{ display: block; float: none; height: 32px; margin: 0 auto; width: 32px} .toolbarBox .process-icon-delete { background-image: url('../img/process-icon-delete.png');} .toolbarBox .process-icon-duplicate { background-image: url('../img/process-icon-duplicate.png');} .toolbarBox .process-icon-preview { background-image: url('../img/process-icon-preview.png');} @@ -314,11 +313,9 @@ } - - div.fix-toolbar {border-bottom: 1px solid #E0E0E0;position:fixed;top:0;opacity:0.9;z-index:500;margin:auto} - /*button upload files*/ + //button upload files #content .qq-upload-button { background: #e4e4e4 url('../img/bg-button-degrade.png') repeat-x scroll left top; background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent; @@ -338,14 +335,14 @@ .file_upload_label {margin-top:5px;} - /*leadin*/ + //leadin .leadin {} .leadin .bloc-leadin{ padding:10px 3px;} - /*productBox*/ + //productBox #productBox { position:relative; width:100%; float:left;} - /*tab-pane*/ + //tab-pane form#product_form, form#access_form, form#cart_rule_form, #modules_tab_list { background-color:#ebedf4; border:1px solid #ccced7; min-height:404px; padding: 5px 10px 10px; margin-left:140px;} #modules_tab_list {min-height: inherit} #content form.adminstockmanagement {margin-left:0px;} @@ -367,14 +364,14 @@ #categories-treeview { } #product-tab-content-3-Associations .Association td.col-left { width:200px;} - /*FILTER MODULE*/ + //FILTER MODULE .filter-module { background-color:#ebedf4; border:1px solid #c2c4d9; padding:10px; display:block; min-height:35px;} .filter-module #filternameForm {float:left; margin-right:30px;} .filter-module label {width:auto;} .filter-module .select-filter { float:left;} .filter-module .button-filter { float:right;} - /*FILTER STOCK*/ + //FILTER STOCK .filter-stock { background-color:#ebedf4; border:1px solid #c2c4d9; margin-bottom:15px; padding:10px; display:block; min-height:25px;} .filter-stock #stock_instant_state {float:left; margin-right:30px;} .filter-stock label {width:auto;} @@ -387,7 +384,7 @@ .filter-stock-extended .select-filter { float:left;} .filter-stock-extended .button-filter { float:right;} - /*ADDONS LOGIN*/ + //ADDONS LOGIN #addons_login_div { background: #EBEDF4 url('../img/lock.png') no-repeat scroll left 5px;} #addons_login_div form#addons_login_form { float:right;} #addons_login_div p {float:left; font-size:16px; color:#585A69; line-height:24px; text-shadow: 0 1px 0 #fff; margin:0; padding-left:25px;} @@ -395,7 +392,7 @@ #addons_login_div input { float:left; margin-right:10px;} #addons_login_div input#addons_login_button { margin-right: 0px; } - /*SIDEBAR*/ + //SIDEBAR .sidebar { position:relative; float:left; width:220px; display:inline;} .sidebar h3 { background-color:#ebedf4; font-weight:bold; display:block; padding:5px;} .sidebar.navigation h3 {margin:0;} @@ -409,7 +406,7 @@ .sidebar ul.categorieList li div.count{ position:absolute; top:0; right:5px;} .sidebar .categorieStatus { display:none;} - /*NAVIGATION ENGINE*/ + //NAVIGATION ENGINE .blocEngine { background-color:#eee;} .blocEngine .rowForm { display: block;float: left;margin: 0; padding: 5px 0; } .blocEngine .rowForm label { font-weight:normal;} @@ -418,7 +415,7 @@ .blocEngine p { margin-top:10px;display:block; float:left;} - /*STATCONTAINER*/ + //STATCONTAINER #statsContainer {margin-left:220px; padding:0 0 0 20px;} #statsContainer #calendar, #referrersContainer #calendar{ background-color: #EEEEEE;border-top: 1px solid #CCCCCC; display: block; margin: 10px 0;min-height: 25px; padding: 5px;} @@ -499,9 +496,9 @@ #statsContainer .blocStats form { position:absolute; top:10px; right:5px;} #statsContainer .blocStats form.checkup { position:relative; top:0; left:0;} #statsContainer .totalStats { font-size:16px; font-weight:bold;} - #statsContainer .blocStats .blocConversion { display:block; display:inline-table; min-height:80px /*!ie;*/ } + #statsContainer .blocStats .blocConversion { display:block; display:inline-table; min-height:80px} - /*MODULECONTAINER*/ + //MODULECONTAINER #moduleContainer { margin-left:220px; padding:13px 0 0 20px;} #moduleContainer .table tr th { height:40px;} #moduleContainer .table tr td { font-size:12px; vertical-align:top; padding: 5px 7px 0; border-top:1px solid #ccc; border-bottom:none;} @@ -529,7 +526,7 @@ #moduleContainer .moduleGridDesc h3 { color:#3A6EA7; margin:0;} #moduleContainer ul.listing-grid-module li select { position:absolute; top:0; right:0px; } - /*TAB MODULES LIST*/ + //TAB MODULES LIST #modules_list_container_tab #modules_list_container_content{ list-style-type:none; @@ -570,20 +567,19 @@ .default_modules_list_display_type #modules_list_container_content li table {border:solid 1px #ccc;height:105px;width:100%;margin-bottom:10px} #modules_list_container_tab ul li {height:105px} - /******** ie7 ******/ - .ie7 #modules_list_container_tab #modules_list_container_content li{zoom:1;display:inline;} - .ie7 #modules_list_container_content li table {width: 21%;} - .ie7 #modules_list_container_content li table td .btn_right{width:100%;float:right;} - .ie7 #modules_list_container_content li table td .btn_right select{float:left;} - .ie7 #modules_list_container_content li table td a.button{display:block;float:right;} + //******* ie7 ***** + .ie7 #modules_list_container_tab #modules_list_container_content li{zoom:1;display:inline;} + .ie7 #modules_list_container_content li table {width: 21%;} + .ie7 #modules_list_container_content li table td .btn_right{width:100%;float:right;} + .ie7 #modules_list_container_content li table td .btn_right select{float:left;} + .ie7 #modules_list_container_content li table td a.button{display:block;float:right;} - /*MODULE POSITION*/ + //MODULE POSITION .blocLiveEdit { float:right; clear:right; background-color: #EBEDF4; border: 1px solid #C2C4D9;display: block; width:250px;} .blocLiveEdit h2 { background: transparent url('../img/live_edit.png') no-repeat scroll 10px 10px; height: 40px; line-height: 50px;margin: 0; padding: 0 10px; text-indent: 40px;} .blocLiveEdit p { padding: 0 10px;} .blocLiveEdit a.button {float: left; margin:10px; display: inline-block;} - #modulePosition { width:100%; float:left; clear:left;} #modulePosition .table tr th { height:40px;} #modulePosition form{ margin-right:270px;} @@ -601,13 +597,13 @@ ul.listForm li {padding-bottom:3px;} - /*FOOTER*/ + //FOOTER #footer {height:40px; font-size:12px;clear:both;font-size:0.9em;color:#666666} #footer .footerLeft { float:left; margin-left:10px;} #footer .footerRight {float:right; margin-right:10px;} #footer .footer_link, #footer .footer_link:hover { color:#268CCD;} - /*DASHBOARD*/ + //DASHBOARD .pageTitleHome { font-size: 1.6em; font-weight: normal; margin:0; padding:10px 0;} .pageTitleHome h3 { font-weight: normal; margin:0;} #dashboard { background-color: #EBEDF4; border: 1px solid #C2C4D9; display: block; padding: 10px; position: relative; min-width:1200px;} @@ -663,15 +659,16 @@ background: -o-linear-gradient(top, #ddd, #aaa); background: -webkit-linear-gradient(top, #ddd, #aaa); background: linear-gradient(top, #ddd, #aaa); - color: #666 + color: #666; } - /******** CREATE AN ORDER **************/ + //******* CREATE AN ORDER ************* #carrier_form label{padding-top:0} #carrier_form input{margin-top:3px} - /************** SCENE *****************/ + //************* SCENE **************** + + #large_scene_image { clear:both; border:1px solid transparent;} - #large_scene_image{clear:both;border:1px solid transparent;} } \ No newline at end of file diff --git a/admin-dev/themes/default/css/bootstrap/_variables.scss b/admin-dev/themes/default/css/bootstrap/_variables.scss index a6641da57..6df16cf02 100644 --- a/admin-dev/themes/default/css/bootstrap/_variables.scss +++ b/admin-dev/themes/default/css/bootstrap/_variables.scss @@ -23,7 +23,7 @@ $gray-lighter: lighten(#000, 93.5%) ; //#eee //$brand-primary: #1EAEC0 ; //bleu turquoise //$brand-primary: #33556E ; //$brand-primary: #7F8AAE ; -$brand-primary: #173741 ; +$brand-primary: #1D7878 ; $brand-success: #5cb85c ; @@ -89,7 +89,7 @@ $border-radius-base: 3px ; // $table-bg: transparent ; overall background-color // $table-bg-accent: #f9f9f9 ; for striping -$table-bg-hover: lighten($secondary-color,35%) ; +$table-bg-hover: $bg-panel-heading-color ; // $table-border-color: #ddd ; table and cell border @@ -395,37 +395,37 @@ $well-bg: darken($bg-content-color,5%) ; // -------------------------------------------------- // Tiny screen / phone -// $screen-tiny: 480px ; -// $screen-phone: $screen-tiny ; +$screen-tiny: 480px ; +$screen-phone: $screen-tiny ; // Small screen / tablet -// $screen-small: 768px ; -// $screen-tablet: $screen-small ; +$screen-small: 768px ; +$screen-tablet: $screen-small ; // Medium screen / desktop -// $screen-medium: 992px ; -// $screen-desktop: $screen-medium ; +$screen-medium: 992px ; +$screen-desktop: $screen-medium ; // So media queries don't overlap when required, provide a maximum -// $screen-small-max: ($screen-medium - 1) ; -// $screen-tablet-max: $screen-small-max ; +$screen-small-max: ($screen-medium - 1) ; +$screen-tablet-max: $screen-small-max ; // Large screen / wide desktop -// $screen-large: 1200px ; -// $screen-large-desktop: $screen-large ; +$screen-large: 1200px ; +$screen-large-desktop: $screen-large ; // Container sizes // -------------------------------------------------- // Small screen / tablet -// $container-tablet: 728px ; +$container-tablet: 728px ; // Medium screen / desktop -// $container-desktop: 940px ; +$container-desktop: 940px ; // Large screen / wide desktop -// $container-large-desktop: 1170px ; +$container-large-desktop: 1170px ; // Grid system diff --git a/admin-dev/themes/default/js/vendor/bootstrap.js b/admin-dev/themes/default/js/vendor/bootstrap.js index 2cbf1957c..2c6425714 100755 --- a/admin-dev/themes/default/js/vendor/bootstrap.js +++ b/admin-dev/themes/default/js/vendor/bootstrap.js @@ -1,6 +1,13 @@ +/** +* bootstrap.js v3.0.0 by @fat and @mdo +* Copyright 2013 Twitter Inc. +* http://www.apache.org/licenses/LICENSE-2.0 +*/ +if (!jQuery) { throw new Error("Bootstrap requires jQuery") } + /* ======================================================================== * Bootstrap: transition.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#transitions + * http://twbs.github.com/bootstrap/javascript.html#transitions * ======================================================================== * Copyright 2013 Twitter, Inc. * @@ -40,14 +47,24 @@ } } + // http://blog.alexmaccaw.com/css-transitions + $.fn.emulateTransitionEnd = function (duration) { + var called = false, $el = this + $(this).one($.support.transition.end, function () { called = true }) + var callback = function () { if (!called) $($el).trigger($.support.transition.end) } + setTimeout(callback, duration) + return this + } + $(function () { $.support.transition = transitionEnd() }) }(window.jQuery); + /* ======================================================================== * Bootstrap: alert.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#alerts + * http://twbs.github.com/bootstrap/javascript.html#alerts * ======================================================================== * Copyright 2013 Twitter, Inc. * @@ -103,7 +120,9 @@ } $.support.transition && $parent.hasClass('fade') ? - $parent.on($.support.transition.end, removeElement) : + $parent + .one($.support.transition.end, removeElement) + .emulateTransitionEnd(150) : removeElement() } @@ -141,9 +160,10 @@ $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(window.jQuery); + /* ======================================================================== * Bootstrap: button.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#buttons + * http://twbs.github.com/bootstrap/javascript.html#buttons * ======================================================================== * Copyright 2013 Twitter, Inc. * @@ -196,10 +216,13 @@ } Button.prototype.toggle = function () { - var $parent = this.$element.closest('[data-toggle="buttons-radio"]') + var $parent = this.$element.closest('[data-toggle="buttons"]') - if ($parent) { - $parent.find('.active').removeClass('active') + if ($parent.length) { + var $input = this.$element.find('input') + .prop('checked', !this.$element.hasClass('active')) + .trigger('change') + if ($input.prop('type') === 'radio') $parent.find('.active').removeClass('active') } this.$element.toggleClass('active') @@ -214,7 +237,7 @@ $.fn.button = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('button') + var data = $this.data('bs.button') var options = typeof option == 'object' && option if (!data) $this.data('bs.button', (data = new Button(this, options))) @@ -243,12 +266,14 @@ var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') $btn.button('toggle') + e.preventDefault() }) }(window.jQuery); + /* ======================================================================== * Bootstrap: carousel.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#carousel + * http://twbs.github.com/bootstrap/javascript.html#carousel * ======================================================================== * Copyright 2012 Twitter, Inc. * @@ -289,6 +314,7 @@ Carousel.DEFAULTS = { interval: 5000 , pause: 'hover' + , wrap: true } Carousel.prototype.cycle = function (e) { @@ -353,12 +379,15 @@ var fallback = type == 'next' ? 'first' : 'last' var that = this + if (!$next.length) { + if (!this.options.wrap) return + $next = this.$element.find('.item')[fallback]() + } + this.sliding = true isCycling && this.pause() - $next = $next.length ? $next : this.$element.find('.item')[fallback]() - var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) if ($next.hasClass('active')) return @@ -378,12 +407,14 @@ $next[0].offsetWidth // force reflow $active.addClass(direction) $next.addClass(direction) - this.$element.one($.support.transition.end, function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { that.$element.trigger('slid') }, 0) - }) + $active + .one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid') }, 0) + }) + .emulateTransitionEnd(600) } else { this.$element.trigger(e) if (e.isDefaultPrevented()) return @@ -408,7 +439,7 @@ return this.each(function () { var $this = $(this) var data = $this.data('bs.carousel') - var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) + var options = $.extend({}, Carousel.DEFAULTS, $this.data(), typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) @@ -437,12 +468,13 @@ var $this = $(this), href var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 var options = $.extend({}, $target.data(), $this.data()) - var slideIndex + var slideIndex = $this.attr('data-slide-to') + if (slideIndex) options.interval = false $target.carousel(options) if (slideIndex = $this.attr('data-slide-to')) { - $target.data('bs.carousel').pause().to(slideIndex).cycle() + $target.data('bs.carousel').to(slideIndex) } e.preventDefault() @@ -456,9 +488,10 @@ }) }(window.jQuery); + /* ======================================================================== * Bootstrap: collapse.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#collapse + * http://twbs.github.com/bootstrap/javascript.html#collapse * ======================================================================== * Copyright 2012 Twitter, Inc. * @@ -502,63 +535,81 @@ Collapse.prototype.show = function () { if (this.transitioning || this.$element.hasClass('in')) return - var dimension = this.dimension() - var scroll = $.camelCase(['scroll', dimension].join('-')) - var actives = this.$parent && this.$parent.find('> .accordion-group > .in') + var startEvent = $.Event('show.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var actives = this.$parent && this.$parent.find('> .panel > .in') if (actives && actives.length) { - var hasData = actives.data('collapse') + var hasData = actives.data('bs.collapse') if (hasData && hasData.transitioning) return actives.collapse('hide') - hasData || actives.data('collapse', null) + hasData || actives.data('bs.collapse', null) } - this.$element[dimension](0) - this.transition('addClass', $.Event('show.bs.collapse'), 'shown.bs.collapse') - - if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) - } - - Collapse.prototype.hide = function () { - if (this.transitioning || !this.$element.hasClass('in')) return - var dimension = this.dimension() - this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('hide.bs.collapse'), 'hidden') - this.$element[dimension](0) - } - - Collapse.prototype.reset = function (size) { var dimension = this.dimension() this.$element .removeClass('collapse') - [dimension](size || 'auto') - [0].offsetWidth - - this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') - - return this - } - - Collapse.prototype.transition = function (method, startEvent, completeEvent) { - var that = this - var complete = function () { - if (startEvent.type == 'show') that.reset() - that.transitioning = 0 - that.$element.trigger(completeEvent) - } - - this.$element.trigger(startEvent) - - if (startEvent.isDefaultPrevented()) return + .addClass('collapsing') + [dimension](0) this.transitioning = 1 - this.$element[method]('in') + var complete = function () { + this.$element + .removeClass('collapsing') + .addClass('in') + [dimension]('auto') + this.transitioning = 0 + this.$element.trigger('shown.bs.collapse') + } - $.support.transition && this.$element.hasClass('collapse') ? - this.$element.one($.support.transition.end, complete) : - complete() + if (!$.support.transition) return complete.call(this) + + var scrollSize = $.camelCase(['scroll', dimension].join('-')) + + this.$element + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) + [dimension](this.$element[0][scrollSize]) + } + + Collapse.prototype.hide = function () { + if (this.transitioning || !this.$element.hasClass('in')) return + + var startEvent = $.Event('hide.bs.collapse') + this.$element.trigger(startEvent) + if (startEvent.isDefaultPrevented()) return + + var dimension = this.dimension() + + this.$element + [dimension](this.$element[dimension]()) + [0].offsetHeight + + this.$element + .addClass('collapsing') + .removeClass('collapse') + .removeClass('in') + + this.transitioning = 1 + + var complete = function () { + this.transitioning = 0 + this.$element + .trigger('hidden.bs.collapse') + .removeClass('collapsing') + .addClass('collapse') + } + + if (!$.support.transition) return complete.call(this) + + this.$element + [dimension](0) + .one($.support.transition.end, $.proxy(complete, this)) + .emulateTransitionEnd(350) } Collapse.prototype.toggle = function () { @@ -574,10 +625,10 @@ $.fn.collapse = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('collapse') + var data = $this.data('bs.collapse') var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('collapse', (data = new Collapse(this, options))) + if (!data) $this.data('bs.collapse', (data = new Collapse(this, options))) if (typeof option == 'string') data[option]() }) } @@ -598,20 +649,29 @@ // ================= $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { - var $this = $(this), href - var target = $this.attr('data-target') + var $this = $(this), href + var target = $this.attr('data-target') || e.preventDefault() || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 - var option = $(target).data('collapse') ? 'toggle' : $this.data() + var $target = $(target) + var data = $target.data('bs.collapse') + var option = data ? 'toggle' : $this.data() + var parent = $this.attr('data-parent') + var $parent = parent && $(parent) - $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') - $(target).collapse(option) + if (!data || !data.transitioning) { + if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed') + $this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed') + } + + $target.collapse(option) }) }(window.jQuery); + /* ======================================================================== * Bootstrap: dropdown.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#dropdowns + * http://twbs.github.com/bootstrap/javascript.html#dropdowns * ======================================================================== * Copyright 2012 Twitter, Inc. * @@ -651,9 +711,9 @@ clearMenus() if (!isActive) { - if ('ontouchstart' in document.documentElement) { + if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) { // if mobile we we use a backdrop because click events don't delegate - $('