1
0
mirror of https://github.com/moparisthebest/SickRage synced 2024-11-11 11:55:03 -05:00
SickRage/gui/slick/css/default.less
echel0n 0d9fbc1ad7 Welcome to our SickBeard-TVRage Edition ...
This version of SickBeard uses both TVDB and TVRage to search and gather it's series data from allowing you to now have access to and download shows that you couldn't before because of being locked into only what TheTVDB had to offer.

Also this edition is based off the code we used in our XEM editon so it does come with scene numbering support as well as all the other features our XEM edition has to offer.

Please before using this with your existing database (sickbeard.db) please make a backup copy of it and delete any other database files such as cache.db and failed.db if present, we HIGHLY recommend starting out with no database files at all to make this a fresh start but the choice is at your own risk!

Enjoy!
2014-03-09 22:39:12 -07:00

542 lines
11 KiB
Plaintext

// Config
@import "config.less";
* { outline: 0;margin:0; }
*:focus { outline: none; }
img { border: 0; vertical-align: middle;}
html { margin:0; padding:0}
body {
text-rendering: optimizeLegibility;
background: none repeat scroll 0 0 #FFFFFF;
color: #343434;
font-family: @base-font-face;
margin: 0;
overflow-y: scroll;
padding: 0;
font-size: 12px;
}
form {
border:none;
display:inline;
margin:0;
padding:0;
}
a {color: @link-color;}
/* these are for inc_top.tmpl */
#upgrade-notification{position: fixed;line-height:0.5em;color:#000;font-size:1em; height:0px;text-align:center;width:100%;z-index:100;margin:0;padding:0;}
#upgrade-notification div{.gradient(#FDF0D5,#fff9ee);border-bottom:1px solid #af986b;padding:7px 0;}
#header-fix{*margin-bottom: -31px; /* IE fix */height:21px;padding:0;}
#header {
.gradient(#555555, #333333);
border-bottom: 1px solid #CACACA;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
height: 58px;
position: fixed;
width: 100%;
z-index: 999;
}
#header .wrapper {
margin: 0 auto;
position: relative;
width: 960px;
}
#header a:hover {
background:none;
}
#logo {
float: left;
position: relative;
top: 0px;
left: -5px;
}
#versiontext {
color: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
position: relative;
text-transform: lowercase;
top: 7px;
}
.navShows { margin-top:-25px; margin-bottom: 40px;}
.tvshowImg {
background: url("../images/loading.gif") no-repeat scroll center center #FFFFFF;
border: 5px solid #FFFFFF;
.shadow(1px 1px 2px 0 #555555);
float: left;
height: auto;
margin-bottom: 30px;
margin-right: 25px;
overflow: hidden;
text-indent: -3000px;
width: 175px;
img {
float: left;
min-width: 100%;
position: relative;
}
}
/* --------------------------------------------- */
table {
margin:0;
td a {
color: #555;
&:hover { color: @text-color;}
}
}
h1 {
text-align:left;
font-size:21px;
line-height:23px;
font-weight:400;
}
h1.title {
padding-bottom:4px;
margin-bottom:12px;
font-weight: bold;
font-family: @alt-font-face;
font-size: 38px;
}
h1.header {
padding-bottom:4px;
margin-bottom:12px;
font-size: 30px;
font-family: @alt-font-face;
font-weight: bold;
}
h1 a {
text-decoration:none;
}
h2 {
font-size:18px;
font-weight:700;
}
.h2footer {
margin: -33px 5px 6px 0px;
}
.h2footer select {
margin-top: -6px;
margin-bottom: -6px;
}
.separator {
font-size:90%;
color:#999;
}
div select {
font-size:10px;
border:1px solid #d4d0c8;
}
div select option {
line-height:1.4;
padding:0 10px;
border-bottom: 1px dotted #D7D7D7;
}
/* --------------- alignment ------------------- */
.float-left { float:left; }
.float-right { float:right; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.nowrap { white-space: nowrap; }
/* --------------------------------------------- */
.footer {
clear:both;
width: 960px;
text-align:center;
padding-top: 5px;
padding-bottom: 5px;
margin: 20px auto;
border-top:1px solid #eee;
line-height: 1.4em;
font-size: 11px;
a {
color: @link-color;
text-decoration: none;
}
ul {
li {
list-style: none;
float: left;
margin-left: 10px;
img { margin-right: 3px; position: relative; top: -2px;}
}
}
}
.sickbeardTable {
width: 100%;
margin-left:auto;
margin-right:auto;
text-align:left;
color: #343434;
background-color: #fff;
border-spacing: 0;
}
.sickbeardTable th,
.sickbeardTable td {
padding: 4px;
border-top: #fff 1px solid;
vertical-align: middle;
}
.sickbeardTable th:first-child,
.sickbeardTable td:first-child {
border-left: none;
}
.sickbeardTable th{
border-collapse: collapse;
.gradient(#555555,#333333);
color: #fff;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
text-align: left;
}
.sickbeardTable tfoot a {
text-decoration: none;
color: @swatch-green;
}
.sickbeardTable td {
font-size: 12px;
&.title { font-size: 14px; line-height: normal;}
&.status_column{ line-height: normal;}
small { font-size:11px; font-style: italic; line-height: normal;}
}
.row {
clear:left;
}
.plotInfo {
cursor:help;
font-weight: 700;
position: relative;
}
#actions {
.selectAll { margin-right: 10px; border-right: 1px solid #eee; padding-right: 10px;}
.clearAll {}
}
#tooltip {
display:none;
z-index:3343434;
border:1px solid #111;
background-color:#eee;
padding:5px;
margin-right:10px;
}
.progressbarText {
text-shadow: 0 0 0.1em #fff;
position:absolute;
top:0;
font-size: 9px;
width:100%;
height:100%;
overflow:visible;
text-align:center;
vertical-align: middle;
}
.ui-progressbar .ui-widget-header {
.gradient(#A3E532, #90CC2A);
.rounded(3px);
}
tr.seasonheader {
background-color: #FFFFFF;
padding-bottom: 5px;
padding-top: 10px;
text-align: left;
white-space: nowrap;
td {
padding-top: 20px;
padding-bottom: 10px;
}
}
tr.seasonheader h2 {
display:inline;
font-size:22px;
line-height:20px;
letter-spacing:1px;
margin:0;
color:#343434;
}
tr.seasonheader a {
text-decoration:none;
}
tr.seasonheader a:hover {
background-color: #fff;
color:#343434;
}
#checkboxControls label { white-space:nowrap; }
tr.unaired,span.unaired {
background-color:#F5F1E4;
padding:5px;
font-size: 13px;
color: #cec198;
font-weight: bold;
b { color:@text-color;}
.rounded(5px);
}
tr.skipped,span.skipped {
background-color:#E9F7FB;
color: #90D5EC;
font-weight: bold;
font-size: 13px;
padding:5px;
.rounded(5px);
b { color:@text-color;}
}
tr.good,span.good {
background-color:#E2FFD8;
color: #AAD450;
padding:5px;
font-size: 13px;
font-weight: bold;
.rounded(5px);
b { color:@text-color;}
}
tr.qual,span.qual {
background-color:#FDF0D5;
padding:5px;
font-size: 13px;
font-weight: bold;
color: #F7B42C;
.rounded(5px);
b { color:@text-color;}
}
tr.wanted,span.wanted {
background-color:#FDEBF3;
padding:5px;
font-size: 13px;
font-weight: bold;
color: #F49AC1;
.rounded(5px);
b { color:@text-color;}
}
tr.wanted,tr.qual,tr.good,tr.skipped,tr.unaired {
font-size: 14px;
font-weight: normal;
color: @text-color;
}
.showInfo {
width: 745px;
float: right;
padding-top: 10px;
}
div#summary {
background-color:#f9f9f9;
.rounded(10px);
padding:10px;
border:1px solid #ddd;
margin:10px 0;
.infoTable {
width: 85%;
}
}
div#summary tr {
line-height: 17px;
td { font-size: 14px; line-height: 25px;}
}
#MainMenu {
float: right;
height: 58px;
margin: 0;
padding: 0 0 0 10px;
}
#SubMenu {
float: right;
margin-top: -30px;
position: relative;
z-index: 99;
}
#SubMenu a {
font-size: 12px;
text-decoration: none;
}
#SubMenu span b { margin-left: 20px;}
#donate {
line-height:1em;
background: #57442B;
float: right;
display: none;
}
#donate a,#donate a:hover {
background-color:#57442B;
border:0;
padding:4px 15px 0px;
}
#contentWrapper {
background: none;
}
#content {
line-height: 24px;
margin: 0 auto;
padding: 105px 0 0;
width: 960px;
}
.showLegend{
font-weight:700;
padding-right:10px;
padding-bottom:1px;
}
/* for the add new/existing show */
.alt { background-color: #efefef; }
#tabs div.field-pair, .stepDiv div.field-pair{padding:0.75em 0;}
#tabs div.field-pair input, .stepDiv div.field-pair input{float:left;}
#tabs label.nocheck, #tabs div.providerDiv, #tabs div #customQuality, .stepDiv label.nocheck,.stepDiv div.providerDiv,.stepDiv div #customQuality{padding-left:23px;}
#tabs label span.component-title, .stepDiv label span.component-title{font-size:1.1em;font-weight:700;float:left;width:165px; padding-left: 6px; margin-right:10px;}
#tabs label span.component-desc, .stepDiv label span.component-desc{font-size:.9em; float:left;}
#tabs div.field-pair select, .stepDiv div.field-pair select{font-size:1em;border:1px solid #d4d0c8;}
#tabs div.field-pair select option, .stepDiv div.field-pair select option{line-height:1.4;padding:0 10px; border-bottom: 1px dotted #D7D7D7;}
ul#rootDirStaticList { width: 90%; text-align: left; margin-left: auto; margin-right: auto; padding-left: 0; }
ul#rootDirStaticList li{ list-style: none outside none; margin: 2px; padding: 4px 5px 4px 5px; cursor: pointer; }
#displayText {
background-color:#efefef;
padding:8px;
border:1px solid #DFDEDE;
font-size:1.1em;
overflow: hidden;
}
div#addShowPortal {
margin: 50px auto;
width: 100%;
}
div#addShowPortal button { float: left;
margin-left: 20px;
padding: 10px;
width: 47%;}
div#addShowPortal button div.button img{ position: absolute; display: block; top: 35%; padding-left: 0.4em; text-align: center; }
div#addShowPortal button .buttontext { position: relative; display: block; padding: 0.1em 0.4em 0.1em 4.4em; text-align: left; }
#rootDirs, #rootDirsControls { width: 50%; min-width: 400px; }
td.tvShow a {text-decoration: none; font-size:16px; }
.navShow { display: inline; cursor: pointer; vertical-align: top; position:relative;top:0px; .opacity(50);
&:hover { .opacity(100);}
}
/* for manage_massEdit */
.optionWrapper { width: 450px; margin-left: auto; margin-right: auto; padding: 6px 12px; }
.optionWrapper span.selectTitle { float: left; font-weight: 700; font-size: 1.2em; text-align: left; width: 225px; }
.optionWrapper div.selectChoices { float: left; width: 175px; margin-left: 25px; }
.optionWrapper br { clear: both; }
a.whitelink { color: white; }
/* for displayShow notice */
#show_message {
border: 1px solid @border-color;
.gradient(#FDF0D5,#fff9ee);
.rounded(7px);
font-size: 14px;
right: 10px;
.shadow(0px 0px 2px #aaa);
padding: 7px 10px;
position: fixed;
text-align: center;
bottom: 10px;
min-height: 22px;
width: 250px;
z-index: 9999;
font-family: @alt-font-face;
line-height: normal;
.opacity(80);
.msg {
font-family: @alt-font-face;
line-height: normal;
padding-left: 20px;
}
.loader {
position: relative;
top: 2px;
}
&.success {
.gradient(@msg-bg-success,#C2EDC6);
padding: 15px 10px;
text-align: left;
}
&.error {
.gradient(@msg-bg-error,#EDC4C4);
padding:15px 10px;
text-align: left;
}
.ui-icon {
display: inline-block;
margin-left: -20px;
top: 2px;
position: relative;
margin-right: 3px;
}
}
div.ui-pnotify { min-width: 340px; max-width: 550px; width: auto !important;}
/* override for qtip2 */
.ui-tooltip-sb .ui-tooltip-titlebar a { color: #222222; text-decoration: none; }
.ui-tooltip, .qtip { max-width: 500px !important; }
option.flag {
padding-left: 35px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 10px 50%;
}
span.quality {
font: bold 1em/1.2em verdana, sans-serif;
background: none repeat scroll 0 0 #999999;
color: #FFFFFF;
display: inline-block;
padding: 2px 4px;
text-align: center;
-webkit-border-radius: 4px;
font-size:12px;
-moz-border-radius: 4px;
border-radius: 4px;
}
span.Custom {
background: none repeat scroll 0 0 #444499; /* blue */
}
span.HD,span.WEB-DL,span.BluRay {
background: none repeat scroll 0 0 #449944; /* green */
}
span.SD {
background: none repeat scroll 0 0 #994444; /* red */
}
span.Any {
background: none repeat scroll 0 0 #444444; /* black */
}
span.false {
color: #993333; /* red */
}
span.true {
color: #669966; /* green */
}
.ui-progressbar {
height: 15px !important;
line-height: 17px;
}