d4708
/
qBittorrent
mirror of https://github.com/d47081/qBittorrent.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

[Web UI] Tabs indentation replaced with spaces

adaptive-webui-19844
ngosang 10 years ago
parent
d6caf1c839
commit
973518694e
1 changed files with 215 additions and 207 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 422
      src/webui/www/public/css/style.css

422
src/webui/www/public/css/style.css
Unescape View File

@ -8,400 +8,408 @@ a img,:link img,:visited img { border: none; }
/* Structure */ /* Structure */
body { body {
margin: 0; margin: 0;
text-align: left; text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
color: #555; color: #555;
} }
.aside { .aside {
width: 300px; width: 300px;
} }
.invisible { .invisible {
display: none; display: none;
} }
/* Typography */ /* Typography */
h2, h3, h4 { h2, h3, h4 {
margin: 0; margin: 0;
padding: 0 0 5px 0; padding: 0 0 5px 0;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #333; color: #333;
} }
h2 { h2 {
font-size: 14px; font-size: 14px;
color: #555; color: #555;
font-weight: bold; font-weight: bold;
} }
#mochaPage h3 { #mochaPage h3 {
display: block; display: block;
font-size: 12px; font-size: 12px;
padding: 6px 0 6px 0; padding: 6px 0 6px 0;
margin: 0 0 8px 0; margin: 0 0 8px 0;
border-bottom: 1px solid #bbb; border-bottom: 1px solid #bbb;
} }
#error_div { #error_div {
color: #f00; color: #f00;
font-weight: bold; font-weight: bold;
} }
h4 { h4 {
font-size: 11px; font-size: 11px;
} }
a { a {
color: #e60; color: #e60;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
} }
a:hover { a:hover {
text-decoration: none; text-decoration: none;
} }
p { p {
margin: 0; margin: 0;
padding: 0 0 9px 0; padding: 0 0 9px 0;
} }
/* List Elements */ /* List Elements */
ul { ul {
list-style: outside; list-style: outside;
margin: 0 0 9px 16px; margin: 0 0 9px 16px;
} }
dt { dt {
font-weight: bold; font-weight: bold;
} }
dd { dd {
padding: 0 0 9px 0; padding: 0 0 9px 0;
} }
/* Code */ /* Code */
pre { pre {
background-color: #f6f6f6; background-color: #f6f6f6;
color: #006600; color: #006600;
display: block; display: block;
font-family: 'Courier New', Courier, monospace; font-family: 'Courier New', Courier, monospace;
font-size: 11px; font-size: 11px;
max-height: 250px; max-height: 250px;
overflow: auto; overflow: auto;
margin: 0 0 10px 0; margin: 0 0 10px 0;
padding: 10px; padding: 10px;
border: 1px solid #d1d7dc; border: 1px solid #d1d7dc;
} }
/* Dividers */ /* Dividers */
hr { hr {
background-color: #ddd; background-color: #ddd;
color: #ccc; color: #ccc;
height: 1px; height: 1px;
border: 0px; border: 0px;
} }
.vcenter { .vcenter {
vertical-align: middle; vertical-align: middle;
} }
#urls { #urls {
width:90%; width:90%;
height:100%; height:100%;
} }
#trackersUrls { #trackersUrls {
width:90%; width:90%;
height:100%; height:100%;
} }
#Filters ul { #Filters ul {
list-style-type: none; list-style-type: none;
} }
#Filters ul li { #Filters ul li {
margin-left: -16px; margin-left: -16px;
} }
#Filters ul img { #Filters ul img {
padding: 2px 4px; padding: 2px 4px;
vertical-align: middle; vertical-align: middle;
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
.selectedFilter { .selectedFilter {
background-color: #354158; background-color: #354158;
color: #000; color: #000;
} }
#properties { #properties {
background-color: #e5e5e5; background-color: #e5e5e5;
} }
a.propButton { a.propButton {
border: 1px solid rgb(85, 81, 91); border: 1px solid rgb(85, 81, 91);
/*border-radius: 3px;*/ /*border-radius: 3px;*/
padding: 2px; padding: 2px;
margin-left: 3px; margin-left: 3px;
margin-right: 3px; margin-right: 3px;
} }
a.propButton img { a.propButton img {
margin-bottom: -4px; margin-bottom: -4px;
} }
/* context menu specific */ /* context menu specific */
#contextmenu { border:1px solid #999; padding:0; background:#eee; list-style-type:none; display:none;}
#contextmenu .separator { border-top:1px solid #999; } #contextmenu { border:1px solid #999; padding:0; background:#eee; list-style-type:none; display:none;}
#contextmenu li { margin:0; padding:0;} #contextmenu .separator { border-top:1px solid #999; }
#contextmenu li { margin:0; padding:0;}
#contextmenu li a { display:block; padding:5px 10px 5px 5px; font-size:12px; text-decoration:none; font-family:tahoma,arial,sans-serif; color:#000; } #contextmenu li a { display:block; padding:5px 10px 5px 5px; font-size:12px; text-decoration:none; font-family:tahoma,arial,sans-serif; color:#000; }
#contextmenu li a:hover { background-color:#ddd; } #contextmenu li a:hover { background-color:#ddd; }
#contextmenu li a.disabled { color:#ccc; font-style:italic; } #contextmenu li a.disabled { color:#ccc; font-style:italic; }
#contextmenu li a.disabled:hover { background-color:#eee; } #contextmenu li a.disabled:hover { background-color:#eee; }
#contextmenu li ul { #contextmenu li ul {
padding: 0; padding: 0;
border:1px solid #999; padding:0; background:#eee; border:1px solid #999; padding:0; background:#eee;
list-style-type:none; list-style-type:none;
position: absolute; position: absolute;
left: -999em; left: -999em;
z-index: 8000; z-index: 8000;
margin: -29px 0 0 100%; margin: -29px 0 0 100%;
width: 164px; width: 164px;
} }
#contextmenu li ul li a { #contextmenu li ul li a {
position: relative; position: relative;
} }
#contextmenu li a.arrow-right, #contextmenu li a:hover.arrow-right { #contextmenu li a.arrow-right, #contextmenu li a:hover.arrow-right {
background-image: url(../images/skin/arrow-right.gif); background-image: url(../images/skin/arrow-right.gif);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right center; background-position: right center;
} }
#contextmenu li:hover ul, #contextmenu li:hover ul,
#contextmenu li.ieHover ul, #contextmenu li.ieHover ul,
#contextmenu li li.ieHover ul, #contextmenu li li.ieHover ul,
#contextmenu li li li.ieHover ul, #contextmenu li li li.ieHover ul,
#contextmenu li li:hover ul, #contextmenu li li:hover ul,
#contextmenu li li li:hover ul { /* lists nested under hovered list items */ #contextmenu li li li:hover ul { /* lists nested under hovered list items */
left: auto; left: auto;
} }
#contextmenu li img { #contextmenu li img {
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-bottom: -4px; margin-bottom: -4px;
-ms-interpolation-mode : bicubic; -ms-interpolation-mode : bicubic;
} }
/* Sliders */ /* Sliders */
.slider { .slider {
clear: both; clear: both;
position: relative; position: relative;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
width: 400px; width: 400px;
margin-bottom: 15px; margin-bottom: 15px;
} }
.sliderWrapper { .sliderWrapper {
position: relative; position: relative;
font-size: 1px; font-size: 1px;
line-height: 1px; line-height: 1px;
height: 9px; height: 9px;
width: 422px; width: 422px;
} }
.sliderarea { .sliderarea {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
height: 7px; height: 7px;
width: 420px; width: 420px;
font-size: 1px; font-size: 1px;
line-height: 1px; line-height: 1px;
background: #f2f2f2 url(../images/skin/slider-area.gif) repeat-x; background: #f2f2f2 url(../images/skin/slider-area.gif) repeat-x;
border: 1px solid #a3a3a3; border: 1px solid #a3a3a3;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
} }
.sliderknob { .sliderknob {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
height: 9px; height: 9px;
width: 19px; width: 19px;
font-size: 1px; font-size: 1px;
line-height: 1px; line-height: 1px;
background: url(../images/skin/knob.gif) no-repeat; background: url(../images/skin/knob.gif) no-repeat;
cursor: pointer; cursor: pointer;
overflow: hidden; overflow: hidden;
z-index: 2; z-index: 2;
} }
.update { .update {
padding-bottom: 5px; padding-bottom: 5px;
} }
.mochaToolButton { .mochaToolButton {
margin-right: 10px; margin-right: 10px;
} }
/* Mocha Customization */ /* Mocha Customization */
#mochaToolbar { #mochaToolbar {
margin-top: 5px; margin-top: 5px;
} }
#mochaToolbar .divider { #mochaToolbar .divider {
background-image: url(../images/skin/toolbox-divider.gif); background-image: url(../images/skin/toolbox-divider.gif);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
padding-left: 14px; padding-left: 14px;
padding-top: 15px; padding-top: 15px;
} }
.MyMenuIcon { .MyMenuIcon {
margin-left: -18px; margin-left: -18px;
margin-bottom: -3px; margin-bottom: -3px;
padding-right: 5px; padding-right: 5px;
} }
/* Tri-state checkbox */ /* Tri-state checkbox */
label.tristate { label.tristate {
background: url(../images/3-state-checkbox.gif) 0 0 no-repeat; background: url(../images/3-state-checkbox.gif) 0 0 no-repeat;
display: block; display: block;
float: left; float: left;
height: 13px; height: 13px;
margin: .15em 8px 5px 0px; margin: .15em 8px 5px 0px;
overflow: hidden; overflow: hidden;
text-indent: -999em; text-indent: -999em;
width: 13px; width: 13px;
} }
label.checked { background-position: 0 -13px; }
label.partial { background-position: 0 -26px; } label.checked {
background-position: 0 -13px;
}
label.partial {
background-position: 0 -26px;
}
fieldset.settings { fieldset.settings {
border: solid 1px black; border: solid 1px black;
border-radius: 8px; border-radius: 8px;
-webkit-border-radius: 8px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; -moz-border-radius: 8px;
padding: 4px 4px 4px 10px; padding: 4px 4px 4px 10px;
} }
fieldset.settings legend { fieldset.settings legend {
margin-left: 8px; margin-left: 8px;
padding: 4px; padding: 4px;
font-weight: bold; font-weight: bold;
} }
fieldset.settings label { fieldset.settings label {
padding: 2px; padding: 2px;
} }
fieldset.settings .leftLabelSmall { fieldset.settings .leftLabelSmall {
width: 5em; width: 5em;
float: left; float: left;
text-align: right; text-align: right;
margin-right: 0.5em; margin-right: 0.5em;
display: block; display: block;
} }
fieldset.settings .leftLabelLarge { fieldset.settings .leftLabelLarge {
width: 14em; width: 14em;
float: left; float: left;
text-align: right; text-align: right;
margin-right: 0.5em; margin-right: 0.5em;
display: block; display: block;
} }
div.formRow { div.formRow {
clear: left; clear: left;
display: block; display: block;
} }
ul.filterList { ul.filterList {
margin: 0 0 0 16px; margin: 0 0 0 16px;
padding-left: 0; padding-left: 0;
} }
ul.filterList a { ul.filterList a {
display: block; display: block;
} }
ul.filterList li:hover { ul.filterList li:hover {
background-color: #e60; background-color: #e60;
} }
ul.filterList li:hover a { ul.filterList li:hover a {
color: white; color: white;
} }
#filesTable { #filesTable {
line-height: 20px; line-height: 20px;
} }
#trackersTable { #trackersTable {
line-height: 25px; line-height: 25px;
} }
#addTrackersPlus { #addTrackersPlus {
width: 16px; width: 16px;
cursor: pointer; cursor: pointer;
margin-bottom: -3px; margin-bottom: -3px;
} }
.torrentTable th { .torrentTable th {
padding: 5px 10px; padding: 5px 10px;
} }
.torrentTable td { .torrentTable td {
padding: 0px 3px; padding: 0px 3px;
} }
.torrentTable thead tr { .torrentTable thead tr {
background-color: #eee; background-color: #eee;
} }
#prop_general { #prop_general {
padding: 2px; padding: 2px;
} }
#watched_folders_tab { #watched_folders_tab {
border-collapse: collapse; border-collapse: collapse;
} }
#watched_folders_tab td, #watched_folders_tab th { #watched_folders_tab td, #watched_folders_tab th {
padding: 2px 4px; padding: 2px 4px;
border: 1px solid black; border: 1px solid black;
} }
/* /*
* Workaround to prevent the transfer list from * Workaround to prevent the transfer list from
* disappearing when zooming in the browser. * disappearing when zooming in the browser.
*/ */
#filtersColumn_handle { #filtersColumn_handle {
margin-left: -1px; margin-left: -1px;
} }
#error_div { #error_div {
float: left; float: left;
font-size: 14px; font-size: 14px;
} }
.combo_priority { .combo_priority {
font-size: 1em; font-size: 1em;
} }

Write Preview
Loading…
Cancel
Save