diff options
Diffstat (limited to 'css/news.css')
-rw-r--r-- | css/news.css | 280 |
1 files changed, 140 insertions, 140 deletions
diff --git a/css/news.css b/css/news.css index 8212616ea..10bfe5f30 100644 --- a/css/news.css +++ b/css/news.css @@ -1,33 +1,33 @@ -.news_input { - float:left; - font-size:12px; - padding:4px 2px; - border:solid 1px #aacfe4; - width:200px; +.news_input { + float:left; + font-size:12px; + padding:4px 2px; + border:solid 1px #aacfe4; + width:200px; } -.svg { - border: inherit; - background: inherit; +.svg { + border: inherit; + background: inherit; } -div.add_parentfolder { - position: relative; +div.add_parentfolder { + position: relative; } -#file_upload_start { - -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - filter:alpha(opacity=0); - opacity:0; - z-index:1001; +#file_upload_start { + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter:alpha(opacity=0); + opacity:0; + z-index:1001; width:0; height:0; } - + /* feed/folder list */ -#leftcontent_news { - width: 20em; - margin: 0; +#leftcontent_news { + width: 20em; + margin: 0; height: 100%; position: relative; overflow: hidden; @@ -38,8 +38,8 @@ div.add_parentfolder { } -#feed_wrapper { - background-color: #f8f8f8; +#feed_wrapper { + background-color: #f8f8f8; position: relative; top: 0; height: 100%; @@ -71,9 +71,9 @@ div.add_parentfolder { -o-transition: padding-bottom 500ms ease 0s; -webkit-transition: padding-bottom 500ms ease 0s; -ms-transition: padding-bottom 500ms ease 0s; - transition: padding-bottom 500ms ease 0s; + transition: padding-bottom 500ms ease 0s; } - + #feeds > ul.dnd_over { } @@ -93,7 +93,7 @@ div.add_parentfolder { -ms-transition: padding-bottom 500ms ease 0s; transition: padding-bottom 500ms ease 0s; padding-bottom: 2.5em !important; - } + } .all_read { font-weight: normal !important; @@ -119,15 +119,15 @@ div.add_parentfolder { } #feeds .buttons button.feeds_delete { - background-image: url('%webroot%/core/img/actions/delete.svg'); + background-image: url('%webroot%/core/img/actions/delete.svg'); } #feeds .buttons button.feeds_edit { - background-image: url('%webroot%/core/img/actions/rename.svg'); + background-image: url('%webroot%/core/img/actions/rename.svg'); } #feeds .buttons button.feeds_markread { - background-image: url('%appswebroot%/news/img/mark_read.svg'); + background-image: url('%appswebroot%/news/img/mark_read.svg'); } #feeds button.collapsable_trigger { @@ -135,7 +135,7 @@ div.add_parentfolder { left: .5em; top: .4em; background: none; - background-image: url('%webroot%/core/img/actions/triangle-s.svg'); + background-image: url('%webroot%/core/img/actions/triangle-s.svg'); background-repeat: no-repeat; background-size: 16px 16px; height: 16px; @@ -176,7 +176,7 @@ div.add_parentfolder { position: relative; } - #feeds li.active { + #feeds li.active { background: none !important; background-color: #d0d0d0 !important; border-bottom: 1px solid #ccc; @@ -210,11 +210,11 @@ div.add_parentfolder { } #feeds .starred a.title { - background-image: url('%appswebroot%/news/img/starred.png'); + background-image: url('%appswebroot%/news/img/starred.png'); } #feeds .subscriptions a.title { - background-image: url('%appswebroot%/news/img/rss.svg'); + background-image: url('%appswebroot%/news/img/rss.svg'); } #feeds .feed { @@ -279,22 +279,22 @@ div.add_parentfolder { /* feed settings */ -#feed_settings { - padding: 0; - bottom: 0; - overflow:visible; - height:2.8em; - width: 20em; - margin:0; +#feed_settings { + padding: 0; + bottom: 0; + overflow:visible; + height:2.8em; + width: 20em; + margin:0; z-index: 2; - background:#eee; - border-top: 1px solid #ccc; - border-right: 1px solid #ccc; + background:#eee; + border-top: 1px solid #ccc; + border-right: 1px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; - position:fixed; + position:fixed; } - + #feed_settings .controls { height: 100%; width: 100%; @@ -331,23 +331,23 @@ div.add_parentfolder { } #feed_settings #view.show_all button { - background-image: url('%appswebroot%/news/img/eye_all.png'); + background-image: url('%appswebroot%/news/img/eye_all.png'); } #feed_settings #view.show_unread button { - background-image: url('%appswebroot%/news/img/eye_unread.png'); + background-image: url('%appswebroot%/news/img/eye_unread.png'); } #feed_settings #addfeedfolder { margin: 0 .3em .3em .3em; } - #feed_settings #addfeedfolder #addfolder { - background: url('%webroot%/core/img/places/folder.svg') no-repeat 10px center; + #feed_settings #addfeedfolder #addfolder { + background: url('%webroot%/core/img/places/folder.svg') no-repeat 10px center; } - #feed_settings #addfeedfolder #addfeed { - background: url('%appswebroot%/news/img/rss.svg') no-repeat 10px center; + #feed_settings #addfeedfolder #addfeed { + background: url('%appswebroot%/news/img/rss.svg') no-repeat 10px center; } /* @@ -355,30 +355,30 @@ div.add_parentfolder { display: block; }*/ - #feed_settings ul#feedfoldermenu { + #feed_settings ul#feedfoldermenu { display: none; - background:#EEEEEE; - background:-webkit-gradient(linear, 0 0, 0 100%, from(#DCDCDC), to(#EEEEEE)); - background:-moz-linear-gradient(#DCDCDC, #EEEEEE); - background:-o-linear-gradient(#DCDCDC, #EEEEEE); - background:linear-gradient(#DCDCDC, #EEEEEE); - position:fixed; + background:#EEEEEE; + background:-webkit-gradient(linear, 0 0, 0 100%, from(#DCDCDC), to(#EEEEEE)); + background:-moz-linear-gradient(#DCDCDC, #EEEEEE); + background:-o-linear-gradient(#DCDCDC, #EEEEEE); + background:linear-gradient(#DCDCDC, #EEEEEE); + position:fixed; z-index: 6; - margin-left: 0; - bottom: 2.8em; - border-left:1px solid #ccc; - border-top:1px solid #ccc; - border-right:1px solid #ccc; + margin-left: 0; + bottom: 2.8em; + border-left:1px solid #ccc; + border-top:1px solid #ccc; + border-right:1px solid #ccc; border-bottom: 0; - -moz-box-shadow: 0 -3px 3px -3px #000; - -webkit-box-shadow: 0 -3px 3px -3px #000; + -moz-box-shadow: 0 -3px 3px -3px #000; + -webkit-box-shadow: 0 -3px 3px -3px #000; box-shadow: 0 -3px 3px -3px #000; } - #feed_settings ul#feedfoldermenu li { - padding: 0 1em 0 2.5em; - float: none !important; - text-align: left; + #feed_settings ul#feedfoldermenu li { + padding: 0 1em 0 2.5em; + float: none !important; + text-align: left; } #feed_settings ul#feedfoldermenu li:hover { @@ -389,10 +389,10 @@ div.add_parentfolder { /* item view */ -#rightcontent { - top: 3.5em !important; - box-sizing: border-box; - -moz-box-sizing: border-box; +#rightcontent { + top: 3.5em !important; + box-sizing: border-box; + -moz-box-sizing: border-box; left: 32.5em; overflow: hidden; } @@ -401,21 +401,21 @@ div.add_parentfolder { * Area below the feed title and controls */ #rightcontent #feed_items { - box-sizing: border-box; - -moz-box-sizing: border-box; + box-sizing: border-box; + -moz-box-sizing: border-box; overflow: auto; height: 100%; } #rightcontent #feed_items.loading { - background-image: url('%webroot%/core/img/loading.gif'); + background-image: url('%webroot%/core/img/loading.gif'); background-position: center; background-repeat: no-repeat; - background-size: + background-size: } - #rightcontent #feed_items li:active { - background: none; + #rightcontent #feed_items li:active { + background: none; } /** @@ -458,8 +458,8 @@ div.add_parentfolder { float: left; } - .feed_item .primary_item_utils li { - display: inline-block; + .feed_item .primary_item_utils li { + display: inline-block; line-height: 1.5em; font-size: 1em; color: #aaa; @@ -469,7 +469,7 @@ div.add_parentfolder { } .feed_item .primary_item_utils li:first-child { margin: 0} - .feed_item .primary_item_utils li.star { + .feed_item .primary_item_utils li.star { background-image: url('%appswebroot%/news/img/inactive_star.svg'); background-repeat: no-repeat; background-size: 1.5em 1.5em; @@ -486,29 +486,29 @@ div.add_parentfolder { /** * Feed title */ - .feed_item h1.item_title { + .feed_item h1.item_title { font-size: 1.5em; margin: 0 13em 0 2.1em; font-weight: bold; } - .feed_item h1.item_title a { - color: #222; + .feed_item h1.item_title a { + color: #222; } - .feed_item h1.item_title a:hover { - color: #222; - text-decoration: underline; + .feed_item h1.item_title a:hover { + color: #222; + text-decoration: underline; } - + /** * Feed title when read */ - .feed_item.read h1.item_title { + .feed_item.read h1.item_title { font-weight: normal; } - .feed_item.read h1.item_title a { - color: #888; + .feed_item.read h1.item_title a { + color: #888; } /** @@ -519,7 +519,7 @@ div.add_parentfolder { font-size: 1.1em; margin-left: 3em; } - + /** * Author of the item */ @@ -537,7 +537,7 @@ div.add_parentfolder { * Feed timestamp */ .timeago { - float: right; + float: right; color: #aaa; margin: 0 1.2em 0 0; font-size: 1.1em; @@ -546,16 +546,16 @@ div.add_parentfolder { /** * Body of the feed item */ - .feed_item div.body { - padding: .75em 3em 0 3em; + .feed_item div.body { + padding: .75em 3em 0 3em; max-width: 55em; font-size: 1.1em; clear: both; overflow: auto; } - .feed_item div.body p { - line-height: 1.5; + .feed_item div.body p { + line-height: 1.5; margin: .5em 0 1em 0; } @@ -589,32 +589,32 @@ div.add_parentfolder { .feed_item div.body > div { margin: .5em 0; } - - .feed_item div.body a { - color: #0000ff; - text-decoration: underline; + + .feed_item div.body a { + color: #0000ff; + text-decoration: underline; } - - .feed_item div.body ul { + + .feed_item div.body ul { margin: .5em 0; - padding-left: 1em; - list-style-type: disc; + padding-left: 1em; + list-style-type: disc; } .feed_item div.body ol { margin: .5em 0; - padding-left: 1.5em; + padding-left: 1.5em; } - .feed_item div.body ul li { - cursor: default; + .feed_item div.body ul li { + cursor: default; line-height: 1.5em; } - - .feed_item div.body pre { - padding: .5em .5em .5em 1em; - background-color: #dadada; - border: 1px solid #ccc; + + .feed_item div.body pre { + padding: .5em .5em .5em 1em; + background-color: #dadada; + border: 1px solid #ccc; margin: .5em 0 1em 0; background-image: linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); background-image: -o-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); @@ -623,9 +623,9 @@ div.add_parentfolder { background-image: -ms-linear-gradient(top, rgb(215,215,215) 0%, rgb(220,220,220) 100%); overflow-y: auto; } - - .feed_item div.body pre code { - font-family: monospace; + + .feed_item div.body pre code { + font-family: monospace; font-size: 1.5em; } .feed_item div.body > *:last-child { @@ -634,14 +634,14 @@ div.add_parentfolder { /** * Line with utils at the bottom - */ + */ .bottom_utils { width: 100%; height: 2.5em; margin: 0; padding: 0; - box-sizing: border-box; - -moz-box-sizing: border-box; + box-sizing: border-box; + -moz-box-sizing: border-box; } /** @@ -653,17 +653,17 @@ div.add_parentfolder { float: right; margin: 0 1.2em; } - + .feed_item:hover .secondary_item_utils { display: block; } .feed_item:hover .secondary_item_utils li.keep_unread { cursor: pointer; - + } - .feed_item .secondary_item_utils li input[type=checkbox]{ + .feed_item .secondary_item_utils li input[type=checkbox]{ } /* dialog/menues */ @@ -675,30 +675,30 @@ div.add_parentfolder { background: none !important; } -.dropdownBtn { - width: 12.5em; - padding-left: 0; - padding-right:20px; - background: url('%webroot%/core/img/actions/triangle-s.svg') no-repeat right center; - text-align: left; +.dropdownBtn { + width: 12.5em; + padding-left: 0; + padding-right:20px; + background: url('%webroot%/core/img/actions/triangle-s.svg') no-repeat right center; + text-align: left; overflow: hidden; } -ul.dropdownmenu { - left: 0em; +ul.dropdownmenu { + left: 0em; } -ul.menu { - position: absolute; - z-index:1; - margin-left: 0.3em; - display: none; - background:#EEEEEE; - background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#f1f1f1)); - background:-moz-linear-gradient(#eee, #f1f1f1); - background:-o-linear-gradient(#eee, #f1f1f1); - background:linear-gradient(#eee, #f1f1f1); +ul.menu { + position: absolute; + z-index:1; + margin-left: 0.3em; + display: none; + background:#EEEEEE; + background:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#f1f1f1)); + background:-moz-linear-gradient(#eee, #f1f1f1); + background:-o-linear-gradient(#eee, #f1f1f1); + background:linear-gradient(#eee, #f1f1f1); border: 1px solid #ccc; } |