mirror of
https://github.com/qbittorrent/qBittorrent.git
synced 2025-12-24 01:08:06 -06:00
27d8dbf13b
Normalize Web API method names. Allow to use alternative Web UI. Switch Web API version to standard form (i.e. "2.0"). Improve Web UI translation code. Retranslate changed files. Add Web API for RSS subsystem.
482 lines
8.0 KiB
CSS
482 lines
8.0 KiB
CSS
/* Reset */
|
|
|
|
/*ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }*/
|
|
a img,:link img,:visited img { border: none; }
|
|
/*table { border-collapse: collapse; border-spacing: 0; }*/
|
|
:focus { outline: none; }
|
|
|
|
/* Structure */
|
|
|
|
body {
|
|
margin: 0;
|
|
text-align: left;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
color: #555;
|
|
}
|
|
|
|
.aside {
|
|
width: 300px;
|
|
}
|
|
|
|
.invisible {
|
|
display: none;
|
|
}
|
|
|
|
/* Typography */
|
|
|
|
h2, h3, h4 {
|
|
margin: 0;
|
|
padding: 0 0 5px 0;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #333;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 14px;
|
|
color: #555;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#mochaPage h3 {
|
|
display: block;
|
|
font-size: 12px;
|
|
padding: 6px 0 6px 0;
|
|
margin: 0 0 8px 0;
|
|
border-bottom: 1px solid #bbb;
|
|
}
|
|
|
|
#error_div {
|
|
color: #f00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 11px;
|
|
}
|
|
|
|
a {
|
|
color: #e60;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
padding: 0 0 9px 0;
|
|
}
|
|
|
|
/* List Elements */
|
|
|
|
ul {
|
|
list-style: outside;
|
|
margin: 0 0 9px 16px;
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold;
|
|
}
|
|
|
|
dd {
|
|
padding: 0 0 9px 0;
|
|
}
|
|
|
|
/* Code */
|
|
|
|
pre {
|
|
background-color: #f6f6f6;
|
|
color: #006600;
|
|
display: block;
|
|
font-family: 'Courier New', Courier, monospace;
|
|
font-size: 11px;
|
|
max-height: 250px;
|
|
overflow: auto;
|
|
margin: 0 0 10px 0;
|
|
padding: 10px;
|
|
border: 1px solid #d1d7dc;
|
|
}
|
|
|
|
/* Dividers */
|
|
|
|
hr {
|
|
background-color: #ddd;
|
|
color: #ccc;
|
|
height: 1px;
|
|
border: 0px;
|
|
}
|
|
|
|
.vcenter {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#urls {
|
|
width:90%;
|
|
height:100%;
|
|
}
|
|
|
|
#trackersUrls {
|
|
width:90%;
|
|
height:100%;
|
|
}
|
|
|
|
#Filters ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
#Filters ul li {
|
|
margin-left: -16px;
|
|
}
|
|
|
|
#Filters ul img {
|
|
padding: 2px 4px;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
.selectedFilter {
|
|
background-color: #415A8D;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.selectedFilter a {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#properties {
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
a.propButton {
|
|
border: 1px solid rgb(85, 81, 91);
|
|
/*border-radius: 3px;*/
|
|
padding: 2px;
|
|
margin-left: 3px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
a.propButton img {
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
.scrollableMenu {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
/* 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 li { margin:0; padding:0;}
|
|
.contextMenu li a {
|
|
display: block;
|
|
padding: 5px 20px 5px 5px;
|
|
font-size: 12px;
|
|
text-decoration: none;
|
|
font-family: tahoma,arial,sans-serif;
|
|
color: #000;
|
|
white-space: nowrap;
|
|
}
|
|
.contextMenu li a:hover { background-color:#ddd; }
|
|
.contextMenu li a.disabled { color:#ccc; font-style:italic; }
|
|
.contextMenu li a.disabled:hover { background-color:#eee; }
|
|
.contextMenu li ul {
|
|
padding: 0;
|
|
border:1px solid #999; padding:0; background:#eee;
|
|
list-style-type:none;
|
|
position: absolute;
|
|
left: -999em;
|
|
z-index: 8000;
|
|
margin: -29px 0 0 100%;
|
|
width: 164px;
|
|
}
|
|
.contextMenu li ul li a {
|
|
position: relative;
|
|
}
|
|
.contextMenu li a.arrow-right, .contextMenu li a:hover.arrow-right {
|
|
background-image: url(../images/skin/arrow-right.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
}
|
|
.contextMenu li:hover ul,
|
|
.contextMenu li.ieHover ul,
|
|
.contextMenu li li.ieHover ul,
|
|
.contextMenu li li li.ieHover ul,
|
|
.contextMenu li li:hover ul,
|
|
.contextMenu li li li:hover ul { /* lists nested under hovered list items */
|
|
left: auto;
|
|
}
|
|
|
|
.contextMenu li img {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-bottom: -4px;
|
|
-ms-interpolation-mode : bicubic;
|
|
}
|
|
|
|
/* Sliders */
|
|
|
|
.slider {
|
|
clear: both;
|
|
position: relative;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
width: 400px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.sliderWrapper {
|
|
position: relative;
|
|
font-size: 1px;
|
|
line-height: 1px;
|
|
height: 9px;
|
|
width: 422px;
|
|
}
|
|
|
|
.sliderarea {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 7px;
|
|
width: 420px;
|
|
font-size: 1px;
|
|
line-height: 1px;
|
|
background: #f2f2f2 url(../images/skin/slider-area.gif) repeat-x;
|
|
border: 1px solid #a3a3a3;
|
|
border-bottom: 1px solid #ccc;
|
|
border-left: 1px solid #ccc;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sliderknob {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 9px;
|
|
width: 19px;
|
|
font-size: 1px;
|
|
line-height: 1px;
|
|
background: url(../images/skin/knob.gif) no-repeat;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
z-index: 2;
|
|
}
|
|
|
|
.update {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.mochaToolButton {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Mocha Customization */
|
|
#mochaToolbar {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#mochaToolbar .divider {
|
|
background-image: url(../images/skin/toolbox-divider.gif);
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
padding-left: 14px;
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.MyMenuIcon {
|
|
margin-left: -18px;
|
|
margin-bottom: -3px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
/* Tri-state checkbox */
|
|
|
|
label.tristate {
|
|
background: url(../images/3-state-checkbox.gif) 0 0 no-repeat;
|
|
display: block;
|
|
float: left;
|
|
height: 13px;
|
|
margin: .15em 8px 5px 0px;
|
|
overflow: hidden;
|
|
text-indent: -999em;
|
|
width: 13px;
|
|
}
|
|
|
|
label.checked {
|
|
background-position: 0 -13px;
|
|
}
|
|
|
|
label.partial {
|
|
background-position: 0 -26px;
|
|
}
|
|
|
|
fieldset.settings {
|
|
border: solid 1px black;
|
|
border-radius: 8px;
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
padding: 4px 4px 4px 10px;
|
|
}
|
|
|
|
fieldset.settings legend {
|
|
margin-left: 8px;
|
|
padding: 4px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
fieldset.settings label {
|
|
padding: 2px;
|
|
}
|
|
|
|
fieldset.settings .leftLabelSmall {
|
|
width: 5em;
|
|
float: left;
|
|
text-align: right;
|
|
margin-right: 0.5em;
|
|
display: block;
|
|
}
|
|
|
|
fieldset.settings .leftLabelLarge {
|
|
width: 14em;
|
|
float: left;
|
|
text-align: right;
|
|
margin-right: 0.5em;
|
|
display: block;
|
|
}
|
|
|
|
div.formRow {
|
|
clear: left;
|
|
display: block;
|
|
}
|
|
|
|
.filterTitle {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
ul.filterList {
|
|
margin: 0 0 0 16px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
ul.filterList a {
|
|
display: block;
|
|
}
|
|
|
|
ul.filterList li:hover {
|
|
background-color: #e60;
|
|
}
|
|
|
|
ul.filterList li:hover a {
|
|
color: white;
|
|
}
|
|
|
|
td.generalLabel {
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
width: 1px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#filesTable {
|
|
line-height: 20px;
|
|
}
|
|
|
|
#trackersTable, #webseedsTable {
|
|
line-height: 25px;
|
|
}
|
|
|
|
#addTrackersPlus {
|
|
width: 16px;
|
|
cursor: pointer;
|
|
margin-bottom: -3px;
|
|
}
|
|
|
|
.unselectable {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#prop_general {
|
|
padding: 2px;
|
|
}
|
|
|
|
#watched_folders_tab {
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#watched_folders_tab td, #watched_folders_tab th {
|
|
padding: 2px 4px;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.select-watched-folder-editable {
|
|
position:relative;
|
|
background-color: white;
|
|
border: solid grey 1px;
|
|
width: 160px;
|
|
height: 20px;
|
|
}
|
|
|
|
.select-watched-folder-editable select {
|
|
position: absolute;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
border: none;
|
|
width: 160px;
|
|
margin: 0;
|
|
}
|
|
|
|
.select-watched-folder-editable input {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 140px;
|
|
padding: 1px;
|
|
border: none;
|
|
}
|
|
|
|
.select-watched-folder-editable select:focus, .select-editable input:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/*
|
|
* Workaround to prevent the transfer list from
|
|
* disappearing when zooming in the browser.
|
|
*/
|
|
#filtersColumn_handle {
|
|
margin-left: -1px;
|
|
}
|
|
|
|
#error_div {
|
|
float: left;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.combo_priority {
|
|
font-size: 1em;
|
|
}
|
|
|
|
td.statusBarSeparator {
|
|
width: 22px;
|
|
background-image: url('../images/skin/toolbox-divider.gif');
|
|
background-repeat: no-repeat;
|
|
background-position: center 1px;
|
|
background-size: 2px 18px;
|
|
}
|