From bca3e7d6c3c364d1b0db46a446db99058a57367e Mon Sep 17 00:00:00 2001 From: Tim Phipps Date: Wed, 24 Apr 2013 12:26:39 +0100 Subject: [PATCH 1/2] Copied default skin to 'negative'. --- skins/negative/backend_log.css | 33 +++ skins/negative/header.css | 124 +++++++++++ skins/negative/img | 1 + skins/negative/menus.css | 16 ++ skins/negative/music.css | 471 +++++++++++++++++++++++++++++++++++++++ skins/negative/programming.css | 150 +++++++++++++ skins/negative/remote.css | 178 +++++++++++++++ skins/negative/settings.css | 143 ++++++++++++ skins/negative/stats.css | 71 ++++++ skins/negative/status.css | 83 +++++++ skins/negative/style.css | 256 +++++++++++++++++++++ skins/negative/tv_channel.css | 71 ++++++ skins/negative/tv_detail.css | 276 +++++++++++++++++++++++ skins/negative/tv_list.css | 90 ++++++++ skins/negative/tv_recorded.css | 144 ++++++++++++ skins/negative/tv_schedule.css | 140 ++++++++++++ skins/negative/tv_schedules.css | 48 ++++ skins/negative/tv_search.css | 63 ++++++ skins/negative/tv_upcoming.css | 100 +++++++++ skins/negative/welcome.css | 62 ++++++ 20 files changed, 2520 insertions(+) create mode 100644 skins/negative/backend_log.css create mode 100644 skins/negative/header.css create mode 120000 skins/negative/img create mode 100644 skins/negative/menus.css create mode 100644 skins/negative/music.css create mode 100644 skins/negative/programming.css create mode 100644 skins/negative/remote.css create mode 100644 skins/negative/settings.css create mode 100644 skins/negative/stats.css create mode 100644 skins/negative/status.css create mode 100644 skins/negative/style.css create mode 100644 skins/negative/tv_channel.css create mode 100644 skins/negative/tv_detail.css create mode 100644 skins/negative/tv_list.css create mode 100644 skins/negative/tv_recorded.css create mode 100644 skins/negative/tv_schedule.css create mode 100644 skins/negative/tv_schedules.css create mode 100644 skins/negative/tv_search.css create mode 100644 skins/negative/tv_upcoming.css create mode 100644 skins/negative/video.css create mode 100644 skins/negative/welcome.css diff --git a/skins/negative/backend_log.css b/skins/negative/backend_log.css new file mode 100644 index 0000000..b694bb6 --- /dev/null +++ b/skins/negative/backend_log.css @@ -0,0 +1,33 @@ +#backend_logs { + margin: 10px auto; + border: 1px solid #48f; + border-right: 2px solid #48f; + border-collapse: collapse; + color: white; + width: 99%; +} + +#backend_logs td { + padding: 2px; + border: 1px solid #48f; + border-right: 1px solid #04a; +} +#backend_logs th { + padding: 2px 5px; + border: 1px solid #48f; + border-right: 1px solid #04a; + text-align: left; +} + +#backend_logs tr.header { + background-color: #134; + color: #ffb; +} + +#backend_logs tr.odd { + background-color: #475; +} + +#backend_logs tr.even { + background-color: #355; +} diff --git a/skins/negative/header.css b/skins/negative/header.css new file mode 100644 index 0000000..0ff6f6b --- /dev/null +++ b/skins/negative/header.css @@ -0,0 +1,124 @@ +#page_header { + margin: 5px; +} + +#logo_box { +} +#mythtv_logo { + margin: 0px 5px; + padding: 5px; + height: 48px; + width: 180px; + float: left; + text-align: center; +} + +#sections { + white-space: nowrap; +} +#sections a { + float: left; + margin: 0px 5px; + padding: 5px; + background-color: #347; + border-top: 1px solid #8ad; + border-right: 1px solid #003; + border-bottom: 1px solid #000; + border-left: 1px solid #79c; + -moz-border-radius: 8px; + text-align: center; + height: 48px; + width: 48px; +} +#sections a:hover { + background-color: #458; +} +#sections a img { + border: none; + display: inline !important; +} + +#sections a.current_section { + background-color: #164; + border-top: 1px solid #7b9; + border-right: 1px solid #030; + border-bottom: 1px solid #000; + border-left: 1px solid #6a8; +} +#sections a.current_section:hover { + background-color: #275; +} + +#tv_link { +} +#music_link { +} +#video_link { +} +#weather_link { +} +#settings_link { +} + +#extra_header { + margin-left: 550px; + padding: 0px 5px; + height: 58px; +} + +/* + * IE sucks: true-height is supposed to be height+padding+margin+border, but IE + * doesn't add in padding, so we have to create a wrapper container and use + * margin instead of padding to make the "padding" that we need. + */ +#help_wrapper { + height: 21px; + margin-bottom: 3px; + background-color: #247; + border-top: 1px solid #013; + border-right: 1px solid #79c; + border-bottom: 1px solid #68b; + border-left: 1px solid #002; + -moz-border-radius: 6px; + min-width: 225px; +} +#help_box { + margin: 4px 5px 2px 5px; + height: 15px; + overflow: hidden; + white-space: nowrap; +} +#search { + margin-top: 2px; + padding: 3px 5px; + height: 26px; + background-color: #247; + border-top: 1px solid #013; + border-right: 1px solid #79c; + border-bottom: 1px solid #68b; + border-left: 1px solid #002; + -moz-border-radius: 8px; + min-width: 225px; + white-space: nowrap; +} +#simple_search { + padding-top: 1px; +} + + +#search_text { + position: relative; + top: -1px; + width: 150px; + margin-right: 3px; + padding: 0px 3px; + font-size: 9pt; +} +#search_submit { + position: relative; + top: 1px; + padding-left: .5em; + padding-right: .5em; + font-size: 9pt; +} + diff --git a/skins/negative/img b/skins/negative/img new file mode 120000 index 0000000..fd19b7b --- /dev/null +++ b/skins/negative/img @@ -0,0 +1 @@ +../default/img \ No newline at end of file diff --git a/skins/negative/menus.css b/skins/negative/menus.css new file mode 100644 index 0000000..d2a7e67 --- /dev/null +++ b/skins/negative/menus.css @@ -0,0 +1,16 @@ +/* popup and menu classes */ +.popup { + font-size: 9pt; +} + +.popup table { + font-size: 9pt; +} + +.popup dl { + min-width: 40em; + color: #dedede; + background-color: #265990; + border: 2px ridge #127; + padding: 5px; +} diff --git a/skins/negative/music.css b/skins/negative/music.css new file mode 100644 index 0000000..bfd8a9d --- /dev/null +++ b/skins/negative/music.css @@ -0,0 +1,471 @@ +mp3act { + padding: 22px; + margin:0; + color: #333; + text-align: center; + font: 65% Verdana, Sans-serif; +} + +h2.music{ + font-size: 100%; + margin:0; + padding: 0 0 5px 0; + +} +ul.music{ + list-style-type: none; +} +a.music{ + color: blue; +} + +a.music:hover{ + /*color: #fff; + background: #F21518; + text-decoration: none;*/ + color: #F21518; +} +img{ + border: 0; +} +input,select{ + border: 1px solid #ccc; + border-color: #aaa #ccc #ccc #aaa; + background: #f3f3f3; + color: #555; + font-size: 100%; + padding: 2px 3px; + vertical-align: middle; + +} +input.check{ + border:0; + padding:0; + background: transparent; +} +select{ + padding: 2px 0 2px 3px; +} +input:focus{ + border: 1px solid #999; + background: #FBF9D3; + color: #000; + border-color: #777 #bbb #bbb #777; +} + +input.btn,input.redbtn{ + background: #244A79; + color: #fff; + padding: 2px; + border-color: #0E2F58; + font: normal 10px sans-serif; +} +input.redbtn{ + background: #F21518; +} +input.redbtn:hover{ + background: #BE0D0F; +} +input.btn:hover{ + background: #0E2F58; +} + +input.btn2{ + font-weight: bold; + padding: 2px; +} + +input.btn2:hover{ + background: #eee; + border-color: #888; + color: #222; +} + +.left{ + float: left; +} +.right{ + float: right; +} +.center{ + text-align: center; +} +.clear{ + clear: both; +} +.error{ + color: #E63838; + font-weight: bold; +} +p#error{ + color: #f20000; + font-weight: bold; +} +#breadcrumb{ + height: 14px; + padding:2px 0 0 0; +} +#breadcrumb span{ +position: relative; +} +#breadcrumb span:hover ul{ + display: block; +} +#breadcrumb ul{ + z-index: 5; + border: 1px solid #333; + display: none; + top:12px; + left:0; + position: absolute; + background: transparent url("./img/music/libg.png"); + color: #fff; + margin:-1px 0 0 0; + padding:0; + width: 150px; + +} +#breadcrumb ul#letters{ + left: -55px; + width: auto; +} +#breadcrumb span{ + padding: 0; + margin:0; +} +#breadcrumb ul li{ +width: 100%; + padding:0; + margin:0; + z-index: 6; +} +#breadcrumb ul li a{ + display: block; + padding: 2px 4px; + color: #fff; + margin:0; + z-index: 5; + text-decoration: none; + font-weight: normal; + font-size: 90%; +} + +#breadcrumb ul#letters li{ + float: left; + +} +#breadcrumb ul#letters li a{ + float: left; + +} +#breadcrumb ul li a:hover{ + background: #FCF7A5; + color: #000; +} +#breadcrumb ul#letters li a:hover{ + background: #FCF7A5; + color: #000; +} +#topinfo{ + + font-size: 90%; + color: #666; + text-align: left; + padding: 0 0 4px 0; + +} +p.pad{ + padding: 0px 8px; +} + +#wrap{ + /*background: #fff; + border: 1px solid #ccc;*/ + text-align: left; + padding: 0px; + margin:0; + position: relative; + + color: #333; +} + +#header{ + position: relative; +/* background: #0E2F58;*/ + height: 50px; + color: #fff; + padding: 8px 0 0px 15px; +} +#header #controls{ + float: right; + background: transparent; + height: 48px; + margin-right: 8px; + width: 48%; + font-size: 90%; + line-height: 1.1em; + color: #fff; +} + +#header #controls .buttons{ + float: left; + margin: 3px 5px 0 5px; +} +#header #controls .current{ + float: left; + margin-top: 3px; + +} +#header h1{ + color: #9ABEE5; + padding: 0; + margin:0; + font-size: 150%; +} +ul#nav{ + position: absolute; + bottom:0; + list-style-type: none; + margin:0; + padding:0; +} +ul#nav li{ + float: left; + margin-right: 5px; +} +ul#nav li a{ + display: block; + background: #265990; /* #244A79; */ + padding: 4px 5px; + color: #dedede; + text-decoration: none; + margin:0; +} +ul#nav li a:hover{ + background: #416899; + color: #fff; +} +ul#nav li a.c{ + background: #fff; + color: #F48603; + font-weight: bold; +} +#loading{ + display: none; + position: absolute; + top: 80px; + color: #78B855; + padding: 10px; + background: #CCFF99; + border: 1px solid #78B855; + z-index: 4; + left: 30%; +} +#loading h1{ + font-size: 140%; +} +#left{ + float: left; + width: 48%; + margin: 15px 0 25px 15px; +} +#right{ + float: right; + width: 45%; + margin: 15px 15px 25px 0; + +} +.box{ + background: #E0E0E0; + border: 1px solid #ccc; + padding: 0 0 8px 0; + position: relative; +} +#box_extra{ + display: none; + z-index: 2; + position: absolute; + top: 25px; + left:5%; + width: 450px; + height: 230px; + background: transparent url("./img/music/libg.png"); + color: #fff; + font-size: 110%; + padding: 5px; +} +#box_extra h2{ + font-size: 120%; +} +#box_extra input{ + background: #333; + border-color: #999; + color: #fff; +} + +#box_extra select{ + background: #333; + border-color: #999; + color: #fff; +} + +.box ul{ + margin: 0 10px; + padding: 0px 0px; + background: #f3f3f3; + clear: both; +} +.box ul li{ + padding: 2px 0 1px 4px; + border: 1px solid transparent; + border-width: 1px 0px 1px 0px; + position: relative; + background: #f3f3f3; +} + +.box ul li.alt{ + background: #DEE6EC; +} +.box ul li span.user{ + float: left; + width: 200px; +} +.box ul li small{ + color: #888; + letter-spacing: -1px; +} + +.box ul li span.links a{ + text-decoration: underline; + color: blue; +} +.box ul li span.links a:hover{ + color: red; +} +.box ul li:hover{ + background: #FCF7A5; + color: #000; + border-color: #999; +} +.box ul li.currentplay{ + background: #96D1EF; + color: #000; + border-color: #666; +} + +.box ul li p{ + z-index:5; + display: none; + position: absolute; + top: 7px; + font-size: 90%; + padding: 2px; + right: 15px; + width: 145px; + background: transparent url("./img/music/libg.png"); + color: #fff; +} + +.box ul li:hover p{ + display: block; +} + +.box ul li a{ + text-decoration: none; + color: #333; +} +.box ul li a:hover{ + color: #000; +} +.box ul#letters{ + height: 18px; + padding-left: 5px; +} + +.box ul#letters li{ + float: left; + padding: 2px 2px; + background: none; + border: 1px solid transparent; +} + +.box ul#letters li:hover{ + background: #FCF7A5; + border-color: #999; +} + +.box p{ + padding: 0 10px; + margin: 8px 0 4px 0; + +} +.box p img{ + display: block; + width: 60px; + float: right; + padding: 2px; + background: #f3f3f3; + border: 1px solid #999; + margin-bottom: 4px; +} +.box img#bigart{ + display: none; + position: absolute; + z-index: 2; + background: #f3f3f3; + padding: 3px; + border: 1px solid #666; + top:10px; + right: 80px; +} +.box p img:hover{ + border-color: #555; + cursor: pointer; +} + +.box .head{ + padding: 4px; + background: #ccc; +} +.box .head a{ + background: #244A79; + color: #fff; + padding: 2px; + text-decoration: none; + font: normal 9px sans-serif; +} +.box .head a:hover{ + background: #0E2F58; +} +.box .head a.red{ + background: #F21518; +} +.box .head a.red:hover{ + background: #BE0D0F; +} +.box .head h2{ + font-size: 120%; + padding: 0; +} +.box h3{ + padding: 0 0 0 0px; + margin: 0 10px 0 10px; + font-size: 120%; + border-bottom: 1px solid #ccc; +} + +.loginbox{ + width: 250px; + margin:0 auto; + background: #fff; + border: 1px solid #ccc; + text-align: left; +} +.loginbox p{ + padding: 8px 15px; + margin:0; +} +.noborder{ + background: transparent; + border:0; +} diff --git a/skins/negative/programming.css b/skins/negative/programming.css new file mode 100644 index 0000000..60042a7 --- /dev/null +++ b/skins/negative/programming.css @@ -0,0 +1,150 @@ +/* + * + * The following subclasses are used for list displays that deal with tv + * programming. + * +/*/ + +/* some classes for various list displays */ + .list { background-color: #191c26 } + .list_separator { + background-color: #203670; + border-top: 4px; + } + +/* The category legend, and its associated popup */ + #command_choices a { + white-space: nowrap; + } + + #category_legend_popup { + position: absolute; + visibility: hidden; + top: 0px; + left: 0px; + padding: 2px; + white-space: nowrap; + } + #category_legend_popup table { + font-size: 9pt; + } + +/* A class for the left-cleared
lists used for program details popups */ + dl.details_list { + font-size: 9pt; + margin: .125em; + max-width: 41em; + } + dl.details_list dt { + clear: left; + float: left; + width: 9em; + padding-top: 3px; + text-align: right; + color: #ffe; + white-space: nowrap; + } + dl.details_list dd { + padding-top: 3px; + margin-left: 9.5em; + } + +/* Control the look of the text-based HDTV stamp throughout MythWeb */ + .hdtv_icon { + font-size: 9pt; + float: right; + color: yellow; + display: inline; + font-weight: bold; + } + +/* a class for the the cells containing recorded programs in recorded_programs.php */ +.scheduled { background-color: #506090; } +.conflict { background-color: #806050; } +.duplicate { background-color: #304050; } +.deactivated { background-color: #508060; } + +.will_record { border: 1px solid #00F000 !important; } +.record_weekly { border: 1px solid #00F000 !important; } +.record_timeslot { border: 1px solid #00F000 !important; } +.record_once { border: 1px solid #00F000 !important; } +.record_channel { border: 1px solid #00F000 !important; } +.record_always { border: 1px solid #00F000 !important; } +.record_conflicting { border: 1px solid #FF0000 !important; } +.record_duplicate { border: 2px dashed #90B0A0 !important; } +.record_old_duplicate { border: 1px dashed #90B0A0 !important; } +.record_suppressed { border: 2px dotted #60B0B0 !important; } +.record_override_suppress { border: 2px dotted #D03060 !important; } +.record_override_record { border: 2px solid #00FF90 !important; } + + +/* There should be exactly one class in the next section corresponding to + each possible value of RecStatus_Types as defined in + includes/programs.php */ +.rec_class { + background: transparent; + text-align: center; +} +.rec_class.WillRecord { font-weight: bold; } +.rec_class.Recording { font-weight: bold; } +.Recording { color: #00FF00; border-width: 2px } +.WillRecord { color: #00FF00; } +.PreviousRecording { color: #90B0A0; } +.CurrentRecording { color: #90D0A0; } +.Repeat { color: #90B0A0; } +.EarlierShowing { color: #90FFA0; } +.LaterShowing { color: #90FFA0; } +.TooManyRecordings { color: #60B0B0; } +.Cancelled { color: #60B0B0; } +.Conflicting { color: #FF0000; } +.LowDiskSpace { color: #60B0B0; } +.TunerBusy { color: #60B0B0; } +.ManualOverride { color: #D03060; } +.Overlap { color: #FF0000; } + +.cat_Action { background-color: #906020; } +.cat_Adult { background-color: #702020; } +.cat_Animals { background-color: #609060; } +.cat_Art_Music { background-color: #801060; } +.cat_Business { background-color: #703010; } +.cat_Children { background-color: #B00010; } +.cat_Comedy { background-color: #006080; } +.cat_Crime_Mystery { background-color: #105050; } +.cat_Documentary { background-color: #504020; } +.cat_Drama { background-color: #400060; } +.cat_Educational { background-color: #606060; } +.cat_Food { background-color: #208040; } +.cat_Game { background-color: #701010; } +.cat_Health_Medical { background-color: #806060; } +.cat_History { background-color: #807020; } +.cat_HowTo { background-color: #A0A000; } +.cat_Horror { background-color: #101040; } +.cat_Misc { background-color: #403060; } +.cat_News { background-color: #606040; } +.cat_Reality { background-color: #304040; } +.cat_Romance { background-color: #A02050; } +.cat_Science_Nature { background-color: #008050; } +.cat_SciFi_Fantasy { background-color: #606090; } +.cat_Shopping { background-color: #103010; } +.cat_Soaps { background-color: #508080; } +.cat_Spiritual { background-color: #804080; } +.cat_Sports { background-color: #005030; } +.cat_Talk { background-color: #203040; } +.cat_Travel { background-color: #2060B0; } +.cat_War { background-color: #B06050; } +.cat_Western { background-color: #806040; } +.cat_Unknown { background-color: #303030; } + +.cat_movie { background-color: #809090 !important; } +.cat_series { } +.cat_tvshow { } + +/* deprecated show categories that need to be integreted into the above list via regex, or have new categories created for them */ +.tv_Cine { background-color: blue; } +.tv_Classic { background-color: gray; } +.tv_Collectibles { background-color: #708090; } +.tv_Magazine { background-color: #48D1CC; } +.tv_Movies { background-color: blue; } +.tv_Serie { background-color: #9932CC; } +.tv_SHOW { background-color: #A0522D; } +.tv_Tiempo { background-color: #33ff99; } diff --git a/skins/negative/remote.css b/skins/negative/remote.css new file mode 100644 index 0000000..b3d44cf --- /dev/null +++ b/skins/negative/remote.css @@ -0,0 +1,178 @@ +/* @deprecated + * A class for the the cells containing settings in the various settings files +/*/ + .settings { + background-color: #506080; + } + +/* The main box surrounding all settings editors */ + #remote { + margin-top: 1em; + } + +/* Overview of the settings */ + + #remote .x-overview { + text-align: center; + width: 15em; + } + #remote .x-title { + margin: .5em; + font-size: 125%; + } + +/* The list of modules. */ + + #remote .x-modules { + white-space: nowrap; + } + #remote .x-modules ul { + margin: 1em; + list-style-type: none; + padding: 0px; + } + #remote .x-modules li { + } + #remote .x-modules a { + display: block; + padding: .2em 1em; + background-color: #345; + border: 1px dotted #9090B0; + margin-top: 1px; + margin-bottom: 11px; + } + #remote .x-modules a:hover, #remote .x-modules a.x-selected { + background-color: #023; + margin-top: -1px; + margin-bottom: 10px; + border-width: 2px; + border-color: #abd; + } + #remote .x-modules a.x-selected { + border-style: solid; + } + +/* The list of sections for the current module. Normally displayed as tabs. */ + + #remote .x-sections { + padding: 0px 1em; + border-bottom: 1px solid #9090B0; + height: 2.25em; + vertical-align: bottom; + } + + #remote .x-sections ul { + display: inline; + list-style: none; + margin: 0; + padding: 0; + } + #remote .x-sections a { + float: left; + color: #ccd; + background-color: #405953; + padding: 2px 6px; + margin: 3px 5px 0px 0px; + border: 2px solid #578; + border-bottom: none; + white-space: nowrap; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + } + #remote .x-sections a:hover, #remote .x-sections a.x-selected { + color: white; + background-color: #102923; + border-color: #9090B0; + } + #remote .x-sections a.x-selected { + border-bottom: 1px solid #102923; + margin-bottom: -1px; + } + + #remote .x-sections a.active { + color: white; + font-weight: bold; + background-color: #102923; + border: 2px solid #9090B0; + border-bottom: 1px solid #102923; + margin-bottom: -1px; + } + +/* Select which host to edit the settings for. */ + + #remote .x-host { + text-align: right; + border-bottom: 1px solid #9090B0; + } + +/* A notification/warning */ + + #remote .x-notice { + margin: 1em; + padding: .5em; + text-align: center; + color: #fbb; + background-color: #360000; + border: 1px solid #F03030; + } + +/* The content of the settings that are being edited */ + + #remote .x-content { + background-color: #102923; + border: 1px solid #9090B0; + border-top: none; + padding: .5em; + } + + #remote .x-content table { + width: 100%; + } + #remote .x-content table th, #remote .x-content table td { + padding: .5em; + } + + #remote .x-content th { + text-align: right; + font-weight: normal; + white-space: nowrap; + } + + #remote .x-content tr.x-sep th, #remote .x-content tr.x-sep td { + border-bottom: 1px solid #304943; + } + +/* Key controls */ + + #remote_keys table td { + text-align: center; + padding: 2px !important; + } + #remote_keys table a { + display: block; + min-width: 2em; + padding: .25em .5em; + font-weight: bold; + border: 1px solid #7b8; + background-color: #263; + } + #remote_keys table a:hover { + border: 1px solid #9da; + background-color: #485; + text-decoration: none; + } + #remote_keys table a.pressed { + border: 1px solid #9da; + background-color: #685; + } + #remote_keys table a.pressed:hover { + background-color: #8a7; + } + #remote_keys table a.noshift { + } + #remote_keys table a.reqshift { + } + #remote_keys table a.x-hidden { + display: none; + } + diff --git a/skins/negative/settings.css b/skins/negative/settings.css new file mode 100644 index 0000000..d5e977b --- /dev/null +++ b/skins/negative/settings.css @@ -0,0 +1,143 @@ +/* @deprecated + * A class for the the cells containing settings in the various settings files +/*/ + .settings { + background-color: #506080; + } + +/* The main box surrounding all settings editors */ + #settings { + margin-top: 1em; + } + +/* Overview of the settings */ + + #settings .x-overview { + text-align: center; + width: 15em; + } + #settings .x-title { + margin: .5em; + font-size: 125%; + } + +/* The list of modules. */ + + #settings .x-modules { + white-space: nowrap; + } + #settings .x-modules ul { + margin: 1em; + list-style-type: none; + padding: 0px; + } + #settings .x-modules li { + } + #settings .x-modules a { + display: block; + padding: .2em 1em; + background-color: #345; + border: 1px dotted #9090B0; + margin-top: 1px; + margin-bottom: 11px; + } + #settings .x-modules a:hover, #settings .x-modules a.x-selected { + background-color: #023; + margin-top: -1px; + margin-bottom: 10px; + border-width: 2px; + border-color: #abd; + } + #settings .x-modules a.x-selected { + border-style: solid; + } + +/* The list of sections for the current module. Normally displayed as tabs. */ + + #settings .x-sections { + padding: 0px 1em; + border-bottom: 1px solid #9090B0; + height: 2.25em; + vertical-align: bottom; + min-width: 60%; + } + + #settings .x-sections ul { + display: inline; + list-style: none; + margin: 0; + padding: 0; + } + #settings .x-sections a { + float: left; + color: #ccd; + background-color: #405953; + padding: 2px 6px; + margin: 3px 5px 0px 0px; + border: 2px solid #578; + border-bottom: none; + white-space: nowrap; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + } + #settings .x-sections a:hover, #settings .x-sections a.x-selected { + color: white; + background-color: #102923; + border-color: #9090B0; + } + #settings .x-sections a.x-selected { + border-bottom: 1px solid #102923; + margin-bottom: -1px; + } + + #settings .x-sections a.active { + color: white; + font-weight: bold; + background-color: #102923; + border: 2px solid #9090B0; + border-bottom: 1px solid #102923; + margin-bottom: -1px; + } + +/* Select which host to edit the settings for. */ + + #settings .x-host { + text-align: right; + border-bottom: 1px solid #9090B0; + } + +/* A notification/warning */ + + #settings .x-notice { + margin: 1em; + padding: .5em; + text-align: center; + color: #fbb; + background-color: #360000; + border: 1px solid #F03030; + } + +/* The content of the settings that are being edited */ + + #settings .x-content { + background-color: #102923; + border: 1px solid #9090B0; + border-top: none; + } + + #settings .x-content table { + width: 100%; + } + #settings .x-content table th, #settings .x-content table td { + padding: .5em; + } + + #settings .x-content th { + text-align: right; + font-weight: normal; + white-space: nowrap; + } + + #settings .x-content tr.x-sep th, #settings .x-content tr.x-sep td { + border-bottom: 1px solid #304943; + } diff --git a/skins/negative/stats.css b/skins/negative/stats.css new file mode 100644 index 0000000..1557e1e --- /dev/null +++ b/skins/negative/stats.css @@ -0,0 +1,71 @@ +#content_wrapper { + padding-left: 1em; + padding-right: 1em; + padding-bottom: 1em; + margin: auto; +} + +h2 { + text-align: center; +} + +#count_div { + float: left; + padding-left: 5em; + padding-top: 1em; +} +#query_time_div { + float: right; + padding-right: 5em; + padding-top: 1em; +} + +/* The general stats box */ +#general_stats dl { + font-size: 9pt; + max-width: 35em; + margin: 1em auto; + padding: .2em .5em .5em .5em; + border: 1px dotted #9090B0; +} + +#general_stats dt { + clear: left; + float: left; + width: 15em; + padding-top: 3px; + text-align: right; +} + +#general_stats dd { + padding-top: 3px; + margin-left: 15.5em; +} + +#stats { + border: 1px solid #9090B0; + border-collapse: collapse; + margin: auto; +} + +.caption { + border: 1px dotted #9090B0; + font-weight: bold; + text-align: center; +} + +.center { + text-align: center; +} + +#stats td { + border: 1px dotted #9090B0; + padding: 0px .5em; +} + +#stats th { + border: 1px solid #9090B0; + border-right: 1px dotted #9090B0; + border-left: 1px dotted #9090B0; + padding: 0px .5em; +} diff --git a/skins/negative/status.css b/skins/negative/status.css new file mode 100644 index 0000000..2d36bc0 --- /dev/null +++ b/skins/negative/status.css @@ -0,0 +1,83 @@ +#content_wrapper { + margin-left: 15%; + margin-right: 15%; +} + +h1 { + font-size: 28px; + font-weight: 900; + color: #ccc; + letter-spacing: 0.5em; + margin-bottom: 30px; + width: 70%; + text-align: center; +} +h2 { + font-size: 18px; + font-weight: 800; + color: #7c4; + border: none; + letter-spacing: 0.3em; + padding: 0px; + margin-bottom: 10px; + margin-top: 0px; +} +hr { + display:none; +} +div.content { + width: 90%; + border-top: 1px solid #88a; + border-right: 1px solid #88a; + border-bottom: 1px solid #88a; + border-left: 10px solid #88a; + padding: 10px; + margin-bottom: 30px; + -moz-border-radius: 8px 0px 0px 8px; +} +div.schedule a { + position: relative; + display: block; + color: white; + text-decoration: none; + padding: .2em .8em; + border: thin solid #668; + margin-right: 280px; + /*width: 340px;*/ +} +div.schedule a span { + display:none; +} +div.schedule a:hover { + background-color: #204670; + border-top: thin solid #668; + border-bottom: thin solid #668; + border-left: thin solid #668; + cursor: default; +} +div.schedule a:hover span { + display: block; + position: absolute; + background-color: #204670; + color: white; + right: -291px; + margin-top: -20px; + width: 280px; + padding: 5px; + border: thin dashed #88a; +} +div.diskstatus { + /* width: 325px; */ + height: 7em; + float: left; +} +div.loadstatus { + /* width: 325px; */ + height: 7em; + float: right; +} +.jobfinished { color: white; } +.jobaborted { color: #ff2222; } +.joberrored { color: #ff4444; } +.jobrunning { color: #00ff00; } + diff --git a/skins/negative/style.css b/skins/negative/style.css new file mode 100644 index 0000000..7353351 --- /dev/null +++ b/skins/negative/style.css @@ -0,0 +1,256 @@ +/* + * Global page handlers. +/*/ + + html,body { + border: 0; + margin: 0; + padding: 0; + font-size: 9pt; + font-family: Arial, Helvetica, sans-serif; + background-color: #191c26; + color: #dedede; + } + + /* For some reason, settings for the main body element doesn't always work for + * text inside of tables + /*/ + .body { + font-size: 12px; + font-family: Arial, Helvetica, sans-serif; + } + +/* + * We should try to keep links and labels looking consistent across the app. +/*/ + + a, a:link, .link { color: #E0E0FF; text-decoration: none; cursor: pointer;} + a:active { color: #990033; text-decoration: none; } + a:visited { color: #E0E0FF; text-decoration: none; } + a:hover { color: #F0F000; text-decoration: underline; } + + label { color: #E0E0FF; text-decoration: none; } + label:hover { color: #F0F000; text-decoration: underline; } + +/* a class for the menu across the top of the page as well as menu headers throughout the page */ + .menu { background-color: #265990 } + .menu_border_t { border-top: 2px solid #9090B0 } + .menu_border_b { border-bottom: 2px solid #9090B0 } + .menu_border_l { border-left: 2px solid #9090B0 } + .menu_border_r { border-right: 2px solid #9090B0 } + +/* a class for commands and other user input boxes */ + +/* @deprecated old classes */ +.command { background-color: #1040A0 } +.command_border_t { border-top: 2px solid #9090B0 } +.command_border_b { border-bottom: 2px solid #9090B0 } +.command_border_l { border-left: 2px solid #9090B0 } +.command_border_r { border-right: 2px solid #9090B0 } +.activecommand { background-color: #108040 } + +/* New command classes */ + + /* Box to hold commands */ + .commandbox { + background-color: #102923; + color: #E0E0FF; + border: 1px solid #9090B0; + } + + /* Commands themselves */ + + .commands { /* Placeholder for handling sub-elements */ } + + .commands input.x-submit { + border: 2px outset #7b8; + padding: 0 .5em; + height: 2em; + background-color: #263; + color: #E0E0FF; + } + .commands input.x-submit:hover { + border: 1px outset #9da; + background-color: #485; + color: #F0F000; + text-decoration: underline; + } + + .commands a { + font-weight: bold; + border: 1px solid #7b8; + padding: .15em .5em; + background-color: #263; + } + .commands a:hover { + border: 1px solid #9da; + background-color: #485; + } + +/* + * The following styles refer to forms and form elements throughout MythWeb +/*/ + + /* Avoid those nasty extra linefeeds in IE tags */ + form { display: inline; } + + /* A special class for submit buttons */ + .submit { + border: 2px outset #7b8; + padding: 0 .5em; + background-color: #263; + color: #E0E0FF; + font-weight: bold; + height: 2em; + } + .submit:hover { + border: 2px outset #9da; + background-color: #485; + color: #F0F000; + text-decoration: underline; + } + + /* A special class for radio buttons and check boxes because some browsers render them weirdly */ + .radio { + height: 14px !important; + width: 14px !important; + color: #002000; + background-color: #C0D0C0; + } + + /* Default styles for form fields */ + select { + font-family: Arial, Helvetica, sans-serif; + color: #002000; + background-color: #C0D0C0; + font-size: 9pt; + } + + input { + padding-left: .25em; + font-family: Arial, Helvetica, sans-serif; + color: #002000; + background-color: #C0D0C0; + font-size: 9pt; + } + + textarea { + font-family: courier, courier-new; + color: #002000; + background-color: #C0D0C0; + font-size: 9pt; + } + + /* Quantity-sized elements look better with the text centered */ + input.quantity { + width: 2em !important; + text-align: center; + } + +/* + * A special class for error stuff, so all page errors look the same. +/*/ + + #error, .error { + color: #F03030; + background-color: #360000; + border-color: #F03030; + border: thin groove #F03030; + padding: 8px; + } + +/* + * The following represent some global classes to accommodate minor but + * oft-used manipulations like font sizes.0 +/*/ + + /* font size classes */ + .tiny { font-size: 9px; } + .small { font-size: 9pt; } + .normal { font-size: 10pt; } + .large { font-size: 12pt; } + .huge { font-size: 24px; } + + /* fony style classes */ + .bold, .bold a, .bold a:link, .bold a:visited, .bold a:active, .bold a:hover { + font-weight: bold !important; + } + .italic, .italic a, .italic a:link, .italic a:visited, .italic a:active, .italic a:hover { + font-style: italic !important; + } + + /* Handy for, well, hiding things.. Also for mouseover popup menus */ + .hidden { + visibility: hidden; + display: none; + } + +/* + * clearfix -- see http://positioniseverything.net/easyclearing.html for details on how/why this works +/*/ + + .clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; + } + .clearfix {display: inline-block;} + /* Hides from IE-mac \*/ + * html .clearfix {height: 1%;} + .clearfix {display: block;} + /* End hide from IE-mac */ + + /* Ajax little popup request thing style */ + #ajax_working { + position: fixed; + background-color: green; + bottom: 0px; + left: 1em; + padding: 1em; + width: 10em; + text-align: center; + } + + .link { + cursor: pointer; + } + +/* I don't think we have a single image with a border in the default template, so disable it */ + a img { + border: 0px; + } + + .nowrap { + white-space: nowrap; + } + +#feed_buttons { + padding-top: 1em; + padding-bottom: 1em; + padding-left: 1.35em; +} + +#feed_buttons a { + padding-right: 1em; +} + +#dialog-overlay { + background-color: #506090; +} + +#dialog-top { + background-color: #203670; + border: 1px solid #203670; +} + +#dialog-title { + color: white; + +} + +#dialog-content { + background-color: #265990; + text-align: center; +} diff --git a/skins/negative/tv_channel.css b/skins/negative/tv_channel.css new file mode 100644 index 0000000..6860a96 --- /dev/null +++ b/skins/negative/tv_channel.css @@ -0,0 +1,71 @@ +/* + * + * Styles used in /tv/list + * +/*/ + +.right_arrow { + float: right; +} +.left_arrow { + float: left; +} + +#list_head { + width: 80%; + margin: 1em auto; +} + +#x_current_time { + font-size: 150%; + margin-top: .25em; + float: left; +} +#x_current_time img { + margin-top: -.25em; + float: left; + margin-right: .5em; + max-width: 160px; + max-height: 70px; +} + +#x-jumpto { + float: right; +} +#x-jumpto td { + padding: .35em 1em; + vertical-align: middle; + white-space: nowrap; +} +#x-jumpto td.x-jumpto { + font-size: 110%; + font-weight: bold; + border-right: 1px solid #304943; +} +#x-jumpto td.x-hour { + border-right: 1px solid #304943; +} +#x-jumpto td.x-hour select { + text-align: right; +} +#x-jumpto .x-day select { + text-align: center; +} + +#x-jumpto a img { + vertical-align: middle; + height: 16px; + width: 16px; + margin-top: -2px; +} +#x-jumpto a { + height: 20px; + width: 20px; + padding: 2px; + border: 1px solid #7b8; + background-color: #263; +} +#x-jumpto a:hover { + border: 1px solid #9da; + background-color: #485; +} diff --git a/skins/negative/tv_detail.css b/skins/negative/tv_detail.css new file mode 100644 index 0000000..ca84088 --- /dev/null +++ b/skins/negative/tv_detail.css @@ -0,0 +1,276 @@ +/* + * Table around all program info (left column) +/*/ + +#x-info { + float: left; + padding: 0px; + width: 45em; + margin: 10px 0px 10px 10px; + background-color: #101a29; + color: #E0E0FF; + border: 1px solid #9090B0; +} + +/* + * This div contains the program overview: + * channel/title/subtitle/time/description +/*/ + +.x-channel { + width: 8em; + padding: 0 !important; + vertical-align: middle; + background-color: #202a49; + white-space: nowrap; + border-right: 1px solid #9090B0; + border-bottom: 1px solid #9090B0; +} +.x-channel img { + position: relative; + top: -4px; + vertical-align: middle; + max-width: 90px; + max-height: 50px; +} +.x-channel a { + display: block; + text-align: center; + padding: 5px; +} +.x-channel .x-preferred { + margin-left: 5px; + font-size: 200%; +} + +#x-title { + padding: .2em .5em; + border-bottom: 1px solid #9090B0; +} +#x-title a { + font-size: 175% !important; + font-weight: bold; +} + +#x-time { + margin-top: .2em; + color: #E0E0FF; + white-space: nowrap; +} +#x-description { + padding: .5em; + border-bottom: 1px solid #9090B0; +} +#x-progflags td { + padding: .5em; + border-bottom: 1px solid #9090B0; +} +#x-progflags img { + margin-right: .3em; +} +#x-progflags a img { + border: 1px solid transparent; +} +#x-progflags a:hover img { + border: 1px solid #F0F000; +} + +#x-status { + background-color: #102923; +} + + +#x-status th { + vertical-align: top; + font-weight: normal; + text-align: right; + padding: .25em; + white-space: nowrap; + border-top: 1px solid #9090B0; +} +#x-status td { + padding: .25em; + border-top: 1px solid #9090B0; +} +#x-status td a { + float: left; + margin-right: .5em; + font-weight: bold; + border: 1px solid #7b8; + padding: .15em .5em; + background-color: #263; +} +#x-status td a:hover { + border: 1px solid #9da; + background-color: #485; +} + +#x-info .x-extras { +} +#x-info .x-extras th { + vertical-align: top; + font-weight: normal; + text-align: right; + padding: .25em; + white-space: nowrap; + border-top: 1px solid #202933; +} +#x-info .x-extras td { + padding: .25em; + border-top: 1px solid #202933; +} + +#x-conflicts th { + vertical-align: top; + font-weight: normal; + text-align: right; + white-space: nowrap; + padding: .5em .25em; + border-top: 1px solid #9090B0; +} +#x-conflicts td { + padding: .25em; + padding-bottom: 0; + border-top: 1px solid #9090B0; +} +#x-conflicts td a { + display: block; + padding: .15em .25em; + margin-bottom: .25em; +} +#x-conflicts { +} + +#x-info .x-links th { + vertical-align: top; + font-weight: normal; + text-align: right; + white-space: nowrap; + padding: .4em .25em; + border-top: 1px solid #9090B0; +} +#x-info .x-links td { + padding: .25em; + padding-bottom: 0; + border-top: 1px solid #9090B0; +} +#x-info .x-links td a { + display: block; + padding: .15em .25em; + margin-bottom: .25em; +} + +#x-downloads { + float: left; + padding: 0px; + min-width: 350px; + max-width: 500px; + margin: 10px 0px 10px 10px; + background-color: #101a29; + color: #E0E0FF; + border: 1px solid #9090B0; +} +#x-downloads img { + margin-right: .3em; +} +#x-downloads a img { + border: 1px solid transparent; +} +#x-downloads a { + border: 1px solid transparent; +} +#x-downloads a:hover img { + border: 1px solid #F0F000; +} +#x-downloads div.x-pixmap { + padding: 1em 1em 0em 1em; + background-color: black; + text-align: center; +} +#x-downloads div.x-pixmap a.x-pixmap { + margin: .25em auto; +} + +#x-downloads div.x-links { + padding: .5em; + background-color: black; + text-align: center; +} + +#x-downloads div.x-links a { + position: relative; + top: -10px; + margin: 0px 1.5em; + padding: .75em; +} +#x-downloads div.x-links a img { + position: relative; + top: 10px; +} +#x-downloads div.x-links a:hover img { + border: 1px solid transparent; +} +#x-downloads div.x-links a:hover { + background-color: #121; + border: 1px solid #F0F000; + text-decoration: none; +} +#x-downloads div.x-jobs { + border-top: 1px solid #9090B0; + padding: .5em; +} + +#x-downloads div.x-jobs a { + margin-right: .5em; + font-weight: bold; + border: 1px solid #7b8; + padding: .15em .5em; + background-color: #263; +} +#x-downloads div.x-jobs a:hover { + border: 1px solid #9da; + background-color: #485; +} + +#x-downloads div.x-jobs ul { + padding: 0px 0px 0px 1.5em; +} +#x-downloads div.x-jobs li { + padding-bottom: .25em; +} + +#x-downloads div.x-jobs ul.x-queue li { + padding-bottom: .75em; +} + +#x-downloads div.x-frontends { + padding: 0.5em; +} + +#x-downloads div.x-frontends ul { + padding: 0px 0px 0px 1.5em; +} +#x-downloads div.x-frontends li { + padding-bottom: .25em; +} + +#x-downloads div.x-frontends ul li { + padding-bottom: .75em; +} + +#x-downloads div.x-frontends ul li a { + background-color: #226633; + border: 1px solid #77BB88; + font-weight: bold; + margin-right: 0.5em; + padding: 0.15em 0.5em; +} + +#x-downloads div.x-frontends ul li a:hover { + color: #F0F000; + text-decoration: underline; +} + +#metadata-home-page { + margin-left: 20px; +} diff --git a/skins/negative/tv_list.css b/skins/negative/tv_list.css new file mode 100644 index 0000000..e86c13c --- /dev/null +++ b/skins/negative/tv_list.css @@ -0,0 +1,90 @@ +/* + * + * Styles used in /tv/list + * +/*/ + +.right_arrow { + float: right; +} +.left_arrow { + float: left; +} + +.x-channel { + width: 8em; + height: 70px; + padding: 0 !important; + vertical-align: middle; + background-color: #202a49; + white-space: nowrap; +} +.x-channel img { + position: relative; + top: -4px; + vertical-align: middle; + max-width: 70px; + max-height: 30px; +} +.x-channel a { + display: block; + text-align: center; + padding: 5px; +} +.x-channel .x-preferred { + margin-left: 5px; + font-size: 200%; +} + +#list_head { + width: 80%; + margin: 1em auto; +} + + +#x_current_time { + font-size: 150%; + margin-top: .25em; + float: left; +} + +#x-jumpto { + float: right; +} +#x-jumpto td { + padding: .35em 1em; + vertical-align: middle; + white-space: nowrap; +} +#x-jumpto td.x-jumpto { + font-size: 110%; + font-weight: bold; + border-right: 1px solid #304943; +} +#x-jumpto td.x-hour { + border-right: 1px solid #304943; +} +#x-jumpto td.x-hour select { + text-align: right; +} +#x-jumpto .x-day select { + text-align: center; +} + +#x-jumpto a img { + vertical-align: middle; + height: 16px; + width: 16px; + margin-top: -2px; +} +#x-jumpto a { + height: 20px; + width: 20px; + padding: 2px; + border: 1px solid #7b8; + background-color: #263; +} +#x-jumpto a:hover { + border: 1px solid #9da; + background-color: #485; +} diff --git a/skins/negative/tv_recorded.css b/skins/negative/tv_recorded.css new file mode 100644 index 0000000..f8f173c --- /dev/null +++ b/skins/negative/tv_recorded.css @@ -0,0 +1,144 @@ +/* This table holds the title and recgroup choices */ + +#title_choices { + margin: 1em auto; +} +#title_choices td { + padding: .35em 1em; + vertical-align: middle; + white-space: nowrap; +} +#title_choices td.x-group, #title_choices td.x-recordings { + font-size: 110%; + font-weight: bold; + border-right: 1px solid #304943; +} +#title_choices td.x-recordings { + border-left: 1px solid #304943; +} + +/* This is the table that holds the list of recorded shows */ + +#recorded_list { + width: 100%; +} + +#recorded_list td { + padding: 4px; + border: 1px solid #191c26; +} +#recorded_list th { + padding: 0; + border: 1px solid #191c26; + text-align: left; + font-weight: normal; +} +#recorded_list th a { + padding: 2px .5em; + display: block; +} + +#recorded_list td.x-pixmap { + background-color: black; + padding: 0 !important; + width: 150px; + position: relative; +} +#recorded_list td.x-pixmap.x-noimg { + width: 50px; +} +#recorded_list td.x-pixmap a { + border: 1px solid transparent; +} +#recorded_list td.x-pixmap a:hover { + background-color: #121; + border: 1px solid #F0F000; +} + +#recorded_list td.x-pixmap a.x-pixmap { + float: left; +} +#recorded_list td.x-pixmap a.x-pixmap img { + width: 100px; +} +#recorded_list td.x-pixmap a.x-download { + margin-left: 102px; + display: block; + padding: 7px; + height: 24px; + text-align: center; + vertical-align: middle; +} +#recorded_list td.x-pixmap.x-noimg a.x-download { + margin-left: 2px; +} + + +#recorded_list th.x-title a, #recorded_list td.x-title { +} +#recorded_list th.x-subtitle a, #recorded_list td.x-subtitle { +} +#recorded_list th.x-programid a, #recorded_list td.x-programid { +} +#recorded_list th.x-channum a, #recorded_list td.x-channum { +} +#recorded_list th.x-airdate a, #recorded_list td.x-airdate { + text-align: center; + white-space: nowrap; +} +#recorded_list th.x-recgroup a, #recorded_list td.x-recgroup { +} +#recorded_list th.x-length a, #recorded_list td.x-length { + white-space: nowrap; + text-align: center; +} +#recorded_list th.x-filesize a, #recorded_list td.x-filesize { + white-space: nowrap; + text-align: center; +} + +#recorded_list td.x-commands { + padding: 2px; + width: 5%; + white-space: nowrap; + text-align: center; + vertical-align: top; + background-color: #191c26; +} +#recorded_list td.x-commands a { + display: block; + padding: .25em .5em; + margin: 0 0 3px 0; +} +#recorded_list td img.channelicon +{ + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; + max-width: 70px; + max-height: 70px; + width: expression(this.width > 70 ? "70px" : true); + height: expression(this.height > 70 ? "70px" : true); +} + +/* a class for the the cells containing recored programs in recorded_programs.php */ +.recorded { background-color: #506080; } + +.recorded .x-progflags img { + padding: .3em; +} + +.recorded a img { + border: 1px solid transparent; +} +.recorded .x-progflags a:hover img { + border: 1px solid #F0F000; +} + +#recorded_pager { + margin-top: 1em; + margin-bottom: 1em; + margin-left: 1em; + float: left; +} diff --git a/skins/negative/tv_schedule.css b/skins/negative/tv_schedule.css new file mode 100644 index 0000000..2740816 --- /dev/null +++ b/skins/negative/tv_schedule.css @@ -0,0 +1,140 @@ +/* + * This div contains all of the scheduling options. It's shared by the program + * details page, as well as the manual and custom schedule pages. +/*/ + +#schedule { + float: left; + margin: 10px; + background-color: #102923; + color: #E0E0FF; + border: 1px solid #9090B0; +} +#schedule h3 { + margin: 0px; + display: inline; +} +#schedule ul { + padding-left: 1em; +} +#schedule li { + list-style-type: none; + white-space: nowrap; +} + +#schedule .x-options { + border-bottom: 1px solid #304943; + padding: .5em 1em; + margin: .5em 0 .5em 0; +} +#schedule .x-options ul { + margin-top: .5em; + margin-bottom: .5em; +} +#schedule .x-options dl { + margin-top: .5em; + margin-bottom: .5em; +} +#schedule .x-options dl dt { /* remember that the vertical margins of dt and dd *must* line up */ + clear: both; + float: left; + width: 13em; + margin: 0.25em 0; + text-align: right; + white-space: nowrap; + position: relative; /*IEWin hack*/ +} +#schedule .x-options dl dd { + clear: right; + margin-left: 13.5em; + margin-bottom: 0.5em; +} +#schedule .x-options input { + width: 18em; +} +#schedule .x-options select { + width: 18em; +} + +#schedule input.inetref { + width: 5em !important; + margin-right: 20px; +} + +/* A special subclass for options with extra-long input fields */ +#schedule .x-options dl.x-long input, .x-options dl.x-long textarea { + width: 32em; +} + + +#x-schedule_advanced_off { + margin: .5em 1em; + font-style: italic; + font-size: 90%; +} + +#x-schedule_submit { + text-align: center; + padding: .5em 0 1em 0; +} + +/* Metadata specific classes */ + +#metadata-message { + margin-bottom: 10px; +} + +.multiple-metadata { +} + +.metadata-item { + width: 500px; + min-height: 150px; + margin: 0px 15px 10px 0px; + border: 1px solid white; +} + +.metadata-item.hover { + background-color: white; + cursor: pointer; + color: #265990; +} + +.metadata-item img { + float: left; +} + +.metadata-item img.coverart { + height: 150px; + width: 100px; + margin-right: 10px; +} + +.metadata-item img.fanart { + height: 150px; + width: 100px; + margin-right: 10px; +} + +.metadata-item img.banner { + height: 55px; + width: 300px; + margin: 5px auto -10px; + float: none; +} + +.metadata-item .no-art { + height: 2em; +} + + +.metadata-item .title { + font-size: 2em; + font-weight: bold; + padding-top: .5em; +} + +.metadata-item .description { + padding: 0px 10px 10px; + text-align: left; +} diff --git a/skins/negative/tv_schedules.css b/skins/negative/tv_schedules.css new file mode 100644 index 0000000..fdb8ed7 --- /dev/null +++ b/skins/negative/tv_schedules.css @@ -0,0 +1,48 @@ +#no_schedules { + margin: 1em; + padding: 1em; + font-size: 200%; + text-align: center; +} + +#listings th { + font-weight: normal; + text-align: left; + white-space: nowrap; +} +#listings th.x-title { +} +#listings th.x-priority { + text-align: center; +} +#listings th.x-channel { +} +#listings th.x-profile { +} +#listings th.x-transcoder { +} +#listings th.x-group { +} +#listings th.x-type { +} + +#listings td { +} +#listings td.x-title { +} +#listings td.x-priority { + text-align: center; +} +#listings td.x-channel { +} +#listings td.x-profile { +} +#listings td.x-transcoder { +} +#listings td.x-group { +} +#listings td.x-type { +} +#listings td.x-sgroup { +} + diff --git a/skins/negative/tv_search.css b/skins/negative/tv_search.css new file mode 100644 index 0000000..4f06a31 --- /dev/null +++ b/skins/negative/tv_search.css @@ -0,0 +1,63 @@ +#search_options { + margin: 1em auto; +} +#search_options td { + padding: .5em 1em; + vertical-align: top; + white-space: nowrap; +} +#search_options td.x-advanced { + border-right: 1px solid #304943; +} +#search_options td.x-timeopts { + border-right: 1px solid #304943; +} +#search_options td.x-progtype { + border-right: 1px solid #304943; +} +#search_options td.x-submit { + vertical-align: middle; + padding: 1.5em; +} + + +#x_search_name { + font-size: 150%; + text-align: center; +} + +#search_results th { + font-weight: normal; + text-align: left; + white-space: nowrap; +} +#search_results th.x-title { +} +#search_results th.x-category { +} +#search_results th.x-description { +} +#search_results th.x-channum { +} +#search_results th.x-airdate { +} +#search_results th.x-length { +} + +#search_results td { +} +#search_results td.x-title { +} +#search_results td.x-category { +} +#search_results td.x-description { +} +#search_results td.x-channum { +} +#search_results td.x-airdate { + white-space: nowrap; +} +#search_results td.x-length { + white-space: nowrap; +} + diff --git a/skins/negative/tv_upcoming.css b/skins/negative/tv_upcoming.css new file mode 100644 index 0000000..1514562 --- /dev/null +++ b/skins/negative/tv_upcoming.css @@ -0,0 +1,100 @@ +#display_options { + margin: 1em auto; +} +#display_options td { + padding: .35em 1em; + vertical-align: middle; + white-space: nowrap; +} +#display_options td.x-title { + font-size: 110%; + font-weight: bold; +} +#display_options td.x-check { + padding: .35em .5em; + border-left: 1px solid #304943; + height: 2em; +} +#display_options td.x-check label { + border: 1px solid #7b8; + background-color: #263; + padding-top: .15em; + padding-bottom: .15em; + padding-left: .5em; + padding-right: .35em; + margin-top: .5em; + margin-bottom: .5em; + margin-left: 0em; + margin-right: 0em; +} +#display_options td.x-check label:hover { + border: 1px solid #9da; + background-color: #485; +} +#display_options td.x-check input { + float: none; + padding: 0px; + margin: 0px; + margin-right: 5px; + margin-top: -1px; +} + +#listings { + width: 100%; +} +#listings th { + font-weight: normal; + text-align: left; +} + +#listings th.x-status { + text-align: center; +} +#listings th.x-title { +} +#listings th.x-originalairdate { +} +#listings th.x-episodenumber { +} +#listings th.x-channum { +} +#listings th.x-recgroup { +} +#listings th.x-airdate { +} +#listings th.x-length { +} + +#listings td.x-status { + text-align: center; +} +#listings td.x-title { +} +#listings td.x-originalairdate { +} +#listings td.x-episodenumber { +} +#listings td.x-channum { +} +#listings td.x-recgroup { +} +#listings td.x-airdate { + white-space: nowrap; +} +#listings td.x-length { + white-space: nowrap; +} +#listings td.x-commands { + padding: 2px; + text-align: center; + white-space: nowrap; + background-color: #191c26; +} +#listings td.x-commands a { + display: block; + padding: .25em .5em; + margin: 0; +} +#listings td.x-recording a { + border: 1px solid #0f0; +} diff --git a/skins/negative/video.css b/skins/negative/video.css new file mode 100644 index 0000000..e69de29 diff --git a/skins/negative/welcome.css b/skins/negative/welcome.css new file mode 100644 index 0000000..6e47ed9 --- /dev/null +++ b/skins/negative/welcome.css @@ -0,0 +1,62 @@ +#modules { + width: 600px; + margin: 100px auto; +} + +#module_names { + margin: 0px; + padding: 0px; + float: left; + width: 7em; + font-size: 2em; + min-height: 15em; +} + +#module_names ul { + margin: 0px; + padding: 0px; + list-style-type: none; + text-align: right; +} + +#module_names li { + position: relative; + z-index: 2; + margin: 0px -6px 0px 0px; + padding: 0px .5em .15em 0px; + border: 2px solid transparent; + white-space: nowrap; +} +#module_names li.selected { + background-color: #475; + border-top: 2px solid #48f; + border-right: 2px solid #688; + border-bottom: 2px solid #48f; + border-left: 2px solid #48f; + -moz-border-radius: 8px; +} +#module_names li.selected a { + display: block; +} + +#module_info { + background-color: #355; + margin-left: 14em; + border: 2px solid #48f; + min-width: 314px; + height: 30em; + padding: .5em 1em; + -moz-border-radius: 8px; +} + +.module_icon { + display: block; + margin: auto; +} + +#mythtv_link { + float: left; + width: 14em; + text-align: center; + margin-top: -1.5em; +} -- 1.7.10.4