-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteine.css
204 lines (141 loc) · 9.47 KB
/
teine.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
@-moz-document domain('2ndrun.tv') {
BODY.custom-background {background-color:black;}
#mh-wrapper, H1, H2, H3, H4, H5, H6, .search-form input, .header-sub LI A, .widget-list LI, .cat-item, .page_item, .sb-widget .menu-item, .footer-widgets .menu-item, .social-nav UL LI A, A, .button span, .social-button span, .main-nav LI {transition:none !important;}
/* background-image */
DIV.entry-content > DIV {background-repeat:no-repeat !important; background-position:left top !important; background-size:100% 100% !important;}
/* 1920x1200; CNN newsroom image: 1920x1080px background-image:none; background-position:right top */
/* CHANNEL BANNER */
DIV#banner {position:relative; text-align:left; height:28px !important; width:auto; overflow-x:hidden;}
DIV.entry-content #banner IMG {position:absolute; right:-65px; width:145px; height:28px; position:initial;} /* right:-64px */
/* container */
DIV#container {width:700px !important;}
/* content */
DIV#content {background-color:rgba(0,0,0,0.75); clear:both;}
DIV#content > CENTER {margin-top:50px; text-align:left; font-size:0px;}
/* IMAGES */
div#content > CENTER > IMG {opacity:0.9; width:90px; height:16px;} /* opacity:0.5, 0.75 */
/* sidebar hide */
DIV#sidebar {display:none;} /* works */
/* Summer 2017 new design
"hand up" image div */
DIV#wpfront-scroll-top-container {right:0px !important; bottom:0px !important; background:linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 100%);} /* 52x100 */
DIV#wpfront-scroll-top-container > IMG {width:35px !important; height:69px !important; opacity:0.3; background-color:rgba(0,0,0,0.5);}
/* width: 52x100 > 36x69
background:transparent linear-gradient(to top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 50%, transparent 100%) repeat scroll 0% 0%; */
/* video, site title and navigation menu container (white bg) */
DIV#mh-wrapper {width:auto; max-width:unset; padding-left:0px; padding-right:36px; background-color:transparent;} /* has width */
/* width was: 90% */
/* HEADER (contains title and navigation menu) */
HEADER.mh-header {margin-bottom:0px;} /* L., 25.05.2019. */
/* contains masthead title and logo | L., 25.05.2019. */
DIV.header-wrap {padding:0px; padding-top:9px;}
/* Logo image | L., 25.05.2019. */
DIV.logo-wrap > IMG {width:auto; height:40px !important;}
/* Original width: 420px; height:90px */
NAV.main-nav LI A {color:#CCDEE8;}
/* 29.05.2019 */
@media only screen and (max-width:980px) { HTML.js .main-nav {display:block;} NAV.main-nav LI A {padding:0px; padding-left:2px; padding-right:8px; font-size:80%; } }
/* L., 25.05.2019. */
/*
HTML.js .main-nav is the navigation menu containing channel links
NAV.main-nav LI A is the channel links
*/
DIV.header-sub {padding:0px; padding-bottom:1px;}
/* after header menu | L., 25.05.2019. */
/* CNN logo container above video and ticker */
ARTICLE.post-651 H1.entry-title.page-title {margin-bottom:0px; text-indent:0px; background-position:top right; line-height:1.1; height:40px; text-align:center;}
/* L., 25.05.2019.
29.05.2019: center temporary */
HEADER.entry-header H1.entry-title.page-title {font-size:100%;}
/* video container */
DIV.entry-content > P {margin-bottom:0px} /* L., 25.05.2019. */
DIV.entry-content > P > SPAN {margin-top:0px !important;} /* L., 25.05.2019. */
/* ticker (above video)
ticker title */
DIV#wptu-ticker-1 > .wptu-ticker-title {background-color:rgba(0, 0, 0, 0.4);}
DIV#wptu-ticker-1 > .wptu-ticker-title .wptu-ticker-head {background-color:transparent; color:#CCDEE8;} /* Original: #005A8C */
/* 29.05.2019: color #CCDEE8 */
DIV#wptu-ticker-1 > .wptu-ticker-title .wptu-ticker-head:before {content:'Hover for '; display:inline; color:#CCDEE8;} /* Original: #005A8C */
DIV#wptu-ticker-1 > .wptu-ticker-title .wptu-ticker-head:after {content:' (ticker)'; display:inline; color:#CCDEE8;}
/* 29.05.2019: color #CCDEE8 */
DIV.wptu-ticker.wptu-ticker-main DIV.wptu-ticker-block > UL {display:none; top:unset; margin-left:13px; margin-bottom:0px; font-size:9px; font-family:Verdana; height:54px; overflow-y:auto; z-index:0;}
DIV.wptu-ticker.wptu-ticker-main:hover DIV.wptu-ticker-block > UL {display:block;}
DIV.wptu-ticker.wptu-ticker-main DIV.wptu-ticker-block > UL A {color:white; text-decoration:underline;}
/* DIV.wptu-ticker-block:before {content:'Hover for ticker news'; display:inline; color:white;} */
/* rem 21,5,2019 */
DIV.wptu-ticker-block:before:hover {display:none;}
/* video container inner */
DIV.entry-content {background-color:rgba(0,0,0,0.4); color:rgba(255,255,255,0.9); font-size:70%;} /* color could be white */
/* VIDEO STARTS HERE */
DIV.entry-content > IFRAME {width:100% !important;}
/* Original: 855x481 */
/* 36+15px */
/* 15px is most likely for the scrollbar, 36px for the right-side hand
symbol with a finger pointing up. */
/* 1024x768. 720p? 720p is just height. */
/* 855+36+15px = 906px */
@media screen and (max-width:906px) { DIV.entry-content > IFRAME {width:768px !important; height:432px !important;} }
/* 768+36+15px = 819px */
@media screen and (max-width:891px) { DIV.entry-content > IFRAME {width:720px !important; height:405px !important;} }
/* 720+36+15px = 771px */
@media screen and (max-width:771px) { DIV.entry-content > IFRAME {width:640px !important; height:360px !important;} }
/* 640+36+15px = 691px */
@media screen and (max-width:691px) { DIV.entry-content > IFRAME {width:576px !important; height:324px !important;} }
/* 576+36+15px = 627px */
@media screen and (max-width:627px) { DIV.entry-content > IFRAME {width:480px !important; height:270px !important;} }
/* 480+36+15px = 531px */
@media screen and (max-width:531px) { DIV.entry-content > IFRAME {width:432px !important; height:243px !important;} }
/* 432+36+15px = 483px */
@media screen and (max-width:483px) { DIV.entry-content > IFRAME {width:400px !important; height:225px !important;} }
/* 400+36+15px = 451px */
@media screen and (max-width:451px) { DIV.entry-content > IFRAME {width:376px !important; height:212px !important;} }
DIV#jwplayer1 > DIV {width:100% !important;}
@media only screen and (max-width:768px;) {DIV.entry-content {width:640px;} }
@media only screen and (max-width:685px;) {DIV.entry-content {width:576px;} }
/* max-width:660px, 676px. 691px works. Add 15px to main width, for some reason.
width:480px. 576px
07.05.2018: removed DIV#mh-wrapper from the two @media rulesets.
*/
/* TUNEIN CONTENT BELOW MSNBC VIDEO */
IFRAME[src*="tunein.com"] {max-height:25px;}
IFRAME[src*="tunein.com"] HTML > BODY:before {content:'(tunein.com iframe)';}
/* TUNEIN CONTENT BELOW VIDEO; specifically for tunein.com
I.spinner {} */
I.spinner::before, .spinner::before {animation:none !important; transform:none !important;} /* end of may, 2019 */
/* "like button"
Buttons below the video | 07.05.2018. */
SPAN.likebtn-wrapper, INPUT[type="button"] {box-sizing:border-box; border-style:outset; border-width:1px; border-color:rgba(0,0,0,0.6); border-collapse:separate; border-image-outset:0 0 0 0; border-image-repeat:stretch stretch; border-image-slice:100% 100% 100% 100%; border-image-source:none; border-image-width:1 1 1 1; border-spacing 0px 0px; border-top-left-radius:0px; border-top-right-radius:0px; -moz-border-colors:none; background-color:rgba(0,0,0,0.2); background-clip:border-box; padding:0px; padding-left:6px; padding-right:6px;}
/* "like button" */
SPAN.likebtn-wrapper {margin-bottom:2em;}
/* "like button" | Line added 07.05.2018. */
SPAN.likebtn-wrapper {display:block; width:60%; min-width:332px; height:23px; margin-left:auto; margin-right:auto; text-align:center;}
/* Shared with bottom stuff.
calc(100% - 2px)
calc(100% - 8px) */
/* text in the button | 07.05.2018. */
SPAN.likebtn-wrapper:after {content:'Some stupid "like"-button <SPAN> from LikeBtn.com. Do not click.'; color:rgba(255,255,255,0.8); display:block; margin-top:0.8%; margin-bottom:0.8%; font-family:'MS Sans Serif','Microsoft Sans Serif','sans-serif';}
/* "Player will load" message */
DIV.entry-content > CENTER > STRONG {color:rgba(255, 255, 255, 0.5);}
/* "Pop out chat" button */
INPUT[type="button"] {transition:none; width:unset !important;}
/* #D4D0C8 */
FORM:hover > INPUT[type="button"] {border-width:2px; border-color:rgba(0,0,0,0.7); background-color:rgba(0,0,0,0.2); color:rgba(255,255,255,1.0);}
/* "bookmark" message | Should apply to: DIV.code-block.code-block-4 */
DIV.entry-content > DIV#wptu-ticker-1 ~ STRONG ~ IFRAME ~ DIV {top:0px !important; margin:0px !important; clear:unset !important;}
/* Should apply to: DIV.code-block.code-block-4 > SPAN */
DIV.entry-content > DIV#wptu-ticker-1 ~ STRONG ~ IFRAME ~ DIV > SPAN {background-color:rgba(0,0,0,0.2) !important; opacity:0.2 !important; overflow-x:visible;}
/* AMAZON wishlist button size to smaller */
DIV.code-block-11 {display:inline; float:right; margin:0px !important;}
/* 02.09.2018: Former selector: SPAN.likebtn-wrapper ~ CENTER */
DIV.code-block-11 > CENTER > A[href*='amazon'] > IMG.size-full {width:100px; height:44px; margin-top:0px; margin-bottom:0px;} /* original: 300x133px to 100x44px */
/* 28.05.2018
02.09.2018: Imma show you a real nice selector:
SPAN.likebtn-wrapper ~ CENTER > A[href*='amazon'] > IMG.size-full */
/* the P after that */
SPAN.likebtn-wrapper ~ CENTER ~ P {display:none; margin-bottom:0px;}
/* 28.05.2018 */
/* the P after that */
SPAN.likebtn-wrapper ~ CENTER ~ P ~ P {display:none; margin-bottom:0px;}
/* 28.05.2018 */
DIV.code-block.code-block-4 ~ BR {display:none;}
}