mirror of
https://github.com/d47081/qBittorrent.git
synced 2025-01-11 15:27:54 +00:00
Sort CSS properties
This commit is contained in:
Chocobo1
parent
b2081faf87
commit
af49a4dd5a
@ -28,12 +28,12 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#desktop {
|
#desktop {
|
||||||
position: relative;
|
cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */
|
||||||
min-width: 400px; /* Helps keep header content from wrapping */
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
|
min-width: 400px; /* Helps keep header content from wrapping */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopHeader {
|
#desktopHeader {
|
||||||
@ -41,35 +41,35 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#desktopTitlebarWrapper {
|
#desktopTitlebarWrapper {
|
||||||
position: relative;
|
background: #718ba6 url(../images/bg-header.gif) repeat-x;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: #718ba6 url(../images/bg-header.gif) repeat-x;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopTitlebar {
|
#desktopTitlebar {
|
||||||
padding: 7px 8px 6px 8px;
|
|
||||||
height: 32px;
|
|
||||||
background: url(../images/logo.gif) no-repeat;
|
background: url(../images/logo.gif) no-repeat;
|
||||||
background-position: left 0;
|
background-position: left 0;
|
||||||
|
height: 32px;
|
||||||
|
padding: 7px 8px 6px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopTitlebar h1.applicationTitle {
|
#desktopTitlebar h1.applicationTitle {
|
||||||
|
color: #fff;
|
||||||
display: none;
|
display: none;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 25px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 5px 0 0;
|
padding: 0 5px 0 0;
|
||||||
font-size: 20px;
|
|
||||||
line-height: 25px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopTitlebar h2.tagline {
|
#desktopTitlebar h2.tagline {
|
||||||
padding: 7px 0 0 0;
|
color: #d4dce4;
|
||||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
color: #d4dce4;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
padding: 7px 0 0 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
@ -80,14 +80,14 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#topNav {
|
#topNav {
|
||||||
|
color: #d4dce4;
|
||||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
|
padding: 13px 10px 0 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
|
||||||
color: #d4dce4;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 13px 10px 0 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#topNav a {
|
#topNav a {
|
||||||
@ -103,20 +103,18 @@ body {
|
|||||||
|
|
||||||
#desktopNavbar {
|
#desktopNavbar {
|
||||||
background: #f2f2f2;
|
background: #f2f2f2;
|
||||||
/*height: 30px;*/
|
/*background-color: #ccc;*/
|
||||||
|
border-bottom: 1px solid #3f3f3f;
|
||||||
|
height: 20px;
|
||||||
margin: 0 0px;
|
margin: 0 0px;
|
||||||
overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
|
overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
|
||||||
/* Fixes by Chris */
|
|
||||||
/*background-color: #ccc;*/
|
|
||||||
height: 20px;
|
|
||||||
border-bottom: 1px solid #3f3f3f;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar ul {
|
#desktopNavbar ul {
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
list-style: none;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar > ul > li {
|
#desktopNavbar > ul > li {
|
||||||
@ -128,34 +126,30 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar ul li a {
|
#desktopNavbar ul li a {
|
||||||
/*padding: 6px 10px 6px 10px;*/
|
|
||||||
color: #333;
|
color: #333;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
/* Fix by Chris */
|
|
||||||
padding: 2px 10px 6px 10px;
|
padding: 2px 10px 6px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar ul li a:hover {
|
#desktopNavbar ul li a:hover {
|
||||||
color: #333;
|
|
||||||
/* Fix By Chris */
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar ul li a.arrow-right,
|
#desktopNavbar ul li a.arrow-right,
|
||||||
#desktopNavbar ul li a:hover.arrow-right {
|
#desktopNavbar ul li a:hover.arrow-right {
|
||||||
background-image: url(../images/arrow-right.gif);
|
background-image: url(../images/arrow-right.gif);
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: right 7px;
|
background-position: right 7px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar li ul {
|
#desktopNavbar li ul {
|
||||||
border: 1px solid #3f3f3f;
|
|
||||||
background: #fff url(../images/bg-dropdown.gif) repeat-y;
|
background: #fff url(../images/bg-dropdown.gif) repeat-y;
|
||||||
position: absolute;
|
border: 1px solid #3f3f3f;
|
||||||
left: -999em;
|
left: -999em;
|
||||||
z-index: 8000;
|
|
||||||
/* Fix by Chris */
|
|
||||||
margin-top: -6px;
|
margin-top: -6px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 8000;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar li:hover ul ul,
|
#desktopNavbar li:hover ul ul,
|
||||||
@ -171,32 +165,29 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar li ul li .check {
|
#desktopNavbar li ul li .check {
|
||||||
|
background: #555;
|
||||||
|
font-size: 1px;
|
||||||
|
height: 5px;
|
||||||
|
left: 6px;
|
||||||
|
line-height: 1px;
|
||||||
|
overflow: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 8px;
|
top: 8px;
|
||||||
left: 6px;
|
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 5px;
|
|
||||||
background: #555;
|
|
||||||
overflow: hidden;
|
|
||||||
line-height: 1px;
|
|
||||||
font-size: 1px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar li ul li a {
|
#desktopNavbar li ul li a {
|
||||||
position: relative;
|
|
||||||
/*padding: 1px 9px 1px 25px;*/
|
|
||||||
min-width: 120px;
|
|
||||||
color: #3f3f3f;
|
color: #3f3f3f;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
/* Fix By Chris */
|
min-width: 120px;
|
||||||
padding: 1px 10px 1px 20px;
|
padding: 1px 10px 1px 20px;
|
||||||
/* Reduce left padding */
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar li ul li a:hover {
|
#desktopNavbar li ul li a:hover {
|
||||||
background: #6c98d9;
|
background: #6c98d9;
|
||||||
color: #fff;
|
|
||||||
-moz-border-radius: 2px;
|
-moz-border-radius: 2px;
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopNavbar li ul li a:hover .check {
|
#desktopNavbar li ul li a:hover .check {
|
||||||
@ -219,36 +210,36 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
li.divider {
|
li.divider {
|
||||||
|
border-top: 1px solid #ebebeb;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
border-top: 1px solid #ebebeb;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#pageWrapper {
|
#pageWrapper {
|
||||||
position: relative;
|
|
||||||
overflow: hidden; /* This can be set to hidden or auto */
|
|
||||||
border-top: 1px solid #909090;
|
|
||||||
border-bottom: 1px solid #909090;
|
border-bottom: 1px solid #909090;
|
||||||
|
border-top: 1px solid #909090;
|
||||||
|
overflow: hidden; /* This can be set to hidden or auto */
|
||||||
|
position: relative;
|
||||||
/*height: 100%;*/
|
/*height: 100%;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
|
|
||||||
#desktopFooterWrapper {
|
#desktopFooterWrapper {
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
left: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopFooter {
|
#desktopFooter {
|
||||||
|
background: #f2f2f2;
|
||||||
font-family: Verdana, Arial, Helvetica, sans-serif;
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
padding: 6px 8px 0 8px;
|
padding: 6px 8px 0 8px;
|
||||||
background: #f2f2f2;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Panel Layout
|
/* Panel Layout
|
||||||
@ -257,18 +248,18 @@ li.divider {
|
|||||||
/* Columns */
|
/* Columns */
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
position: relative;
|
|
||||||
float: left;
|
float: left;
|
||||||
overflow: hidden; /* Required by IE6 */
|
overflow: hidden; /* Required by IE6 */
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Panels */
|
/* Panels */
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
position: relative;
|
|
||||||
overflow: auto;
|
|
||||||
background: #f8f8f8;
|
background: #f8f8f8;
|
||||||
border-bottom: 1px solid #b9b9b9;
|
border-bottom: 1px solid #b9b9b9;
|
||||||
|
overflow: auto;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panelWrapper.collapsed .panel-header {
|
.panelWrapper.collapsed .panel-header {
|
||||||
@ -292,11 +283,11 @@ li.divider {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.panel-header {
|
.panel-header {
|
||||||
position: relative;
|
|
||||||
background: #f1f1f1 url(../images/bg-panel-header.gif) repeat-x;
|
background: #f1f1f1 url(../images/bg-panel-header.gif) repeat-x;
|
||||||
|
border-bottom: 1px solid #d3d3d3;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-bottom: 1px solid #d3d3d3;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-headerContent {
|
.panel-headerContent {
|
||||||
@ -309,13 +300,13 @@ li.divider {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.panel-header h2 {
|
.panel-header h2 {
|
||||||
|
color: #333;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin: 0;
|
|
||||||
padding: 3px 8px 0 8px;
|
|
||||||
height: 22px;
|
height: 22px;
|
||||||
|
margin: 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
color: #333;
|
padding: 3px 8px 0 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-collapse {
|
.panel-collapse {
|
||||||
@ -328,18 +319,18 @@ li.divider {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.icon16 {
|
.icon16 {
|
||||||
margin: 4px 0 0 2px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
margin: 4px 0 0 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Column and Panel Handles */
|
/* Column and Panel Handles */
|
||||||
|
|
||||||
.horizontalHandle {
|
.horizontalHandle {
|
||||||
|
background: #eee url(../images/bg-handle-horizontal.gif) repeat-x;
|
||||||
|
font-size: 1px;
|
||||||
height: 4px;
|
height: 4px;
|
||||||
line-height: 1px;
|
line-height: 1px;
|
||||||
font-size: 1px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: #eee url(../images/bg-handle-horizontal.gif) repeat-x;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.horizontalHandle.detached .handleIcon {
|
.horizontalHandle.detached .handleIcon {
|
||||||
@ -347,34 +338,34 @@ li.divider {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.horizontalHandle .handleIcon {
|
.horizontalHandle .handleIcon {
|
||||||
margin: 0 auto;
|
|
||||||
height: 4px;
|
|
||||||
line-height: 1px;
|
|
||||||
font-size: 1px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url(../images/handle-icon-horizontal.gif) center center
|
background: url(../images/handle-icon-horizontal.gif) center center
|
||||||
no-repeat;
|
no-repeat;
|
||||||
|
font-size: 1px;
|
||||||
|
height: 4px;
|
||||||
|
line-height: 1px;
|
||||||
|
margin: 0 auto;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.columnHandle {
|
.columnHandle {
|
||||||
min-height: 10px;
|
|
||||||
float: left;
|
|
||||||
width: 4px;
|
|
||||||
overflow: hidden;
|
|
||||||
background: #c3c3c3 url(../images/handle-icon.gif) center center no-repeat;
|
background: #c3c3c3 url(../images/handle-icon.gif) center center no-repeat;
|
||||||
border: 1px solid #909090;
|
border: 1px solid #909090;
|
||||||
border-top: 0;
|
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
|
border-top: 0;
|
||||||
|
float: left;
|
||||||
|
min-height: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
width: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Toolboxes */
|
/* Toolboxes */
|
||||||
|
|
||||||
.toolbox {
|
.toolbox {
|
||||||
float: right;
|
float: right;
|
||||||
margin-top: 3px;
|
|
||||||
padding: 0 5px;
|
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
margin-top: 3px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
padding: 0 5px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -389,16 +380,16 @@ div.toolbox.divider {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.iconWrapper {
|
.iconWrapper {
|
||||||
|
border: 1px solid transparent;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
min-width: 22px;
|
min-width: 22px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: 1px solid transparent;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
* html .iconWrapper {
|
* html .iconWrapper {
|
||||||
padding: 1px;
|
|
||||||
border: 0;
|
border: 0;
|
||||||
|
padding: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconWrapper img {
|
.iconWrapper img {
|
||||||
@ -413,22 +404,22 @@ div.toolbox.divider {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#spinnerWrapper {
|
#spinnerWrapper {
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
background: url(../images/spinner-placeholder.gif) no-repeat;
|
background: url(../images/spinner-placeholder.gif) no-repeat;
|
||||||
|
height: 16px;
|
||||||
margin: 4px 5px 0 5px;
|
margin: 4px 5px 0 5px;
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#spinner {
|
#spinner {
|
||||||
display: none;
|
|
||||||
background: url(../images/spinner.gif) no-repeat;
|
background: url(../images/spinner.gif) no-repeat;
|
||||||
width: 16px;
|
display: none;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#desktopFooter td {
|
#desktopFooter td {
|
||||||
vertical-align: top;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.speedLabel {
|
td.speedLabel {
|
||||||
|
|||||||
@ -18,26 +18,26 @@ Required by:
|
|||||||
/* Toolbar Tabs */
|
/* Toolbar Tabs */
|
||||||
|
|
||||||
.toolbarTabs {
|
.toolbarTabs {
|
||||||
padding: 0 5px 2px 2px;
|
|
||||||
background: url(../images/tabs.gif) repeat-x;
|
background: url(../images/tabs.gif) repeat-x;
|
||||||
background-position: left -70px;
|
background-position: left -70px;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
|
padding: 0 5px 2px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-menu {
|
.tab-menu {
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 16px;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
line-height: 16px;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-menu li {
|
.tab-menu li {
|
||||||
float: left;
|
|
||||||
margin: 0 0 5px 0;
|
|
||||||
cursor: pointer;
|
|
||||||
background: url(../images/tabs.gif) repeat-x;
|
background: url(../images/tabs.gif) repeat-x;
|
||||||
background-position: left -35px;
|
background-position: left -35px;
|
||||||
|
cursor: pointer;
|
||||||
|
float: left;
|
||||||
|
margin: 0 0 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-menu li.selected {
|
.tab-menu li.selected {
|
||||||
@ -46,19 +46,19 @@ Required by:
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tab-menu li a {
|
.tab-menu li a {
|
||||||
|
background: url(../images/tabs.gif) repeat-x;
|
||||||
|
background-position: right -35px;
|
||||||
|
color: #181818;
|
||||||
display: block;
|
display: block;
|
||||||
|
font-weight: normal;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
padding: 6px 15px 5px 9px;
|
padding: 6px 15px 5px 9px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: normal;
|
|
||||||
color: #181818;
|
|
||||||
background: url(../images/tabs.gif) repeat-x;
|
|
||||||
background-position: right -35px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-menu li.selected a {
|
.tab-menu li.selected a {
|
||||||
color: #181818;
|
|
||||||
font-weight: bold;
|
|
||||||
background: url(../images/tabs.gif) repeat-x;
|
background: url(../images/tabs.gif) repeat-x;
|
||||||
background-position: right 0;
|
background-position: right 0;
|
||||||
|
color: #181818;
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -19,15 +19,15 @@ Required by:
|
|||||||
---------------------------------------------------------------- */
|
---------------------------------------------------------------- */
|
||||||
|
|
||||||
.mocha {
|
.mocha {
|
||||||
|
background-color: #e5e5e5;
|
||||||
display: none;
|
display: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color: #e5e5e5;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaOverlay {
|
.mochaOverlay {
|
||||||
|
left: 0;
|
||||||
position: absolute; /* This is also set in theme.js in order to make theme transitions smoother */
|
position: absolute; /* This is also set in theme.js in order to make theme transitions smoother */
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -42,18 +42,18 @@ Required by:
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
.mochaTitlebar {
|
.mochaTitlebar {
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
background: url(../images/spacer.gif?from=fafafa&to=e5e5e5);
|
background: url(../images/spacer.gif?from=fafafa&to=e5e5e5);
|
||||||
|
overflow: hidden;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaTitlebar h3 {
|
.mochaTitlebar h3 {
|
||||||
|
color: #888;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 15px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
line-height: 15px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px 10px 4px 12px;
|
padding: 5px 10px 4px 12px;
|
||||||
color: #888;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mocha.isFocused .mochaTitlebar h3 {
|
.mocha.isFocused .mochaTitlebar h3 {
|
||||||
@ -61,12 +61,12 @@ Required by:
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mochaToolbarWrapper {
|
.mochaToolbarWrapper {
|
||||||
width: 100%; /* For IE */
|
|
||||||
position: relative;
|
|
||||||
height: 29px;
|
|
||||||
background: #f1f1f1;
|
background: #f1f1f1;
|
||||||
overflow: hidden;
|
|
||||||
border-top: 1px solid #d9d9d9;
|
border-top: 1px solid #d9d9d9;
|
||||||
|
height: 29px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
width: 100%; /* For IE */
|
||||||
}
|
}
|
||||||
|
|
||||||
div.mochaToolbarWrapper.bottom {
|
div.mochaToolbarWrapper.bottom {
|
||||||
@ -75,20 +75,20 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mochaToolbar {
|
.mochaToolbar {
|
||||||
width: 100%; /* For IE */
|
|
||||||
border-top: 1px solid #fff;
|
border-top: 1px solid #fff;
|
||||||
|
width: 100%; /* For IE */
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaContentBorder {
|
.mochaContentBorder {
|
||||||
border-top: 1px solid #dadada;
|
|
||||||
border-bottom: 1px solid #dadada;
|
border-bottom: 1px solid #dadada;
|
||||||
|
border-top: 1px solid #dadada;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Has a fixed height and scrollbars if required. */
|
/* Has a fixed height and scrollbars if required. */
|
||||||
.mochaContentWrapper {
|
.mochaContentWrapper {
|
||||||
|
background: #fff;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
background: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaContent {
|
.mochaContent {
|
||||||
@ -96,59 +96,59 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mocha .handle {
|
.mocha .handle {
|
||||||
position: absolute;
|
|
||||||
background: #0f0;
|
background: #0f0;
|
||||||
width: 3px;
|
|
||||||
height: 3px;
|
|
||||||
z-index: 2;
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
||||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
||||||
opacity: 0;
|
|
||||||
-moz-opacity: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
font-size: 1px; /* For IE6 */
|
font-size: 1px; /* For IE6 */
|
||||||
|
height: 3px;
|
||||||
|
-moz-opacity: 0;
|
||||||
|
opacity: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
width: 3px;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Corner resize handles */
|
/* Corner resize handles */
|
||||||
.mocha .corner {
|
.mocha .corner {
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
background: #f00;
|
background: #f00;
|
||||||
|
height: 10px;
|
||||||
|
width: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Bottom right resize handle */
|
/* Bottom right resize handle */
|
||||||
.mocha .cornerSE {
|
.mocha .cornerSE {
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
background: #fefefe; /* This is the color of the visible resize handle */
|
background: #fefefe; /* This is the color of the visible resize handle */
|
||||||
|
height: 20px;
|
||||||
|
width: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaCanvasHeader {
|
.mochaCanvasHeader {
|
||||||
|
background: transparent;
|
||||||
|
left: 0;
|
||||||
|
overflow: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
|
||||||
background: transparent;
|
|
||||||
z-index: -1;
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
overflow: hidden;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaControls {
|
.mochaControls {
|
||||||
position: absolute;
|
|
||||||
width: 52px;
|
|
||||||
top: 8px;
|
|
||||||
right: 8px;
|
|
||||||
height: 14px;
|
|
||||||
z-index: 4;
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
height: 14px;
|
||||||
|
position: absolute;
|
||||||
|
right: 8px;
|
||||||
|
top: 8px;
|
||||||
|
width: 52px;
|
||||||
|
z-index: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaCanvasControls {
|
.mochaCanvasControls {
|
||||||
position: absolute;
|
|
||||||
top: 8px;
|
|
||||||
right: 8px;
|
|
||||||
z-index: 3;
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
position: absolute;
|
||||||
|
right: 8px;
|
||||||
|
top: 8px;
|
||||||
|
z-index: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -162,15 +162,15 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
.mochaMinimizeButton,
|
.mochaMinimizeButton,
|
||||||
.mochaMaximizeButton,
|
.mochaMaximizeButton,
|
||||||
.mochaCloseButton {
|
.mochaCloseButton {
|
||||||
float: right;
|
|
||||||
width: 14px;
|
|
||||||
height: 14px;
|
|
||||||
font-size: 1px;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 4;
|
|
||||||
color: #666;
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
color: #666;
|
||||||
|
cursor: pointer;
|
||||||
|
float: right;
|
||||||
|
font-size: 1px;
|
||||||
|
height: 14px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
width: 14px;
|
||||||
|
z-index: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaMinimizeButton {
|
.mochaMinimizeButton {
|
||||||
@ -178,13 +178,13 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mochaSpinner {
|
.mochaSpinner {
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 7px;
|
|
||||||
left: 6px;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
background: url(../images/spinner.gif) no-repeat;
|
background: url(../images/spinner.gif) no-repeat;
|
||||||
|
bottom: 7px;
|
||||||
|
display: none;
|
||||||
|
height: 16px;
|
||||||
|
left: 6px;
|
||||||
|
position: absolute;
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mochaIframe {
|
.mochaIframe {
|
||||||
@ -193,56 +193,56 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
|
|
||||||
/* Fix for IE6 select z-index issue */
|
/* Fix for IE6 select z-index issue */
|
||||||
.zIndexFix {
|
.zIndexFix {
|
||||||
|
border: 1px solid transparent;
|
||||||
display: block;
|
display: block;
|
||||||
|
filter: mask();
|
||||||
|
height: 100px;
|
||||||
|
left: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
|
||||||
z-index: -1;
|
|
||||||
filter: mask();
|
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
z-index: -1;
|
||||||
border: 1px solid transparent;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Viewport overlays
|
/* Viewport overlays
|
||||||
---------------------------------------------------------------- */
|
---------------------------------------------------------------- */
|
||||||
|
|
||||||
#modalOverlay {
|
#modalOverlay {
|
||||||
display: none;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
background: #000;
|
background: #000;
|
||||||
|
display: none;
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
||||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
||||||
opacity: 0;
|
left: 0;
|
||||||
-moz-opacity: 0;
|
-moz-opacity: 0;
|
||||||
|
opacity: 0;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fix for IE6 select z-index issue */
|
/* Fix for IE6 select z-index issue */
|
||||||
#modalFix {
|
#modalFix {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
||||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
||||||
opacity: 0;
|
left: 0;
|
||||||
-moz-opacity: 0;
|
-moz-opacity: 0;
|
||||||
|
opacity: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Underlay */
|
/* Underlay */
|
||||||
|
|
||||||
#windowUnderlay {
|
#windowUnderlay {
|
||||||
|
background: #fff;
|
||||||
|
left: 0;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #fff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
* html #windowUnderlay {
|
* html #windowUnderlay {
|
||||||
@ -260,13 +260,13 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.windowClosed {
|
.windowClosed {
|
||||||
visibility: hidden;
|
|
||||||
display: none;
|
display: none;
|
||||||
|
left: -20000px;
|
||||||
|
overflow: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -20000px;
|
top: -20000px;
|
||||||
left: -20000px;
|
visibility: hidden;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
overflow: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.windowClosed .mochaContentBorder,
|
.windowClosed .mochaContentBorder,
|
||||||
@ -274,11 +274,11 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
.windowClosed .mochaTitlebar,
|
.windowClosed .mochaTitlebar,
|
||||||
.windowClosed .mochaControls,
|
.windowClosed .mochaControls,
|
||||||
.windowClosed .mochaCanvasControls {
|
.windowClosed .mochaCanvasControls {
|
||||||
|
display: none;
|
||||||
|
left: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
display: none;
|
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -319,8 +319,8 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
.mocha.notification .mochaTitlebar {
|
.mocha.notification .mochaTitlebar {
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
|
||||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
|
||||||
opacity: 0;
|
|
||||||
-moz-opacity: 0;
|
-moz-opacity: 0;
|
||||||
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mocha.notification .mochaContentBorder {
|
.mocha.notification .mochaContentBorder {
|
||||||
@ -328,10 +328,10 @@ div.mochaToolbarWrapper.bottom {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mocha.notification .mochaContentWrapper {
|
.mocha.notification .mochaContentWrapper {
|
||||||
text-align: center;
|
background: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: transparent;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Example Window Themes */
|
/* Example Window Themes */
|
||||||
|
|||||||
@ -34,8 +34,8 @@
|
|||||||
|
|
||||||
#transferList img.stateIcon {
|
#transferList img.stateIcon {
|
||||||
height: 1.3em;
|
height: 1.3em;
|
||||||
vertical-align: middle;
|
|
||||||
margin-bottom: -1px;
|
margin-bottom: -1px;
|
||||||
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.dynamicTableHeader {
|
tr.dynamicTableHeader {
|
||||||
@ -43,22 +43,22 @@ tr.dynamicTableHeader {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dynamicTable {
|
.dynamicTable {
|
||||||
|
border-spacing: 0;
|
||||||
|
padding: 0;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
width: 1%;
|
width: 1%;
|
||||||
padding: 0;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dynamicTable th {
|
.dynamicTable th {
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
padding: 4px;
|
|
||||||
white-space: nowrap;
|
|
||||||
border-right-color: #ccc;
|
border-right-color: #ccc;
|
||||||
border-right-style: solid;
|
border-right-style: solid;
|
||||||
border-right-width: 1px;
|
border-right-width: 1px;
|
||||||
box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
-webkit-box-sizing: border-box;
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 4px;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dynamicTable td {
|
.dynamicTable td {
|
||||||
@ -72,8 +72,8 @@ tr.dynamicTableHeader {
|
|||||||
|
|
||||||
.dynamicTable th,
|
.dynamicTable th,
|
||||||
.dynamicTable td {
|
.dynamicTable td {
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -102,8 +102,8 @@ tr.dynamicTableHeader {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dynamicTableDiv thead th {
|
.dynamicTableDiv thead th {
|
||||||
line-height: 0px !important;
|
|
||||||
height: 0px !important;
|
height: 0px !important;
|
||||||
padding-top: 0px !important;
|
line-height: 0px !important;
|
||||||
padding-bottom: 0px !important;
|
padding-bottom: 0px !important;
|
||||||
|
padding-top: 0px !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -17,12 +17,12 @@ a img,
|
|||||||
/* Structure */
|
/* Structure */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
color: #555;
|
||||||
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;
|
margin: 0;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.aside {
|
.aside {
|
||||||
@ -38,25 +38,25 @@ body {
|
|||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
h4 {
|
h4 {
|
||||||
margin: 0;
|
color: #333;
|
||||||
padding: 0 0 5px 0;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #333;
|
margin: 0;
|
||||||
|
padding: 0 0 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 14px;
|
|
||||||
color: #555;
|
color: #555;
|
||||||
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mochaPage h3 {
|
#mochaPage h3 {
|
||||||
|
border-bottom: 1px solid #bbb;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
padding: 6px 0 6px 0;
|
|
||||||
margin: 0 0 8px 0;
|
margin: 0 0 8px 0;
|
||||||
border-bottom: 1px solid #bbb;
|
padding: 6px 0 6px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#error_div {
|
#error_div {
|
||||||
@ -72,8 +72,8 @@ h4 {
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
color: #e60;
|
color: #e60;
|
||||||
text-decoration: none;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
@ -104,24 +104,24 @@ dd {
|
|||||||
|
|
||||||
pre {
|
pre {
|
||||||
background-color: #f6f6f6;
|
background-color: #f6f6f6;
|
||||||
|
border: 1px solid #d1d7dc;
|
||||||
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;
|
||||||
|
margin: 0 0 10px 0;
|
||||||
max-height: 250px;
|
max-height: 250px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
margin: 0 0 10px 0;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border: 1px solid #d1d7dc;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dividers */
|
/* Dividers */
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
background-color: #ddd;
|
background-color: #ddd;
|
||||||
|
border: 0px;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
border: 0px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.vcenter {
|
.vcenter {
|
||||||
@ -129,13 +129,13 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#urls {
|
#urls {
|
||||||
width: 90%;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#trackersUrls {
|
#trackersUrls {
|
||||||
width: 90%;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#Filters ul {
|
#Filters ul {
|
||||||
@ -147,10 +147,10 @@ hr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#Filters ul img {
|
#Filters ul img {
|
||||||
|
height: 16px;
|
||||||
padding: 2px 4px;
|
padding: 2px 4px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
height: 16px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.selectedFilter {
|
.selectedFilter {
|
||||||
@ -168,10 +168,10 @@ hr {
|
|||||||
|
|
||||||
a.propButton {
|
a.propButton {
|
||||||
border: 1px solid rgb(85, 81, 91);
|
border: 1px solid rgb(85, 81, 91);
|
||||||
/*border-radius: 3px;*/
|
|
||||||
padding: 2px;
|
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
|
/*border-radius: 3px;*/
|
||||||
|
padding: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.propButton img {
|
a.propButton img {
|
||||||
@ -179,18 +179,18 @@ a.propButton img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.scrollableMenu {
|
.scrollableMenu {
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* context menu specific */
|
/* context menu specific */
|
||||||
|
|
||||||
.contextMenu {
|
.contextMenu {
|
||||||
border: 1px solid #999;
|
|
||||||
padding: 0;
|
|
||||||
background: #eee;
|
background: #eee;
|
||||||
list-style-type: none;
|
border: 1px solid #999;
|
||||||
display: none;
|
display: none;
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contextMenu .separator {
|
.contextMenu .separator {
|
||||||
@ -203,12 +203,12 @@ a.propButton img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.contextMenu li a {
|
.contextMenu li a {
|
||||||
display: block;
|
|
||||||
padding: 5px 20px 5px 5px;
|
|
||||||
font-size: 12px;
|
|
||||||
text-decoration: none;
|
|
||||||
font-family: tahoma, arial, sans-serif;
|
|
||||||
color: #000;
|
color: #000;
|
||||||
|
display: block;
|
||||||
|
font-family: tahoma, arial, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
padding: 5px 20px 5px 5px;
|
||||||
|
text-decoration: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -226,15 +226,15 @@ a.propButton img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.contextMenu li ul {
|
.contextMenu li ul {
|
||||||
padding: 0;
|
|
||||||
border: 1px solid #999;
|
|
||||||
background: #eee;
|
background: #eee;
|
||||||
list-style-type: none;
|
border: 1px solid #999;
|
||||||
position: absolute;
|
|
||||||
left: -999em;
|
left: -999em;
|
||||||
z-index: 8000;
|
list-style-type: none;
|
||||||
margin: -29px 0 0 100%;
|
margin: -29px 0 0 100%;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
width: 164px;
|
width: 164px;
|
||||||
|
z-index: 8000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contextMenu li ul li a {
|
.contextMenu li ul li a {
|
||||||
@ -244,8 +244,8 @@ a.propButton img {
|
|||||||
.contextMenu li a.arrow-right,
|
.contextMenu li a.arrow-right,
|
||||||
.contextMenu li a:hover.arrow-right {
|
.contextMenu li a:hover.arrow-right {
|
||||||
background-image: url(../images/arrow-right.gif);
|
background-image: url(../images/arrow-right.gif);
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contextMenu li:hover ul,
|
.contextMenu li:hover ul,
|
||||||
@ -259,10 +259,10 @@ a.propButton img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.contextMenu li img {
|
.contextMenu li img {
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
height: 16px;
|
||||||
margin-bottom: -4px;
|
|
||||||
-ms-interpolation-mode: bicubic;
|
-ms-interpolation-mode: bicubic;
|
||||||
|
margin-bottom: -4px;
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contextMenu li input[type="checkbox"] {
|
.contextMenu li input[type="checkbox"] {
|
||||||
@ -274,49 +274,49 @@ a.propButton img {
|
|||||||
|
|
||||||
.slider {
|
.slider {
|
||||||
clear: both;
|
clear: both;
|
||||||
position: relative;
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
width: 400px;
|
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
position: relative;
|
||||||
|
width: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sliderWrapper {
|
.sliderWrapper {
|
||||||
position: relative;
|
|
||||||
font-size: 1px;
|
font-size: 1px;
|
||||||
line-height: 1px;
|
|
||||||
height: 9px;
|
height: 9px;
|
||||||
|
line-height: 1px;
|
||||||
|
position: relative;
|
||||||
width: 422px;
|
width: 422px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sliderarea {
|
.sliderarea {
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 7px;
|
|
||||||
width: 420px;
|
|
||||||
font-size: 1px;
|
|
||||||
line-height: 1px;
|
|
||||||
background: #f2f2f2 url(../images/slider-area.gif) repeat-x;
|
background: #f2f2f2 url(../images/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;
|
||||||
|
font-size: 1px;
|
||||||
|
height: 7px;
|
||||||
|
left: 0;
|
||||||
|
line-height: 1px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 420px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sliderknob {
|
.sliderknob {
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
height: 9px;
|
|
||||||
width: 19px;
|
|
||||||
font-size: 1px;
|
|
||||||
line-height: 1px;
|
|
||||||
background: url(../images/knob.gif) no-repeat;
|
background: url(../images/knob.gif) no-repeat;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
font-size: 1px;
|
||||||
|
height: 9px;
|
||||||
|
left: 0;
|
||||||
|
line-height: 1px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 19px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -331,23 +331,23 @@ a.propButton img {
|
|||||||
/* Mocha Customization */
|
/* Mocha Customization */
|
||||||
|
|
||||||
#mochaToolbar {
|
#mochaToolbar {
|
||||||
margin-top: 5px;
|
|
||||||
position: relative;
|
|
||||||
height: 29px;
|
height: 29px;
|
||||||
|
margin-top: 5px;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mochaToolbar .divider {
|
#mochaToolbar .divider {
|
||||||
background-image: url(../images/toolbox-divider.gif);
|
background-image: url(../images/toolbox-divider.gif);
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: left center;
|
background-position: left center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
padding-left: 14px;
|
padding-left: 14px;
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.MyMenuIcon {
|
.MyMenuIcon {
|
||||||
margin-left: -18px;
|
|
||||||
margin-bottom: -3px;
|
margin-bottom: -3px;
|
||||||
|
margin-left: -18px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -362,12 +362,12 @@ a.propButton img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#torrentsFilterInput {
|
#torrentsFilterInput {
|
||||||
width: 160px;
|
|
||||||
padding-left: 2em;
|
|
||||||
background-image: url("../icons/edit-find.svg");
|
background-image: url("../icons/edit-find.svg");
|
||||||
|
background-position: left;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 1.5em;
|
background-size: 1.5em;
|
||||||
background-position: left;
|
padding-left: 2em;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#torrentFilesFilterToolbar {
|
#torrentFilesFilterToolbar {
|
||||||
@ -376,12 +376,12 @@ a.propButton img {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#torrentFilesFilterInput {
|
#torrentFilesFilterInput {
|
||||||
width: 160px;
|
|
||||||
padding-left: 2em;
|
|
||||||
background-image: url("../icons/edit-find.svg");
|
background-image: url("../icons/edit-find.svg");
|
||||||
|
background-position: left;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 1.5em;
|
background-size: 1.5em;
|
||||||
background-position: left;
|
padding-left: 2em;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tri-state checkbox */
|
/* Tri-state checkbox */
|
||||||
@ -407,16 +407,16 @@ label.partial {
|
|||||||
|
|
||||||
fieldset.settings {
|
fieldset.settings {
|
||||||
border: solid 1px black;
|
border: solid 1px black;
|
||||||
border-radius: 8px;
|
|
||||||
-webkit-border-radius: 8px;
|
-webkit-border-radius: 8px;
|
||||||
-moz-border-radius: 8px;
|
-moz-border-radius: 8px;
|
||||||
|
border-radius: 8px;
|
||||||
padding: 4px 4px 4px 10px;
|
padding: 4px 4px 4px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset.settings legend {
|
fieldset.settings legend {
|
||||||
|
font-weight: bold;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset.settings label {
|
fieldset.settings label {
|
||||||
@ -433,21 +433,21 @@ div.formRow {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.filterTitle {
|
.filterTitle {
|
||||||
|
display: block;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-transform: uppercase;
|
overflow: hidden;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
text-transform: uppercase;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filterTitle img {
|
.filterTitle img {
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
height: 16px;
|
||||||
margin-bottom: -3px;
|
margin-bottom: -3px;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filterTitle img.rotate {
|
.filterTitle img.rotate {
|
||||||
@ -460,11 +460,11 @@ ul.filterList {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul.filterList a {
|
ul.filterList a {
|
||||||
|
color: inherit;
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
color: inherit;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.filterList li:hover {
|
ul.filterList li:hover {
|
||||||
@ -476,10 +476,10 @@ ul.filterList li:hover a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
td.generalLabel {
|
td.generalLabel {
|
||||||
white-space: nowrap;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
width: 1px;
|
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#torrentFilesTableDiv {
|
#torrentFilesTableDiv {
|
||||||
@ -492,16 +492,16 @@ td.generalLabel {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.filesTableCollapseIcon {
|
.filesTableCollapseIcon {
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
height: 15px;
|
||||||
margin-bottom: -3px;
|
margin-bottom: -3px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
|
width: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filesTableCollapseIcon.rotate {
|
.filesTableCollapseIcon.rotate {
|
||||||
transform: rotate(270deg);
|
|
||||||
margin-bottom: -1px;
|
margin-bottom: -1px;
|
||||||
|
transform: rotate(270deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.unselectable {
|
.unselectable {
|
||||||
@ -523,35 +523,35 @@ td.generalLabel {
|
|||||||
|
|
||||||
#watched_folders_tab td,
|
#watched_folders_tab td,
|
||||||
#watched_folders_tab th {
|
#watched_folders_tab th {
|
||||||
padding: 2px 4px;
|
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
|
padding: 2px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-watched-folder-editable {
|
.select-watched-folder-editable {
|
||||||
position: relative;
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border: solid grey 1px;
|
border: solid grey 1px;
|
||||||
width: 160px;
|
|
||||||
height: 20px;
|
height: 20px;
|
||||||
|
position: relative;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-watched-folder-editable select {
|
.select-watched-folder-editable select {
|
||||||
position: absolute;
|
border: none;
|
||||||
top: 0px;
|
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
border: none;
|
|
||||||
width: 160px;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
width: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-watched-folder-editable input {
|
.select-watched-folder-editable input {
|
||||||
|
border: none;
|
||||||
|
left: 0px;
|
||||||
|
padding: 1px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
|
||||||
width: 140px;
|
width: 140px;
|
||||||
padding: 1px;
|
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-watched-folder-editable select:focus,
|
.select-watched-folder-editable select:focus,
|
||||||
@ -572,11 +572,11 @@ td.generalLabel {
|
|||||||
}
|
}
|
||||||
|
|
||||||
td.statusBarSeparator {
|
td.statusBarSeparator {
|
||||||
width: 22px;
|
|
||||||
background-image: url("../images/toolbox-divider.gif");
|
background-image: url("../images/toolbox-divider.gif");
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center 1px;
|
background-position: center 1px;
|
||||||
|
background-repeat: no-repeat;
|
||||||
background-size: 2px 18px;
|
background-size: 2px 18px;
|
||||||
|
width: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Statistics window */
|
/* Statistics window */
|
||||||
@ -593,21 +593,21 @@ td.statusBarSeparator {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#searchResults {
|
#searchResults {
|
||||||
padding: 0 20px;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchResultsTableContainer {
|
#searchResultsTableContainer {
|
||||||
height: calc(100% - 140px);
|
|
||||||
-moz-height: calc(100% - 140px);
|
-moz-height: calc(100% - 140px);
|
||||||
-webkit-height: calc(100% - 140px);
|
-webkit-height: calc(100% - 140px);
|
||||||
|
height: calc(100% - 140px);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchResultsTableDiv {
|
#searchResultsTableDiv {
|
||||||
height: calc(100% - 26px) !important;
|
|
||||||
-moz-height: calc(100% - 26px) !important;
|
-moz-height: calc(100% - 26px) !important;
|
||||||
-webkit-height: calc(100% - 26px) !important;
|
-webkit-height: calc(100% - 26px) !important;
|
||||||
|
height: calc(100% - 26px) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#searchResults .dynamicTable {
|
#searchResults .dynamicTable {
|
||||||
|
|||||||
@ -1,10 +1,10 @@
|
|||||||
body {
|
body {
|
||||||
margin: 0;
|
color: #555;
|
||||||
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;
|
margin: 0;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.col {
|
.col {
|
||||||
@ -19,13 +19,13 @@ body {
|
|||||||
#main {
|
#main {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
text-align: center;
|
|
||||||
padding-top: 5em;
|
padding-top: 5em;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#formplace {
|
#formplace {
|
||||||
text-align: left;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#error_msg {
|
#error_msg {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user