Permalink
Browse files

thezoggy's changes to fix Coming Episodes

  • Loading branch information...
rodneyshupe committed Jan 13, 2011
1 parent 76ed735 commit 35bd570fd2c9ca520cbec3fcf3469c9eafa9f6bc
Showing with 389 additions and 360 deletions.
  1. +129 −112 css/comingepisodes.css
  2. +260 −248 widgets/wComingEpisodes.php
View
@@ -1,112 +1,129 @@
-#wComingEpisodes iframe {
- display : none;
- visibility : hidden;
- height : 1px;
-}
-#wComingEpisodes h1 {
- display : none;
- visibility : hidden;
-}
-
-div#header, span.MainMenu, span.SubMenu {
- display : none;
- visibility : hidden;
- height : 1px;
-}
-
-#outerWrapper {
- width: 100%;
- margin: -40px auto 0px auto;
- font: 9pt arial;
-}
-
-#listingWrapper {
- padding: 1px 0px 10px 0px;
- overflow: auto;
- height:auto!important;
- font-size: 0.8em;
-}
-
-#listingWrapper h1 {
- display:block;
- visibility: visible;
- border-bottom: 0px;
- text-align: left;
- margin:0 0 -8 15px;
-}
-
-.listing {
- padding: 10px 20px 10px 10px;
- border: none;
- margin-top: 10px;
- overflow: hidden;
- background-color: inherit;
-}
-
-.listingThumb, .posterThumb {
- width: 80px!important;
- /*height: 118px;*/
- float: left!important;
- border: 1px solid #000!important;
- background-image: url(/sickbeard/images/poster.png)!important;
-}
-a.highslide img.listingThumb {
- border: 1px solid #000;
-}
-.listing > div {
- margin-left: 100px;
-}
-
-.listing h1 {
- font-size: 1.2em;
- font-weight: bold;
- margin: 10px 0px;
- padding: 0;
- border-bottom: 0px none #000;
- text-align: left;
-}
-
-.listing h1 > .icons {
- float: right;
-}
-
-.listing h1 > .icons a {
- font-size: 0.5em;
- font-weight: normal;
- color: #222528
-}
-
-.listing h1 > .icons a img {
- width: 12px;
- height: 12px;
-}
-
-.listing p {
- /* font-size: 1.1em; */
- padding: 0px 0px 0px 5px;
-}
-
-.listing p > .info {
- font-weight: bold;
-}
-
-.listing p > .ended {
- color: red;
-}
-
-.listing p > .unknown {
- color: blue;
-}
-
-.listing p.next {
- padding: 5px;
-}
-
-.listing p.noMargin {
- margin-bottom: 0;
-}
-
-#main #wComingEpisodes.widget .widget-content {
- max-height:none;
- overflow:hidden;
-}
+div#header, span.MainMenu, span.SubMenu, span#tagline, .h2footer, .footer, .plotInfo {
+display: none !important;
+visibility: hidden !important;
+}
+
+#comingepisodeswrapper, #insideWrapper {
+max-height: 500px;
+/* set max-width for using this widget on either side otherwise you can't see everything */
+/* max-width: 400px; */
+}
+
+/* remove border from images --needed for all 3 views */
+div.tvshowDiv > table tr th img, td > a > img{
+border:0 !important;
+margin:0 !important;
+}
+
+/* start - specific to list view */
+table#showListTable {
+width: 100% !important;
+}
+/* fix list alignment problem */
+table#showListTable > tbody > tr > td, table#showListTable > thead > tr > th {
+text-align: left;
+padding-left: 5px;
+}
+/* make it so that the tv show doesn't word wrap */
+table#showListTable > tbody > tr > td a {
+white-space:nowrap;
+}
+/* end - specific to list view */
+
+/* make the tv show w/icons look more like a title bar */
+div.tvshowDiv > table tr th {
+ /* background-color: #333 !important;
+ border-bottom: 1px solid #666 !important;
+ */
+background-color: transparent !important;
+}
+/* left align the tv show title */
+div.tvshowDiv > table tr th > span.tvshowTitle a{
+text-align: left !important;
+float: left !important;
+padding: 3px 0px 4px !important;
+font-size: 16px !important;
+}
+/* right align the icons for the show */
+div.tvshowDiv > table tr th span.tvshowTitleIcons{
+text-align: right !important;
+float: right !important;
+}
+div.tvshowDiv > table tr th span.tvshowTitleIcons img{
+height: 16px;
+width: 16px;
+padding: 2px 2px 0px !important;
+}
+/* remove the Next Episode: / Airs: */
+div.tvshowDiv > table tr td > span.title {
+display: none!important;
+}
+
+/* remove the styling for the th that holds the banner image */
+div.tvshowDiv > table > tbody > tr > th.nobg {
+border:0 !important;
+background:none !important;
+height: 1px !important;
+text-align:center;
+}
+
+.bannerThumb {
+height: 75px !important;
+width: 90% !important;
+padding-bottom: 2px;
+}
+.posterThumb {
+width: 68px !important;
+height: 100px !important;
+padding: 0px 5px 5px 0px;
+/* float:left; */
+}
+
+/* adjust the ep #x## - title */
+div.tvshowDiv > table > tbody > tr > td.next_episode {
+text-align: left;
+font-size: 15px;
+display: hidden;
+padding-top: 3px;
+padding-bottom: 3px;
+}
+
+/* adjust the ep summary/air text */
+div.tvshowDiv > table > tbody > tr > td span {
+display: inline;
+visibility: visible;
+color: #aaa;
+}
+
+/* crude hack to get rid of the [] for the quality and add spacing after tvshow */
+div.tvshowDiv > table > tbody > tr > td {
+text-align: left !important;
+visibility: hidden;
+padding-bottom: 10px;
+}
+
+/* use the line breaks as visual seperation of elements */
+br {
+/* seperate each block by some spacing */
+/* display: inline; */
+
+/* merge the airdate with summary */
+display: none; /* looks best for all 3 views */
+}
+
+#main #wComingEpisodes.widget .widget-content {
+max-height:90%;
+/* show vertical scrollbar only on overflow */
+overflow-x:hidden;
+overflow-y:scroll;
+}
+
+/* not sure what this is for, pulled it from comingepisodes.css */
+#wComingEpisodes h1, #wComingEpisodes iframe {
+display : none !important;
+visibility : hidden;
+height : 1px;
+}
+a.highslide img.bannerThumb, a.highslide img.posterThumb {
+border: 1px solid #fff;
+}
Oops, something went wrong.

0 comments on commit 35bd570

Please sign in to comment.