the-hacker-news-rss/src/ef/news_scroll.css
2021-07-23 00:49:49 -04:00

110 lines
1.9 KiB
CSS

@import url("palette.css");
/* NEWS FRAME AREA TOP LEVEL PAGE - WIDTH ADDS BORDER */
#news_iframe_scroll {
/*
* Use this width if you want it to span your whole page
*/
/* width: 100%; */
/*
* Otherwise, uncomment this width
*/
max-width: 250px;
min-width: 200px;
margin: 0px auto 10px auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* border-radius: 10px; */
background-color: var(--bg);
font-family: var(--font-family);
}
#news_iframe_scroll iframe
{
width: 100%;
height: 176px; /* IF YOU EDIT HEIGHT EDIT THE SCROLLING SCRIPT HEIGHT!!!! */
display: block;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.news-scroll-title {
color: var(--bg);
font-weight: bold;
background-color: var(--text);
text-align: left;
padding: 5px 5px 5px 5px;
border-bottom: var(--accent) 5px solid;
}
a{
text-decoration: none;
}
.news-article{
color:var(--text);
font-family: var(--font-family);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
padding:5px;
}
.news-article h2{
font-size: medium;
}
.news-article:hover{
color:var(--bg);
background-color: var(--primary);
}
/* EMBEDDED NEWS PAGE BODY */
#NewsDiv { position: absolute; left: 0; top: 0px; width: 100%; }
/*
body.news-scroll {
/*
background-color: var(--bg);
margin: 0;
padding: 0;
border: 0;
}
*/
/* FONTS & PADDING */
.scroll-text-if {
font-size: 12px;
/*text-align: left;
padding: 8px 7px 0px 7px;
*/
}
.scroll-title-if {
font-size: 14px;
/*
text-align: left;
*/
border-bottom: #666666 0px solid;
}
/* EMBEDDED NEWS PAGE LINK COLORS */
/*
.news-scroll a:link { color: #0033FF; text-decoration: none; }
.news-scroll a:visited { color: #6633FF; text-decoration: none; }
.news-scroll a:active { color: #0033FF; text-decoration: none; }
.news-scroll a:hover { color: #6699FF; text-decoration: underline; }
*/