123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452 |
- /*
- // Copyright (C) 2014 The Syncthing Authors.
- //
- // This Source Code Form is subject to the terms of the Mozilla Public
- // License, v. 2.0. If a copy of the MPL was not distributed with this file,
- // You can obtain one at https://mozilla.org/MPL/2.0/.
- */
- body {
- padding-bottom: 70px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- }
- h1, h2, h3, h4, h5 {
- font-family: "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- line-height: 1.25;
- }
- ul+h5 {
- margin-top: 1.5em;
- }
- .content {
- margin-bottom: 50px;
- }
- .panel-progress {
- height: 3px;
- left: 0;
- position: absolute;
- top: 0;
- display: block;
- }
- .checkbox {
- margin-top: 0px;
- }
- .checkbox input[type="checkbox"], .radio input[type="radio"] {
- float: none; /* issue #1197 */
- }
- #advancedAccordion input.form-control[type="checkbox"] {
- box-shadow: none;
- margin: 0;
- width: auto;
- }
- .popover {
- max-width: none;
- min-width: 250px;
- }
- .tooltip {
- word-wrap:break-word;
- }
- .text-monospace {
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
- }
- .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
- border-top: none;
- }
- .logo {
- margin: 0;
- padding: 0;
- top: -5px;
- position: relative;
- }
- .list-no-bullet {
- list-style-type: none;
- }
- .li-column {
- display: inline-block;
- min-width: 7em;
- margin-right: 1em;
- padding: 1px 4px;
- margin: 2px 2px;
- }
- .li-column span.data {
- margin-left: 0.5em;
- min-width: 10em;
- text-align: right;
- display: inline-block;
- }
- .ng-cloak {
- display: none !important;
- }
- .table th {
- white-space: nowrap;
- font-weight: 400;
- }
- .table td {
- /*padding-left: 20px !important;*/
- }
- .table td.small-data {
- white-space: nowrap;
- }
- /* Removing text decoration on anchor link hover pull request: #4135 */
- .table td.small-data span a:hover {
- text-decoration: none;
- }
- table.table-condensed {
- table-layout: fixed;
- }
- table.table-dynamic {
- word-wrap: break-word;
- word-break: break-all;
- }
- table.table-condensed td,
- table.table-condensed th {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- table.table-condensed td.no-overflow-ellipse {
- white-space: normal;
- }
- table.table-auto {
- table-layout: auto;
- }
- table.table-auto th {
- width: 1px;
- }
- table.table-auto td {
- max-width: 0px;
- }
- /* Wrap long file paths to prevent text overflow. See issue #6268. */
- .file-path {
- word-break: break-all;
- }
- .folder-advanced {
- padding: 1rem;
- margin-bottom: 15px;
- }
- .folder-advanced-toggle {
- cursor: pointer;
- }
- .folder-advanced-toggle .collapse,
- .folder-advanced-toggle.collapsed .expand {
- display: inline-block;
- }
- .folder-advanced-toggle.collapsed .collapse,
- .folder-advanced-toggle .expand{
- display: none;
- }
- *[language-select] > .dropdown-menu {
- width: 450px;
- }
- *[language-select] > .dropdown-menu > li {
- float: left;
- width: 50%;
- }
- *[language-select] > .dropdown-menu > li > a {
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .nav>li{
- float: left;
- }
- .navbar-right {
- /* to align with panel */
- padding-right: 15px;
- float: right;
- }
- .panel-body .table-condensed {
- margin-bottom: 0;
- }
- .dl-horizontal.dl-narrow dt {
- width: 40px;
- }
- .dl-horizontal.dl-narrow dd {
- margin-left: 60px;
- }
- /**
- * Panel, Model and Accordion Title bars
- */
- .panel-icon {
- float: left;
- margin-right: 15px;
- margin-top: 0.125em;
- margin-bottom: 0.125em;
- line-height: 1;
- }
- .modal-title .panel-icon {
- margin-top: 0.25em;
- margin-bottom: 0.25em;
- }
- button.panel-heading {
- display: block;
- position: relative;
- width: 100%;
- text-align: left;
- border-top-width: 0;
- border-left-width: 0;
- border-right-width: 0;
- border-radius: 0 !important;
- }
- .panel-heading .panel-title-text {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- }
- .panel-heading .panel-status {
- margin-left:15px;
- }
- identicon {
- width: 1em;
- height: 1em;
- line-height: 1;
- }
- .identicon {
- width: 1em;
- height: 1em;
- shape-rendering: crispEdges;
- }
- a.toggler {
- color: inherit;
- }
- a.toggler:hover {
- border-bottom: 1px dashed;
- text-decoration: none;
- }
- /**
- * Panel padding decrease
- */
- .panel-collapse .panel-body {
- padding: 5px;
- }
- /**
- * Progress bars with centered text
- */
- .progress {
- margin-bottom: 0px;
- position: relative;
- }
- .progress span.frontal {
- text-align: center;
- position: absolute;
- display: block;
- width: 100%;
- }
- .three-columns {
- -webkit-column-count: 3;
- -moz-column-count: 3;
- column-count: 3;
- }
- .two-columns {
- -webkit-column-count: 2;
- -moz-column-count: 2;
- column-count: 2;
- }
- ul.three-columns li, ul.two-columns li {
- padding-left: 0.5em;
- text-indent: -0.5em;
- }
- .navbar-fixed-bottom {
- z-index: 980;
- }
- /** Footer nav on small devices **/
- @media (max-width: 1199px) {
- /* Stay at the end of the page, with space reserved for the footer
- usually taking up two rows. */
- html {
- position: relative;
- min-height: 100%;
- }
- body {
- padding-bottom: 60px;
- }
- .navbar-fixed-bottom {
- position: absolute;
- }
- }
- @media (max-width: 768px) {
- /* Layout after the normal contents, as this is when the footer switches
- to a vertical layout. */
- body {
- padding-bottom: 0px;
- }
- .navbar-brand {
- margin: 3.25px -15px;
- }
- .navbar-fixed-bottom {
- position: relative;
- }
- .navbar-nav .open .dropdown-menu {
- position: absolute;
- left: auto;
- right: 0;
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border: 1px solid rgba(0, 0, 0, 0.15);
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- border-radius: 2px;
- }
- *[language-select] {
- position: static !important;
- }
- *[language-select] > .dropdown-menu {
- margin-left: 15px;
- margin-right: 15px;
- margin-top: -12px !important;
- max-width: 450px;
- height: 265px;
- overflow-y: scroll;
- }
- table.table-condensed td,
- table.table-condensed th {
- /* for mobile phones to allow linebreaks in long repro folder/shared with
- * columns. */
- white-space: normal;
- }
- .two-columns {
- -webkit-column-count: 1;
- -moz-column-count: 1;
- column-count: 1;
- }
- }
- @media (max-width:479px) {
- nav .dropdown-toggle {
- font-size: 1em;
- }
- .navbar-nav .open .dropdown-menu > li > a {
- padding: 12px 15px 12px 25px;
- }
- .navbar-fixed-bottom li {
- width: 100%;
- }
- }
- .tab-content {
- padding-top: 10px;
- }
- .fancytree-ext-table {
- width: 100% !important;
- }
- @media (max-width: 419px) {
- /* the selectors are build to target only the content of folder and device
- panels as it would "destroy" e.g. out of sync or recent changes listings */
- div[id^='device-'].panel-collapse table,
- div[id^='folder-'].panel-collapse table,
- div[id^='device-'].panel-collapse tbody,
- div[id^='folder-'].panel-collapse tbody,
- div[id^='device-'].panel-collapse tr,
- div[id^='folder-'].panel-collapse tr {
- display: block;
- }
- div[id^='device-'].panel-collapse th,
- div[id^='folder-'].panel-collapse th,
- div[id^='device-'].panel-collapse td,
- div[id^='folder-'].panel-collapse td {
- display: block;
- max-width: 100%;
- width: 100%;
- }
- /* all buttons, except panel headings, get bottom margin, as they won't fit
- beside each other anymore */
- .btn:not(.panel-heading),
- /* this "+"-selector is needed to override some bootstrap defaults */
- .btn:not(.panel-heading) + .btn:not(.panel-heading) {
- margin-bottom: 1rem;
- }
- }
- .form-horizontal .form-group {
- margin-bottom: 5px;
- }
- .form-horizontal {
- margin-bottom: 10px;
- }
- /* Use the same style as Bootstrap uses for disabled <select>. */
- .form-control option[disabled] {
- background-color: #eeeeee;
- opacity: 1;
- }
- /* Make a "well" look more like a readonly text input when grouped with a button */
- .input-group .well-sm {
- padding-top: 6px;
- padding-bottom: 6px;
- }
|