/* ========== */ /* = Global = */ /* ========== */ body { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; height: 100%; text-rendering: optimizeLegibility; } a, a:active, a:hover, a:visited, button { outline: none; } a img { border: none; } /* ==================== */ /* = Styling & Themes = */ /* ==================== */ body { font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } body.NB-theme-sans-serif #story_pane { font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } body.NB-theme-serif #story_pane .NB-feed-story-content { font-family: “Palatino Linotype”, Georgia, “URW Palladio L”, “Century Schoolbook L”, serif; font-size: 14px; line-height: 20px; } /* =================== */ /* = Resize Controls = */ /* =================== */ .ui-layout-resizer-west { background: #e0e0e0 url('../img/reader/resize_west_small.png') repeat-y 50% 50%; } .ui-layout-resizer-south { background: #e0e0e0 url('../img/reader/resize_north.png') repeat-x 50% 50%; } /* =============== */ /* = Splash page = */ /* =============== */ .NB-splash-heading { display: none; } .NB-account { position: absolute; right: 0px; top: 0px; width: 478px; z-index: 1; overflow: hidden; } .NB-account .NB-module-header-login { width: 186px; margin: 0 50px 0 0; padding: 0 4px; float: left; } .NB-account .NB-module-header-signup { width: 186px; margin: 0; padding: 0 4px; float: left; } .NB-account .NB-login { padding: 0 4px 64px; margin: 0 50px 0 12px; width: 186px; float: left; background: transparent url('../img/reader/separator.png') no-repeat bottom center; } .NB-account .NB-signup { float: left; width: 186px; padding: 0 4px; margin: 0; height: 206px; overflow: hidden; } .NB-account .NB-import-signup { float: left; width: 186px; padding: 0 0 64px 0; margin: 0 50px 0 12px; height: 206px; overflow: hidden; } .NB-account .NB-import-signup-text { text-align: center; width: 200px; } .NB-account .NB-import-signup-text h3 { margin-top: 48px; color: #20843D; } .NB-account .NB-import-signup-text p { color: #636363; } .NB-account .NB-signup-orline { margin: 30px auto 24px; text-align: center; font-size: 14px; line-height: 10px; color: #606060; font-weight: bold; } .NB-account .NB-signup-orline-reduced { margin: 0px auto 0px; } .NB-account .NB-signup-orline .NB-signup-orline-or { padding: 0 4px; } .NB-account .NB-signup-optional { float: right; text-transform: uppercase; color: #ABC0A8; font-weight: bold; font-size: 9px; line-height: 17px; } .NB-account .NB-signup-hidden { display: none; } .NB-account .NB-import-signup { height: auto; } .NB-account .NB-signup .NB-signup-google { margin: 12px auto; display: block; font-size: 12px; text-align: center; } .NB-account input[type=text], .NB-account input[type=password] { border:1px solid #D3D5DE; display:block; font-size:13px; margin:0 0 12px; padding:5px; width:174px; } .NB-account input[type=text]:focus, .NB-account input[type=password]:focus { border-color: #739BBE; } .NB-account input[type=submit] { /* height: 40px;*/ outline: none; width: 186px; /* 174=input-width + 5*2=padding + 2=border */ margin: 4px 5px 0 0; padding: 4px 10px 5px; text-shadow: 0 -1px 0 #C7C9D2; font-weight: bold; font-size: 13px; border: 1px solid #ABAEB5; color: #202020; background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x; cursor: pointer; } .NB-account input[type=submit]:hover { /* background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x;*/ color: #000; border-color: #6F7283; /* font-weight: bold;*/ } .NB-account input[type=hidden] { display: none; } .NB-account label, .NB-account .NB-account-label { margin: 0; color:#A0B0C0; font-size:12px; display: block; text-transform: uppercase; } .NB-account .NB-account-label { font-weight: bold; } .NB-account .NB-account-text { font-size: 13px; color: #90A0B0; margin-bottom: 30px; } .NB-account .NB-account-text a { text-decoration: none; color: #3E4773; } .NB-account .NB-account-text a:hover { color: #0E1763; } .NB-account .errorlist { list-style: none; font-size: 12px; color: #AF4D18; font-weight: bold; width: 200px; padding: 0; } /* ============ */ /* = Callouts = */ /* ============ */ .NB-callout { position: absolute; -moz-box-shadow: 2px 2px 5px #909090; -webkit-box-shadow: 2px 2px 5px #909090; box-shadow: 2px 2px 5px #909090; border: 1px solid #707070; background: #E2FFCC url('../img/reader/callout_background.png') repeat-x 0 0; display: none; z-index: 10; } .NB-callout .NB-callout-text { font-size: 14px; font-weight: bold; } .NB-callout .NB-callout-container { position: relative; padding: 4px 12px; } .NB-callout .NB-callout-container .NB-callout-arrow { width: 32px; height: 14px; background: transparent url('../img/reader/callout_arrow.png') no-repeat 0 0; position: absolute; bottom: -14px; left: 4px; } .NB-callout-ftux { left: 2px; bottom: 51px; } .NB-callout-ftux-signup { right: 10px; } .NB-callout-ftux-signup .NB-callout-container .NB-callout-arrow { left: auto; right: -1px; } .NB-callout-mouse-indicator { top: -3px; left: 26px; opacity: 0; } .NB-callout-mouse-indicator .NB-callout-container { padding: 1px 12px 1px; } .NB-callout-mouse-indicator .NB-callout-container .NB-callout-arrow { width: 12px; height: 26px; background: transparent url('../img/reader/callout_arrow_side.png') no-repeat 0 0; top: 0px; left: -11px; } /* ================ */ /* = Content Pane = */ /* ================ */ .content-pane { display: none; overflow-x: auto !important; overflow-y: hidden !important; width: auto !important; height: auto !important; } .left-pane { display: none; overflow: hidden !important; background-color: #D7DDE6; } .left-center-content { display: none; overflow-x: hidden !important; overflow-y: auto !important; } .right-pane { display: none; overflow-y: auto !important; overflow-x: hidden !important; } /* ============= */ /* = Feed List = */ /* ============= */ #NB-feeds-list-loader { background: transparent url("../img/reader/big_spinner.gif") no-repeat 0 0; color: #C7CDD6; font-size: 16px; height: 51px; left: 5%; padding: 5px 0 0 62px; position: absolute; text-shadow: 0 1px 0 #E7EDF6; text-transform: uppercase; top: 40%; width: 125px; z-index: 10; cursor: default; } .NB-feedlist ::-moz-selection { background: transparent; } .NB-feedlist ::selection { background: transparent; } .NB-feedlist { background-color: #D7DDE6; overflow-y: auto; overflow-x: hidden; font-size: 11px; list-style: none; margin: 0; padding: 0; width: auto !important; height: auto !important; } #feed_list { display: none; padding: 0; } .NB-feedlist li.folder { padding: 0px 0 0; margin: 0px 0 0; } .NB-feedlist ul.folder { margin: 0; padding: 0 0 0 22px; list-style: none; } .NB-feedlist .folder_title { padding: 4px 0 4px 22px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; font-weight: bold; display: block; color: #606060; text-transform: uppercase; text-shadow: 1px 1px 0 #EEEEEE; cursor: pointer; position: relative; } .NB-feedlist li.folder .NB-folder-icon { background: transparent url('../img/icons/silk/folder.png') no-repeat 0 0; width: 16px; height: 16px; position: absolute; left: 2px; top: 2px; } .NB-feedlist li.folder .folder_title.NB-toplevel:hover .NB-folder-icon { display: none; } .NB-feedlist .feeds { margin-left: 22px; } .NB-feedlist .feed { position: relative; cursor: pointer; border-top: 1px solid #D7DDE6; border-bottom: 1px solid #D7DDE6; padding-right: 2px; background-color: #D7DDE6; } .NB-feedlist .feed.NB-feed-exception { /* background-color: #F7EDC6;*/ } .NB-feedlist .feed.NB-feed-exception .feed_title { color: #A0A0A0; } #feed_list.NB-feedlist .feed.NB-feed-inactive { display: none; } .NB-feedlist .feed.NB-feed-unfetched { } .NB-feedlist .feed.NB-feed-exception .feed_counts { display: none; } .NB-feedlist .feed .NB-feed-exception-icon { background: url('../img/icons/silk/exclamation.png') no-repeat 0 0; width: 16px; height: 16px; position: absolute; right: 4px; top: 2px; display: none; } #feed_list .feed.NB-feed-exception .NB-feed-exception-icon { display: block; } .NB-feedlist .feed.NB-feed-unfetched .feed_counts { display: none; } .NB-feedlist .feed.NB-feed-unfetched .feed_favicon { opacity: .5; } .NB-feedlist .feed.NB-feed-unfetched .feed_title { color: #A0A0A0; } .NB-feedlist .feed .NB-feed-unfetched-icon { background: url('../img/reader/recycle_spinner.gif') no-repeat 0 0; opacity: .1; width: 16px; height: 16px; position: absolute; right: 4px; top: 2px; display: none; } #feed_list .feed.NB-feed-unfetched .NB-feed-unfetched-icon { display: block; } .NB-feedlist .feed.NB-empty { border: none; margin: 0; padding: 0; height: 4px; } .NB-feedlist.NB-feed-sorting .feed.NB-empty { /* height: 16px;*/ } .feed.NB-feed-sorting, .NB-feedlist.NB-feed-sorting { cursor: move !important; } .NB-feedlist .feed_id { display: none; } .NB-feedlist img.feed_favicon { position: absolute; top: 2px; left: 2px; /* background: transparent url('../img/icons/silk/building.png') no-repeat 0 0;*/ width: 16px; height: 16px; } .NB-feedlist .feed_title { display: block; padding: 4px 40px 2px 23px; text-decoration: none; color: #272727; line-height: 1.3em; height: 14px; overflow: hidden; text-shadow: 0 1px 0 #EBF3FA; } .NB-feedlist .feed.selected .feed_title { text-shadow: 0 1px 0 #FFC97D; color: #000000; } .NB-feedlist .feed .NB-feedlist-manage-icon, .NB-feedlist .folder_title .NB-feedlist-manage-icon { opacity: 0; position: absolute; left: -20px; top: -1px; width: 20px; height: 22px; background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 3px 4px; } .NB-feedlist .folder_title .NB-feedlist-manage-icon { background-position: 3px 5px; } .NB-feedlist .feed .NB-feedlist-manage-icon:hover, .NB-feedlist .folder_title .NB-feedlist-manage-icon:hover { background: transparent url('../img/icons/silk/bullet_arrow_down.png') no-repeat 3px 4px; } .NB-feedlist .folder_title .NB-feedlist-manage-icon:hover { background-position: 3px 5px; } .NB-feedlist .feed.NB-hover-inverse .NB-feedlist-manage-icon:hover, .NB-feedlist .folder_title.NB-hover-inverse .NB-feedlist-manage-icon:hover { background: transparent url('../img/icons/silk/bullet_arrow_up.png') no-repeat 3px 2px; } .NB-feedlist .feed.NB-toplevel .NB-feedlist-manage-icon, .NB-feedlist .folder_title.NB-toplevel .NB-feedlist-manage-icon { left: 0; opacity: 1; display: none; background-position: 5px 4px; } .NB-feedlist .folder_title.NB-toplevel .NB-feedlist-manage-icon { background-position: 5px 5px; } .NB-feedlist .feed:hover .NB-feedlist-manage-icon, .NB-feedlist .folder_title:hover .NB-feedlist-manage-icon { opacity: 1; display: block; } .NB-feedlist .folder .folder_title .feed_counts_floater { margin-right: 2px; } .NB-feedlist .folder .folder_title .NB-feedlist-river-icon { position: absolute; top: 3px; right: 4px; width: 16px; height: 16px; background: transparent url('../img/icons/silk/images.png') no-repeat 0 0; opacity: .6; display: none; } .NB-is-premium .NB-feedlist .folder .folder_title:hover .NB-feedlist-river-icon:hover { opacity: 1; } .NB-is-premium .NB-feedlist .folder .folder_title:hover .NB-feedlist-river-icon { display: block; opacity: .6; } .NB-is-premium .NB-feedlist .folder .folder_title:hover .feed_counts_floater { margin-right: 24px; } .NB-feedlist .folder .folder_title.NB-feedlist-folder-title-recently-collapsed:hover .feed_counts_floater { display: block; } .NB-feedlist .folder.NB-selected > .folder_title .NB-feedlist-river-icon { display: block; opacity: 1; } .NB-feedlist .folder.NB-selected > .folder_title .feed_counts_floater { margin-right: 24px; } .NB-feedlist .feed.NB-toplevel:hover .feed_favicon { display: none; } .NB-feedlist .folder_title.NB-toplevel:hover { background: none; } .NB-feedlist .feed_counts { position: absolute; right: 2px; top: 0; } .NB-feedlist .NB-feedbar-mark-feed-read { display: none; } .NB-feedlist .feed.selected { background: #f6a828 url('../theme/images/ui-bg_highlight-hard_35_f6a828_1x100.png') 0 50% repeat-x; border-top: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; } .NB-feedlist .folder.NB-selected > .folder_title { background: #f6a828 url('../theme/images/ui-bg_highlight-hard_35_f6a828_1x100.png') 0 50% repeat-x; border-top: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; text-shadow: 1px 1px 0 #FAC898; } .NB-feedlist .NB-feeds-list-highlight { position: relative; background: #f6a828 url('../theme/images/ui-bg_highlight-soft_75_ffe45c_1x100.png') 0 50% repeat-x; border-top: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; } .NB-feedlist .NB-feeds-list-highlight .feed_title { /* color: #FFF;*/ } .NB-feed-sorting { border: none !important; } .NB-feedlist .folder_title .unread_count { margin-top: -3px; line-height: 20px; } .NB-feedlist .folder_title .unread_count { text-shadow: none; } .NB-feedlist-hide-read-feeds .feed { display: none; } .NB-feedlist-hide-read-feeds .unread_view_positive .unread_positive { display: block; } .NB-feedlist-hide-read-feeds .unread_view_neutral .unread_positive, .NB-feedlist-hide-read-feeds .unread_view_neutral .unread_neutral { display: block; } .NB-feedlist-hide-read-feeds .unread_view_negative .unread_positive, .NB-feedlist-hide-read-feeds .unread_view_negative .unread_neutral, .NB-feedlist-hide-read-feeds .unread_view_negative .unread_negative { display: block; } .NB-feedlist-hide-read-feeds .feed.NB-empty { display: block; } /* ================= */ /* = Unread Counts = */ /* ================= */ .unread_count { float: right; font-weight: bold; color: #FFF; padding: 0 1px; margin: 3px 1px 0; background-color: #8eb6e8; display: none; -moz-border-radius: 4px; border-radius: 4px; } .unread_count_positive { background-color: #559F4D; } .unread_count_neutral { color: #303030; background-color: #F9C72A; } .unread_count_negative { background-color: #CC2A2E; } .unread_view_positive .unread_count { padding: 0 6px; } .unread_view_neutral .unread_count { padding: 0 3px; } /* Showing unread counts above threshold */ .unread_view_positive .unread_positive .unread_count_positive { display: block; } .unread_view_neutral .unread_positive .unread_count_positive, .unread_view_neutral .unread_neutral .unread_count_neutral { display: block; } .unread_view_negative .unread_positive .unread_count_positive, .unread_view_negative .unread_neutral .unread_count_neutral, .unread_view_negative .unread_negative .unread_count_negative { display: block; } .unread_view_positive .unread_positive { font-weight: bold; } .unread_view_neutral .unread_positive, .unread_view_neutral .unread_neutral { font-weight: bold; } .unread_view_negative .unread_positive, .unread_view_negative .unread_neutral, .unread_view_negative .unread_negative { font-weight: bold; } /* Showing unread counts below threshold */ .unread_threshold_positive .unread_negative .unread_count_negative, .unread_threshold_positive .unread_neutral .unread_count_neutral { font-weight: bold; display: block; } .unread_threshold_neutral .unread_negative .unread_count_negative { font-weight: bold; display: block; } .unread_view_neutral .unread_count { padding: 0 3px; } /* ====================== */ /* = Feeds Progress Bar = */ /* ====================== */ #NB-progress { height: 40px; width: 100%; background-color: #505050; border-top: 1px solid #777D86; border-bottom: 1px solid #101010; color: #fff; text-shadow: 0 1px 0 #202020; text-align: center; z-index: 1; } .NB-progress-container { border-top: 1px solid #E0E0E0; } #NB-progress .NB-progress-close { width: 11px; height: 11px; float: right; margin: 6px 4px 0 0; cursor: pointer; background: transparent url('../img/reader/close.png') no-repeat 0 0; } #NB-progress .NB-progress-title { padding: 5px 15px 0; font-size: 11px; text-transform: uppercase; height: 14px; } #NB-progress .NB-progress-bar { height:6px; margin:6px 50px 0; } #NB-progress .NB-progress-link { display: none; margin: -2px 0 0; } #NB-progress .NB-progress-link a { -moz-box-shadow:1px 1px 1px #202020; -webkit-box-shadow:1px 1px 1px #202020; box-shadow:1px 1px 1px #202020; -moz-border-radius:4px; border-radius: 4px; border:1px solid #606060; font-size:12px; margin:0 4px 0; padding:0px 8px; text-decoration:none; text-transform:uppercase; background-color: #217412; color: #FFF; } #NB-progress.NB-progress-error { height: 120px; } #NB-progress.NB-progress-big { height: 72px; } #NB-progress.NB-progress-error .NB-progress-title { font-size: 18px; } #NB-progress.NB-progress-error .NB-progress-link { display: block; font-size: 18px; } #NB-progress.NB-progress-error .NB-progress-bar { display: none; } #NB-progress.NB-progress-big .NB-progress-link { margin: 14px 0 0; } #NB-progress.NB-progress-big .NB-progress-link a { font-size: 20px; } #NB-progress .NB-progress-counts { float: left; font-size: 10px; color: #B0B0B0; padding: 4px 0 0; width: 50px; } #NB-progress .NB-progress-percentage { float: right; clear: both; color: #B0B0B0; font-size: 12px; width: 50px; padding: 1px 0 0; } /* ================ */ /* = Story Titles = */ /* ================ */ #story_titles ::-moz-selection { background: transparent; } #story_titles ::selection { background: transparent; } #story_titles { z-index: 10; position: fixed; top: 0px; left: 0px; height: 200px; width: 100%; overflow-y: scroll; font-size: 11px; display: none; } #story_titles .wrapper { margin-left: 220px; } #story_titles .NB-feedbar { font-weight: bold; font-size: 16px; padding: 2px 208px 2px 4px; background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x; border-bottom: 2px solid #404040; position: relative; } #story_titles .NB-feedbar .feed { overflow: hidden; } #story_titles .NB-feedbar .feed .feed_favicon { margin: 2px 4px 0 2px; vertical-align: top; float: left; } #story_titles .NB-feedbar .feed .feed_title { /* float: left;*/ display: block; margin-left: 24px; } #story_titles .NB-feedbar .NB-feedbar-train-feed { background: transparent url("../img/icons/silk/bricks.png") no-repeat center center; width: 16px; height: 16px; /* display: none;*/ cursor: pointer; padding: 0 0 0 38px; } #story_titles .NB-feedbar .NB-feedbar-statistics { background: transparent url('../img/icons/silk/chart_curve.png') no-repeat center center; width: 16px; height: 16px; /* display: none;*/ cursor: pointer; margin:3px 0 0 -6px; padding:0 24px 0 6px; } #story_titles .NB-feedbar .NB-feedbar-mark-feed-read { background-color: #909090; color: #F0F0F0; cursor: pointer; position: absolute; right: 95px; top: 2px; font-size: 9px; line-height: 15px; font-weight: bold; margin: 3px 11px 2px; padding: 0px 4px 0; text-transform: uppercase; display: none; border-radius: 3px; -moz-border-radius: 3px; } #story_titles .NB-feedbar .NB-feedbar-last-updated { color: #808080; text-shadow: 0 1px 0 #e6e6e6; position: absolute; right: 54px; top: 2px; font-size: 9px; line-height: 15px; font-weight: bold; margin: 3px 0 2px; width: 150px; text-transform: uppercase; } #story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-manage-feed, #story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-statistics { display: inline; } #story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-mark-feed-read { display: block; } #story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-last-updated { display: none; } #story_titles .NB-feedbar .NB-feedbar-mark-feed-read:hover { background-color: #00609f; } #story_titles .NB-feedbar .feed .feed_counts { width: 200px; position: absolute; top: -1px; right: 6px; display: none; } #story_titles .NB-feedbar .feed .feed_counts .feed_counts_floater { float: left; } #story_titles .NB-feedbar .feed .feed_counts .unread_count { float: right; } #story_titles .NB-feedbar .NB-feedbar-intelligence { position: absolute; right: 4px; top: 3px; } #story_titles .NB-feedbar .unread_count { float: right; padding: 0 8px; } #story_titles .NB-feedbar .NB-button-intelligence { float: right; } #story_titles .NB-feedbar .feed_id { display: none; } #story_titles .NB-feedbar .NB-feed-sentiment { position: absolute; width: 16px; height: 16px; top: 2px; display: none; cursor: pointer; } #story_titles .NB-feedbar.NB-feedbar-hover .NB-feed-sentiment { display: block; } #story_titles .NB-feedbar .NB-feed-like { right: 24px; background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 0; } #story_titles .NB-feedbar .NB-feed-dislike { right: 4px; background: transparent url('../img/reader/thumbs_down.png') no-repeat 0 -4px; } #story_titles .feed .unread_count.unread_count_full { display: block; } /* ============================= */ /* = Story Titles Hidden Count = */ /* ============================= */ #story_titles .NB-story-title-indicator { background-color: #909090; color: #F0F0F0; cursor: pointer; float: right; margin: 3px 4px 2px 6px; font-size: 9px; line-height: 15px; font-weight: bold; padding: 0 4px; text-transform: uppercase; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; } #story_titles .NB-story-title-indicator:hover { background-color: #00609f; } #story_titles .NB-story-title-indicator.unread_threshold_negative { display: none; } #story_titles .NB-story-title-indicator .feed_counts_floater { float: left; padding: 2px 0 0; text-align: center; } #story_titles .NB-story-title-indicator .unread_count_positive.unread_count_full, #story_titles .NB-story-title-indicator .unread_count_neutral.unread_count_full, #story_titles .NB-story-title-indicator .unread_count_negative.unread_count_full { display: none; opacity: .3; } #story_titles .NB-story-title-indicator.unread_threshold_positive .unread_count_neutral.unread_count_full, #story_titles .NB-story-title-indicator.unread_threshold_positive .unread_count_negative.unread_count_full, #story_titles .NB-story-title-indicator.unread_threshold_neutral .unread_count_negative.unread_count_full { display: block; } #story_titles .NB-story-title-indicator.unread_threshold_positive:hover .unread_count_neutral { opacity: 1; } #story_titles .NB-story-title-indicator.unread_threshold_neutral:hover .unread_count_negative { opacity: 1; } #story_titles .NB-story-title-indicator .NB-story-title-indicator-text { color: #F0F0F0; float: left; text-align: right; display: block; padding: 0 0 0 2px; } #story_titles .NB-story-title-indicator:hover .NB-story-title-indicator-text { /* color: #D0F0D0;*/ } #story_titles .NB-story-title-indicator .feed_counts_floater .unread_count { padding: 0 3px 1px; margin: 0 2px 0 0; line-height: 10px; } /* ======================== */ /* = Story Titles - Story = */ /* ======================== */ #story_titles .story { overflow: hidden; position: relative; cursor: pointer; font-weight: bold; padding: 0px 206px 0px 28px; border-top: 1px solid #E7EDF6; text-decoration: none; color: #272727; line-height: 1em; background-color: white; } .NB-view-river #story_titles .story { /* padding-right: 326px;*/ } #story_titles .story .NB-storytitles-sentiment { position: absolute; width: 24px; height: 20px; left: 0; top: 0; /* background: transparent url('../img/icons/silk/bullet_orange.png') no-repeat 6px 2px;*/ } #story_titles .story.NB-story-positive .NB-storytitles-sentiment { background: transparent url('../img/icons/silk/bullet_green.png') no-repeat 6px 2px; } #story_titles .story.NB-story-neutral .NB-storytitles-sentiment { background: transparent url('../img/icons/silk/bullet_yellow.png') no-repeat 6px 2px; } #story_titles .story.NB-story-negative .NB-storytitles-sentiment { background: transparent url('../img/icons/silk/bullet_red.png') no-repeat 6px 2px; } #story_titles .story.NB-story-starred .NB-storytitles-star, #story_titles .story.read.NB-story-starred .NB-storytitles-star { width: 16px; height: 16px; margin: -3px 6px -2px 0; background: transparent url('../img/reader/star_blue.png') no-repeat 0 0; float: left; display: none; } #story_titles .story.NB-story-starred .NB-storytitles-star, #story_titles .story.read.NB-story-starred .NB-storytitles-star { display: block; } #story_titles .story.NB-story-starred:hover a.story_title { } #story_titles .story.read { font-weight: normal; } #story_titles .story.read .NB-storytitles-sentiment { background: none; } #story_titles .story:hover { background-color: #f0f0f0; } #story_titles .story.read:hover { background-color: white; } #story_titles .story:hover .NB-storytitles-sentiment { background: none; } #story_titles .story a.story_title { text-decoration: none; color: #272727; display: block; padding: 4px 0px; float: left; position: relative; } #story_titles .story.read a.story_title { color: #575757; } .NB-view-river #story_titles .story a.story_title { margin-left: 120px; } #story_titles .story .story_title .NB-storytitles-author { padding-left: 12px; color: #808080; font-size: 9px; } #story_titles .story.selected .story_title .NB-storytitles-author { text-shadow: 1px 1px 0 #E9E9E9; } #story_titles .story .story_title .NB-storytitles-tags { padding-left: 12px; font-weight: normal; } #story_titles .story .story_title .NB-storytitles-tag { font-size: 9px; padding: 0px 4px; margin: 0 2px; color: #808080; background-color: #E9E9E9; } #story_titles .story .NB-story-feed { display: none; left: -120px; width: 118px; height: 12px; color: #707070; position: absolute; } .NB-view-river #story_titles .story .NB-story-feed { display: block; } #story_titles .story .NB-story-feed .feed_favicon { position: absolute; top: -2px; left: 0; vertical-align: text-bottom; opacity: .6; } #story_titles .story .NB-story-feed .feed_title { display: block; font-size: 10px; position: absolute; left: 20px; top: 0; height: 12px; overflow: hidden; width: 100px; line-height: 1.3em; } #story_titles .story.selected .NB-story-feed .feed_title { text-shadow: 1px 1px 0 #F0F0F0; } #story_titles .story .story_id { display: none; } #story_titles .story .NB-story-manage-icon { display: none; position: absolute; left: 0px; top: 0px; width: 28px; height: 22px; background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 7px 2px; } #story_titles .story:hover .NB-story-manage-icon { display: block; } #story_titles .story:hover .NB-story-manage-icon:hover { background: transparent url('../img/icons/silk/bullet_arrow_up.png') no-repeat 7px 1px; cursor: pointer; } #story_titles .NB-story-sentiment { position: absolute; width: 22px; height: 16px; top: 0; padding: 2px 0; display: none; } #story_titles .story:hover .NB-story-sentiment { display: block; } #story_titles .NB-story-like { left: 22px; background: transparent url('../img/reader/thumbs_up.png') no-repeat 2px 3px; opacity: .25; } #story_titles .NB-story-like:hover { opacity: 1; } #story_titles .story .story_date { position: absolute; right: 4px; width: 200px; top: 4px; } #story_titles .story.selected .story_date { text-shadow: 1px 1px 0 #E6E6E6; } #story_titles .story.selected { color: #304080; border-top: 1px solid #D7DDE6; background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x; } #story_titles .story.after_selected { border-top: 1px solid #D7DDE6; } #story_titles .NB-story-titles-end-stories-line { height: 8px; border-top: 1px solid #404040; background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x; } /* =================== */ /* = Story Navigator = */ /* =================== */ #story_pane .story_navigator { position: relative; } #story_pane .NB-story-pane-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #story_pane a.button { outline: none; border: none; text-decoration: none; cursor: pointer; white-space: nowrap; vertical-align: middle; overflow: visible; color: #000; background-color: #acc; padding: 5px 7px; margin: 0px 2px; } #story_pane a.button:hover { background-color: #cee; } #story_pane a.button.like { float: right; width: 24px; height: 16px; background: #acc url('../img/icons/silk/arrow_up.png') no-repeat 50% 50%; } #story_pane a.button.like:hover { background: #cee url('../img/icons/silk/arrow_up.png') no-repeat 50% 50%; } #story_pane a.button.dislike { float: right; width: 16px; height: 16px; background: #acc url('../img/icons/silk/arrow_down.png') no-repeat 50% 50%; } #story_pane a.button.dislike:hover { background: #cee url('../img/icons/silk/arrow_down.png') no-repeat 50% 50%; } /* ================= */ /* = Content Panes = */ /* ================= */ #story_pane { overflow: hidden; } #story_pane .NB-feed-story-view { overflow: hidden; position: relative; top: 0; left: 100% !important; width: 100%; height: 100%; } #story_pane .NB-feed-iframe, #story_pane .NB-story-iframe { width: 100%; height: 100%; border: 0; margin: 0 !important; padding: 0 !important; overflow: auto !important; display: block; position: absolute; } #story_pane .NB-story-iframe { left: 200%; } /* ================================ */ /* = Feed View Feed Title Floater = */ /* ================================ */ .NB-feed-story-view-floater { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; display: none; } .NB-view-river .NB-feed-story-view-floater { display: block; } /* ================= */ /* = Story Content = */ /* ================= */ #story_pane { font-size: 12px; line-height: 1.5em; width: auto !important; height: auto !important; } #story_pane .wrapper { margin-left: 220px; position: relative; } #story_pane .NB-feed-stories { padding: 0; margin: 0; list-style: none; background-color: white; position: relative; overflow-x: hidden; overflow-y: auto; height: 100%; } #story_pane .NB-feed-story-header { padding: 3px 0 0 0; } #story_pane .NB-feed-story:first-child .NB-feed-story-header { padding-top: 0; } #story_pane .NB-feed-story-header-info { font-weight: bold; font-size: 16px; padding: 0 250px 0 28px; background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x; border-bottom: 1px solid #ADADAD; position: relative; overflow: hidden; } #story_pane .NB-feed-story-header-feed { background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.36, rgba(248,221,105, 250)), color-stop(0.84, rgba(268, 241, 125, 250)) ); background-image: -moz-linear-gradient( center bottom, rgb(76,76,76) 36%, rgb(55,55,55) 84% ); background: #404040 url('../img/reader/feed_view_feed_background.png') repeat-x 0 0; padding: 2px 200px 2px 28px; position: relative; border-bottom: 1px solid #000; z-index: 2; } #story_pane .NB-feed-story-header-feed.NB-feed-story-river-same-feed { z-index: 0; } #story_pane .NB-feed-story-header-feed.NB-floater { z-index: 0; } #story_pane .NB-feed-story-feed { padding: 2px 0; color: white; font-size: 13px; text-shadow: 1px 1px 0 #000; } #story_pane .NB-feed-story-feed .feed_favicon { position: absolute; left: 6px; top: 5px; width: 16px; height: 16px; } #story_pane .NB-feed-stories .NB-feed-story img { max-width: 120%; } #story_pane .NB-feed-story .NB-feed-story-sentiment { position: absolute; top: 1px; left: -22px; width: 16px; height: 16px; } #story_pane .NB-feed-story.NB-river-story .NB-feed-story-sentiment { /* display: none;*/ } #story_pane .NB-feed-story.NB-story-positive .NB-feed-story-sentiment { background: transparent url('../img/icons/silk/bullet_green.png') no-repeat 0 0; } #story_pane .NB-feed-story.NB-story-neutral .NB-feed-story-sentiment { background: transparent url('../img/icons/silk/bullet_yellow.png') no-repeat 0 0; } #story_pane .NB-feed-story.NB-story-negative .NB-feed-story-sentiment { background: transparent url('../img/icons/silk/bullet_red.png') no-repeat 0 0; } #story_pane .NB-feed-story.read .NB-feed-story-sentiment { opacity: .2; } #story_pane .NB-feed-story .NB-feed-story-header:hover .NB-feed-story-sentiment { display: none; } #story_pane .NB-feed-story .NB-feed-story-sentiment-animation { display: none; } #story_pane .NB-feed-story.read .NB-feed-story-sentiment.NB-feed-story-sentiment-animate.NB-animating { opacity: 1; z-index: 10; display: block; } #story_pane .NB-feed-story .NB-feed-story-manage-icon { background: url("../img/icons/silk/bullet_arrow_right.png") no-repeat scroll 7px 2px transparent; display: none; height: 22px; left: -28px; position: absolute; top: 0; width: 28px; } #story_pane .NB-feed-story .NB-feed-story-header:hover .NB-feed-story-manage-icon { display: block; } #story_pane .NB-feed-story .NB-feed-story-header:hover .NB-feed-story-manage-icon:hover { background: transparent url('../img/icons/silk/bullet_arrow_down.png') no-repeat 7px 1px; cursor: pointer; } #story_pane .NB-feed-story-title-container { position: relative; } #story_pane a.NB-feed-story-title { display: block; text-decoration: none; color: #101050; margin: 6px 0 6px; text-shadow: 1px 1px 0 #e8e8e8; } #story_pane a.NB-feed-story-title:hover { color: #1010A0; } #story_pane .NB-feed-story-author { color: #808080; font-size: 9px; text-transform: uppercase; margin: 4px 0 -6px; text-shadow: 1px 1px 0 #F0F0F0; } #story_pane .NB-feed-story-header .NB-feed-story-date { position: absolute; right: 28px; top: 6px; font-size: 11px; text-shadow: 1px 1px 0 #E6E6E6; } #story_pane .NB-feed-story-header .NB-feed-story-starred-date { position: absolute; right: 28px; top: 26px; font-size: 10px; background: transparent url('../img/reader/star_blue.png') no-repeat 0 0; padding-left: 20px; text-shadow: 1px 1px 0 #E6E6E6; color: #808080; } #story_pane .NB-feed-story-content { margin: 0 140px 32px 28px; padding: 12px 0px; } #story_pane .NB-feed-story-endbar { height: 8px; border-top: 1px solid #404040; background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x; } #story_pane .NB-feed-stories .NB-feed-story { margin: 0; clear: both; } #story_pane .NB-feed-stories.NB-feed-view-story .NB-feed-story { padding: 0; } /* ======================= */ /* = Story Modifications = */ /* ======================= */ #story_pane { color: #2b2b2b; } #story_pane p { clear: both; } #story_pane blockquote { background-color: #F0F0F0; border-left: 1px solid #9B9B9B; padding: .5em 2em; margin: 0px; } .content-pane .feed { position: absolute; bottom: 1px; left: 350px; z-index: 10; display: block; opacity: .1; font-size: 20px; } .content-pane .feed .feed_counts { float: left; } .content-pane .feed .feed_counts .feed_counts_floater { float: left; } .content-pane .feed .feed_counts .unread_count { float: right; padding: 0 8px; } .content-pane .feed .unread_count.unread_count_full { display: block; } .content-pane .feed .feed_favicon, .content-pane .feed .feed_title, .content-pane .feed .NB-feedbar-mark-feed-read { display: none; } /* ================ */ /* = Feeds Header = */ /* ================ */ .NB-feeds-header-container { border-bottom: 1px solid #777D86; } .NB-feeds-header { background: #4F5358 url("../img/reader/feeds_header_background.png") repeat-x 0 -22px; color: #FFF; height: 15px; font-size: 11px; padding: 2px 6px 2px 0; text-transform: uppercase; text-shadow: 0 1px 0 #303030; border-bottom: 1px solid #E9E9E9; } .NB-feeds-header:hover { color: #DCDCDC; cursor: default; } .NB-feeds-header .NB-feeds-header-right { float: right; color: #808080; } .NB-feeds-header .NB-feeds-header-left { float: left; color: #FFF; } .NB-feeds-header .NB-feeds-header-count { padding: 0 0 0 16px; text-align: left; } .NB-feeds-header .NB-feeds-header-count.NB-empty { opacity: .45; color: #B0B0B0; } .NB-feeds-header .NB-feeds-header-negative { background: transparent url('../img/icons/silk/bullet_red.png') no-repeat 2px -1px; } .NB-feeds-header .NB-feeds-header-neutral { background: transparent url('../img/icons/silk/bullet_yellow.png') no-repeat 2px -1px; } .NB-feeds-header .NB-feeds-header-positive { background: transparent url('../img/icons/silk/bullet_green.png') no-repeat 2px -1px; } .NB-feeds-header .NB-feeds-header-right { position: relative; } .NB-feeds-header .NB-feeds-header-sites { float: right; cursor: pointer; } .NB-feeds-header .NB-feeds-header-sites:hover { color: #5E7B88; } .NB-feeds-header.NB-active:hover { cursor: pointer; } .NB-feeds-header .NB-feeds-header-home { display: none; padding: 0 0 0 4px; color: #7493C7; } .NB-feeds-header.NB-active:hover { cursor: pointer; } .NB-feeds-header.NB-active:hover .NB-feeds-header-home { display: block; } .NB-feeds-header.NB-active:hover .NB-feeds-header-count { display: none; } /* ============================ */ /* = Header - Starred Stories = */ /* ============================ */ .NB-feeds-header-starred-container { position: relative; height: 20px; display: none; overflow: hidden; } .NB-feeds-header-starred { background: #4F5358 url("../img/reader/feeds_header_background.png") repeat-x scroll left top; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; border-top: 1px solid #303030; border-bottom: 1px solid #E9E9E9; padding-right: 2px; font-size: 10px; cursor: pointer; } .NB-feeds-header-starred.NB-selected { background: #f6a828 url('../theme/images/ui-bg_highlight-hard_35_f6a828_1x100.png') 0 50% repeat-x; } .NB-feeds-header-starred .NB-feeds-header-starred-icon { position: absolute; top: 1px; left: 2px; background: transparent url('../img/reader/star_blue.png') no-repeat 0 0; width: 16px; height: 16px; } .NB-feeds-header-starred .NB-feeds-header-starred-title { display: block; padding: 3px 40px 2px 23px; text-decoration: none; color: #F0F0F0; line-height: 1.3em; height: 14px; overflow: hidden; text-shadow: 0 1px 0 #060607; text-transform: uppercase; } .NB-feeds-header-starred:hover .NB-feeds-header-starred-title { color: #C1C1C1; } .NB-feeds-header-starred.NB-selected .NB-feeds-header-starred-title { text-shadow: 0 1px 0 #FFC97D; color: #000000; } .NB-feeds-header-starred .NB-feeds-header-starred-count { background-color: #11448B; display: block; padding: 0 4px; margin: 2px 3px 0 0; } .NB-feeds-header-starred.NB-empty .NB-feeds-header-starred-count { display: none; } /* ========================== */ /* = Header - River Stories = */ /* ========================== */ .NB-feeds-header-river-container { position: relative; height: 20px; display: none; overflow: hidden; } .NB-is-premium .NB-feeds-header-river-container { display: block; } .NB-feeds-header-river { background: #4F5358 url("../img/reader/feeds_header_background.png") repeat-x scroll left top; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; border-top: 1px solid #303030; border-bottom: 1px solid #E9E9E9; padding-right: 2px; font-size: 10px; cursor: pointer; } .NB-feeds-header-river.NB-selected { background: #f6a828 url('../theme/images/ui-bg_highlight-hard_35_f6a828_1x100.png') 0 50% repeat-x; } .NB-feeds-header-river .NB-feeds-header-river-icon { position: absolute; top: 1px; left: 2px; background: transparent url('../img/icons/silk/images.png') no-repeat 0 0; width: 16px; height: 16px; } .NB-feeds-header-river .NB-feeds-header-river-title { display: block; padding: 3px 40px 2px 23px; text-decoration: none; color: #F0F0F0; line-height: 1.3em; height: 14px; overflow: hidden; text-shadow: 0 1px 0 #060607; text-transform: uppercase; } .NB-feeds-header-river:hover .NB-feeds-header-river-title { color: #C1C1C1; } .NB-feeds-header-river.NB-selected .NB-feeds-header-river-title { text-shadow: 0 1px 0 #FFC97D; color: #000000; } .NB-feeds-header-river .NB-feeds-header-river-count { background-color: #11448B; display: block; padding: 0 4px; margin: 2px 3px 0 0; } .NB-feeds-header-river.NB-empty .NB-feeds-header-river-count { display: none; } /* ============ */ /* = Task Bar = */ /* ============ */ .NB-taskbar-container { background: #e0e0e0 url('../img/reader/taskbar_background.png') repeat-x top left; border-top: 1px solid #777D86; z-index: 10; } .NB-taskbar { position: relative; border-top: 1px solid #F0F0F0; } .NB-taskbar .NB-task-view-switch-arrow { position: absolute; top: 8px; right: -8px; width: 16px; height: 16px; background: transparent url('../img/icons/silk/arrow_switch.png') no-repeat center 0px; display: none; z-index: 1; } .NB-taskbar ul { list-style-image: none; list-style-position: outside; list-style-type: none; } .NB-taskbar .taskbar_nav { margin: 0; padding: 0; position: relative; display: inline; } .NB-taskbar .taskbar_nav.first { border-left: 1px solid #828282; } .NB-taskbar .taskbar_nav_feeds, .NB-taskbar .taskbar_nav_view { float: left; } .NB-taskbar .taskbar_nav .task_button { height: 29px; margin: 0px; display: block; position: relative; border-right: 1px solid #828282; float: left; padding: 0px 8px 0 32px; font-size: 13px; } .NB-taskbar .taskbar_nav .task_button:hover, .NB-taskbar .taskbar_nav .task_button.NB-hover { background-color: #A0A7B1; } .NB-taskbar .taskbar_nav .task_button.NB-disabled:hover { background-color: inherit; } .NB-taskbar .taskbar_nav .task_button.active .taskbar_menu { display: block; } .NB-taskbar .taskbar_nav .task_button .taskbar_menu { display: none; background-color: #D9E2F7; bottom: 29px; left: -1px; position: absolute; width: 299px; font-size: 13px; padding: 0; border-right: 1px solid #828282; border-left: 1px solid #828282; border-top: 1px solid #828282; } .NB-taskbar .taskbar_nav .task_button .taskbar_menu li { margin: 0; padding: 2px 4px; } .NB-taskbar .taskbar_nav .task_button .taskbar_menu li span { padding: 4px 29px; margin: 0; display: block; color: #203060; cursor: pointer; } .NB-taskbar .taskbar_nav .task_button .taskbar_menu li span:hover { background-color: #96B6E6; color: #405090; } .NB-taskbar .taskbar_nav .task_button.NB-disabled .taskbar_menu li span:hover { background-color: inherit; color: inherit; } .NB-taskbar .task_button { cursor: pointer; } .NB-taskbar .task_button.NB-disabled { opacity: .3; cursor: default; } .NB-taskbar .task_button.NB-task-add { background: transparent url('../img/icons/silk/add.png') no-repeat center 8px; } .NB-taskbar .task_button.NB-task-manage { background: transparent url('../img/icons/silk/cog.png') no-repeat center 8px; } .NB-taskbar .task_button.task_profile { background: transparent url('../img/icons/silk/user.png') no-repeat center 8px; } .NB-taskbar .taskbar_nav_story { right: 0; width: 261px; position: absolute; } /* =================== */ /* = Taskbar - Story = */ /* =================== */ .NB-taskbar ::-moz-selection { background: transparent; } .NB-taskbar ::selection { background: transparent; } #story_taskbar { display: none; } .NB-taskbar .NB-task-title { padding: 7px 0 0 0; display: block; cursor: pointer; text-transform: uppercase; color: #203036; text-shadow: 0px 1px 1px #D0D0D0; } .NB-taskbar .task_button.task_view_page { position: relative; cursor: pointer; background: transparent url('../img/icons/silk/application_view_tile.png') no-repeat 8px center; } .NB-taskbar .task_button.task_view_page.NB-exception-page { background-image: url('../img/icons/silk/exclamation.png'); } .NB-taskbar .task_button.task_view_feed { cursor: pointer; background: transparent url('../img/icons/silk/application_view_list.png') no-repeat 8px center; } .NB-taskbar .task_button.task_view_story { cursor: pointer; background: transparent url('../img/icons/silk/application_view_gallery.png') no-repeat 8px center; } .NB-taskbar .task_button.task_story_next_positive { cursor: pointer; background: transparent url('../img/icons/silk/bullet_green.png') no-repeat 8px center; } .NB-taskbar .task_button.task_story_next_neutral { cursor: pointer; background: transparent url('../img/icons/silk/bullet_yellow.png') no-repeat 8px center; } .NB-taskbar .task_button.task_story_next_negative { cursor: pointer; background: transparent url('../img/icons/silk/bullet_red.png') no-repeat 8px center; } .NB-taskbar .task_button.task_story_previous { cursor: pointer; background: transparent url('../img/icons/silk/arrow_left.png') no-repeat center center; } .NB-taskbar .task_button.task_story_next { cursor: pointer; background: transparent url('../img/icons/silk/arrow_down.png') no-repeat center center; } .NB-taskbar .task_button.task_button_signup { cursor: pointer; background: transparent url('../img/icons/media-devices/imac.png') no-repeat center center; } .NB-taskbar .task_button_view.NB-active { background-color: #A0A7B1; } .NB-taskbar .task_button.task_return { cursor: pointer; display: none; background: transparent url('../img/icons/silk/arrow_undo.png') no-repeat 8px 8px; padding-top: 2px; font-size: 12px; } .NB-taskbar .task_button.task_return .NB-task-title { padding-top: 0; line-height: 13px; } /* ==================== */ /* = OPML Import Form = */ /* ==================== */ form.opml_import_form { } form.opml_import_form textarea { width: 100%; height: 200px; } form.opml_import_form .section { clear: both; margin: 2px 0px; } form.opml_import_form label { display: block; } form.opml_import_form input { display: block; clear: both; float: left; margin: 0px 4px; } #progress_container { font-size: .9em; width: 100%; height: 1.25em; position: relative; margin: 3em 0; display: none; } #progress_filename { font-size: .9em; width: 100%; } #progress_bar { width: 100%; border: 1px solid #999; } #progress_indicator { background: #8a9; width: 0; height: 4px; } /* ================== */ /* = Django Logging = */ /* ================== */ #django_log { position: absolute; bottom: 30px; width: 850px; right: 20px; z-index: 10000; max-height: 400px; overflow-y: scroll; } #django_log.collapsed { width: 210px; } #django_log h1:hover { background-color: #FFFFA0; cursor: pointer; } /* ============== */ /* = Feed Frame = */ /* ============== */ .NB-feed-frame { } /* =============== */ /* = Splash Pane = */ /* =============== */ #NB-splash { height: 100%; width: 100%; z-index: 0; position: absolute; top: 0; left: 0; } #NB-splash .NB-splash-title { position: absolute; bottom: -1px; height: 55px; right: 0; width: 235px; } #NB-splash .NB-splash-image { margin: 0 auto; height: 376px; width: 600px; background: transparent url('../img/reader/newsblur_splash_image.png') no-repeat 0 0; } #NB-splash .NB-splash-links { position: absolute; right: 236px; width: 242px; text-align: right; bottom: 0; display: block; line-height: 16px; margin: 0; padding: 0; text-shadow: 1px 1px 0 #F0F0F0; list-style: none; white-space: nowrap; z-index: 0; } #NB-splash .NB-splash-links .NB-splash-link { display: block; line-height: 12px; margin: 1px 0; padding: 0; width: 121px; float: left; } #NB-splash .NB-splash-links .NB-splash-link.NB-first { clear: both; } #NB-splash .NB-splash-links .NB-splash-link a { background-color: #F3F6F9; margin: 0; padding: 2px 4px; } #NB-splash .NB-splash-links .NB-splash-link a:hover { background-color: #E9ECF6; } #NB-splash .NB-splash-links .NB-splash-link-github a:hover { background: #E9ECF6 url('../img/reader/github_icon.png') no-repeat 0 0; } #NB-splash .NB-splash-links .NB-splash-link-twitter a:hover { background: #E9ECF6 url('../img/reader/twitter_icon.png') no-repeat 0 0; } #NB-splash .NB-splash-links a { font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; } #NB-splash .NB-splash-links a, .NB-modal-about a, a.NB-splash-link { color: #405BA8; text-decoration: none; font-weight: bold; } #NB-splash .NB-splash-links a:hover, .NB-modal-about a:hover, a.NB-splash-link:hover { color: #A85B40; } .NB-splash-info { background-color: white; z-index: 1; position: absolute; right: 0; bottom: 0; width: 500px; height: 56px; } /* ===================== */ /* = Splash Meta Links = */ /* ===================== */ .NB-splash-meta { bottom: 47px; margin: 0; position: absolute; right: 250px; width: 230px; } .NB-splash-meta .NB-splash-meta-link { cursor: pointer; float: right; margin: 0 0 0 4px; } /* ============== */ /* = Classifier = */ /* ============== */ .NB-classifier { border-radius: 14px; -moz-border-radius: 14px; } .NB-classifier .NB-modal-loading { margin: 8px 0px 0 0; } .NB-modal-classifiers h2.NB-like { color: #007000; } .NB-modal-classifiers h2.NB-dislike { color: #700000; } .NB-modal-classifiers .NB-classifier-facet-disabled { color: #A0A0A0; } .NB-classifiers .NB-classifier.NB-classifier-title.NB-classifier-facet-disabled label { color: #A0A0A0; text-shadow: none; } .NB-modal-classifiers .NB-classifier-title-highlight { margin-bottom: 6px; } .NB-classifier-title-display { margin: 6px 0 0 0; } .NB-modal-classifiers .NB-publisher .NB-classifier-authors input { float: none; margin: 4px 6px 0 0; } .NB-modal-classifiers .NB-classifier-container { white-space: nowrap; float: left; display: block; margin: 2px 6px 6px 0; } .NB-modal-classifiers .NB-classifier-container .NB-classifier { margin: 0 2px 0 0; } .NB-classifier .NB-classifier-count { font-size: 10px; font-weight: bold; margin: 0 6px 0 2px; } .NB-modal-classifiers .NB-modal-title .NB-classifier-title-like { color: #3D931B; padding-left: 20px; background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 6px; } .NB-modal-classifiers .NB-modal-title .NB-classifier-title-dislike { color: #932C15; padding-right: 20px; background: transparent url('../img/reader/thumbs_down.png') no-repeat right 2px; } .simplemodal-wrap { overflow: auto; } /* ====================== */ /* = Classifier Trainer = */ /* ====================== */ .NB-modal-trainer .NB-modal-submit .NB-modal-submit-back, .NB-modal-trainer .NB-modal-submit .NB-modal-submit-reset { float: left; color: #FFF; background-color: #b5b4bB; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-close { float: right; color: #FFF; background-color: #b5b4bB; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-end { float: right; color: #FFF; background-color: #4679BB; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-green { float: right; padding-left: 12px !important; padding-right: 12px !important; } .NB-modal-trainer .NB-classifier-trainer-counts { float: right; color: #606060; font-size: 14px; } .NB-modal-trainer .NB-trainer-points li { line-height: 23px; margin: 0 0 18px 0; clear: both; } .NB-modal-trainer .NB-trainer-points li b { display: block; } .NB-modal-trainer .NB-trainer-points li img { padding: 0 0 0 8px; } .NB-modal-trainer .NB-trainer-points li img.NB-trainer-bullet { float: left; margin: 4px 4px 0 0; padding: 0; vertical-align: middle; } .NB-modal-trainer .NB-trainer-not-authenticated { font-size: 13px; color: #801A14; font-weight: bold; padding: 4px 4px 4px 24px; background: #FFE1DB url('../img/icons/silk/exclamation.png') no-repeat 4px 4px; } /* ======================= */ /* = Intelligence Slider = */ /* ======================= */ .NB-taskbar-intelligence { width: 100px; position: absolute; right: 18px; top: 16px; font-size: .5em; } .NB-taskbar-intelligence.NB-modal-slider { right: 18px; top: 28px; } .NB-taskbar-intelligence .NB-taskbar-intelligence-indicator { position: absolute; top: -16px; width: 12px; height: 12px; } .NB-taskbar-intelligence .NB-taskbar-intelligence-negative { right: 94px; background: transparent url(../img/icons/silk/bullet_red.png) no-repeat 0 0; } .NB-taskbar-intelligence .NB-taskbar-intelligence-neutral { right: 45px; background: transparent url(../img/icons/silk/bullet_yellow.png) no-repeat 0 0; } .NB-taskbar-intelligence .NB-taskbar-intelligence-positive { right: -4px; background: transparent url(../img/icons/silk/bullet_green.png) no-repeat 0 0; } .NB-intelligence-slider { } /* ===================== */ /* = Add Feeds/Folders = */ /* ===================== */ .NB-modal.NB-add .NB-fieldset-fields { margin: 14px 0 14px 16px; } .NB-add .NB-add-danger { display: block; clear: both; font-size: 12px; color: #535558; font-weight: bold; margin: 8px 0 0; float: left; } .NB-add .NB-add-danger img { vertical-align: bottom; padding: 0 4px 0 0 ; } .NB-add .NB-add-folders { text-transform: none; position: absolute; right: 8px; bottom: 6px; } .NB-add .NB-add-folders select { width: 200px; font-size: 11px; } .NB-add input[type=file] { font-size: 14px; } .NB-add input[type=submit] { font-size: 12px; margin: 0 0 0 4px; } .NB-add input[type=text] { width: 340px; font-size: 14px; padding: 2px; margin: 2px 4px 2px; border: 1px solid #606060; -moz-box-shadow:2px 2px 0 #D0D0D0; -webkit-box-shadow:2px 2px 0 #D0D0D0; box-shadow:2px 2px 0 #D0D0D0; } .NB-add .NB-folder-icon { float: left; margin: 4px 0px 4px; background: transparent url('../img/icons/silk/folder.png') no-repeat 0 0; width: 16px; height: 16px; } .NB-add input.NB-add-folder { margin-left: 6px; } .NB-add .NB-error { display: none; font-weight: bold; font-size: 14px; color: #7E0418; margin: 10px 0 0 0; } .NB-add .NB-add-google-reader-arrow { width: 16px; height: 16px; vertical-align: bottom; margin: 0 4px; } .NB-add .NB-google-reader-oauth { margin: 4px 0 6px 0; text-decoration: none; float: left; display: block; } .ui-autocomplete { width: 344px; padding: 0; margin: 0; } .ui-autocomplete li { padding: 0; list-style: none; margin: 0; border-bottom: 1px solid #B0B0B0; } .ui-autocomplete li:last-child { border-bottom: none; } .ui-autocomplete li a { padding: 2px; display: block; cursor: pointer; } .ui-autocomplete li a.ui-state-hover { border: none; font-weight: normal; } .ui-autocomplete li a .NB-add-autocomplete-subscribers { float: right; font-size: 10px; color: #909090; font-weight: bold; text-transform: uppercase; line-height: 16px; padding: 2px 4px 0 0; } .ui-autocomplete li a .NB-add-autocomplete-title { line-height: 16px; color: #202020; font-weight: bold; font-size: 13px; height: 16px; overflow: hidden; padding: 2px 0 0 4px; } .ui-autocomplete li a .NB-add-autocomplete-address { display: block; clear: both; color: #3F3D6E; font-size: 10px; font-weight: normal; height: 12px; line-height: 16px; padding: 4px 0 4px 4px; overflow: hidden; } /* ================ */ /* = Manage Feeds = */ /* ================ */ .NB-manage .NB-manage-field { } .NB-manage .NB-manage-container { height: 375px; overflow-y: auto; padding: 0 18px 18px 0; } .NB-manage .NB-classifier-title-like { color: #3D931B; padding-left: 20px; background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 0; } .NB-manage .NB-classifier-title-dislike { color: #932C15; padding-left: 20px; background: transparent url('../img/reader/thumbs_down.png') no-repeat 0 0; } .NB-manage .NB-manage-classifier { overflow: hidden; } .NB-manage .NB-manage-classifier .NB-classifiers { clear: both; } .NB-manage .NB-classifier-empty { margin: 0 0 4px 12px; font-size: 12px; color: #A0A0A0; } .NB-manage .NB-classifier-empty .NB-like { width: 14px; height: 20px; margin: 0 2px; vertical-align: -6px; opacity: .4; } .NB-manage .NB-classifier-empty .NB-dislike { width: 14px; height: 20px; margin: 0 2px; vertical-align: -4px; opacity: .4; } .NB-manage .NB-manage-rename { margin: 0 0 12px 12px; display: none; /* Sorry, but this is not v1.0. Maybe next tuesday. No, next, next tuesday. */ } .NB-manage .NB-manage-rename label { font-size: 14px; font-weight: bold; } .NB-manage .NB-manage-rename input { font-size: 14px; padding: 2px; margin: 0 4px; border: 1px solid #606060; width: 400px; -moz-box-shadow:2px 2px 0 #D0D0D0; -webkit-box-shadow:2px 2px 0 #D0D0D0; box-shadow:2px 2px 0 #D0D0D0; } .NB-manage .NB-manage-delete { margin: 6px 0 4px; font-size: 12px; } .NB-manage .NB-manage-delete .NB-delete { text-decoration: underline; color: #AF1313; } .NB-manage .NB-manage-delete .NB-delete-confirm { font-weight: bold; text-decoration: underline; color: #DB1818; margin: 0 12px 0 24px; display: none; } .NB-manage .NB-manage-delete .NB-delete-cancel { margin: 0; text-decoration: underline; color: #A0A0A0; display: none; } /* =================== */ /* = Mark Read Modal = */ /* =================== */ .NB-modal-markread .NB-markread-slider { margin-top: 24px; } .NB-modal-markread .NB-markread-explanation { margin-top: 24px; } /* =================== */ /* = Classifier Tags = */ /* =================== */ .NB-classifiers { clear: both; overflow: hidden; } .NB-classifiers ::-moz-selection { background: transparent; } .NB-classifiers ::selection { background: transparent; } .NB-classifiers .NB-classifier { white-space: nowrap; float: left; display: block; margin: 2px 6px 6px 0; cursor: pointer; padding: 0 30px 0 26px; font-size: 12px; text-transform: uppercase; background-color: #F5CD09; position: relative; border: 1px solid transparent; } .NB-classifiers .NB-classifier input[type=checkbox] { margin: 3px 6px 2px 4px; cursor: pointer; float: left; } .NB-classifiers .NB-classifier label { cursor: pointer; color: black; float: left; display: block; padding: 2px 0; } .NB-classifiers .NB-classifier label b { color: #957D09; text-shadow: none; font-weight: normal; } .NB-classifiers .NB-classifier label span { text-shadow: 1px 1px 0 #F4E576; } .NB-classifiers .NB-classifier.NB-classifier-facet-disabled { background-color: white; } .NB-classifiers .NB-classifier input { display: none; } .NB-classifiers .NB-classifier .feed_favicon { margin-top: -2px; } .NB-classifiers .NB-classifier .NB-classifier-icon-like { width: 16px; height: 16px; background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 0; position: absolute; left: 6px; top: 2px; opacity: .2; } .NB-classifiers .NB-classifier .NB-classifier-icon-dislike { width: 27px; height: 22px; position: absolute; top: -1px; right: -1px; background: transparent url('../img/reader/thumbs_down.png') no-repeat 5px -1px; opacity: .2; } .NB-classifiers .NB-classifier .NB-classifier-icon-dislike-inner { margin: 4px 4px 0 0; width: 18px; height: 13px; border-left: 1px solid #EBEBE1; } .NB-classifiers .NB-classifier.NB-classifier-like { background-color: #34912E; border: 1px solid #202020; -webkit-box-shadow: 1px 1px 1px #BDC0D7; -moz-box-shadow: 1px 1px 1px #BDC0D7; box-shadow: 1px 1px 1px #BDC0D7; } .NB-classifiers .NB-classifier.NB-classifier-dislike { background-color: #A90103; border: 1px solid #000; -webkit-box-shadow: 1px 1px 1px #BDC0D7; -moz-box-shadow: 1px 1px 1px #BDC0D7; box-shadow: 1px 1px 1px #BDC0D7; } .NB-classifiers .NB-classifier.NB-classifier-hover-like { background-color: #54A54E; } .NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-like { background-color: #34912E; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like { border: 1px solid transparent; } .NB-classifiers .NB-classifier.NB-classifier-like label b, .NB-classifiers .NB-classifier.NB-classifier-hover-like label b { color: white; } .NB-classifiers .NB-classifier.NB-classifier-like label span, .NB-classifiers .NB-classifier.NB-classifier-hover-like label span { color: white; text-shadow: 1px 1px 0 #254E18; } .NB-classifiers .NB-classifier.NB-classifier-like .NB-classifier-icon-dislike, .NB-classifiers .NB-classifier.NB-classifier-hover-like .NB-classifier-icon-dislike { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-dislike, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-dislike { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-like, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-like { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like .NB-classifier-icon-like { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like .NB-classifier-icon-dislike { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-hover-like.NB-classifier-hover-dislike .NB-classifier-icon-dislike { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-hover-like.NB-classifier-hover-dislike .NB-classifier-icon-like { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-like .NB-classifier-icon-like, .NB-classifiers .NB-classifier.NB-classifier-hover-like .NB-classifier-icon-like, .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-dislike, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-dislike { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-hover-dislike { background-color: #C92123; } .NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-dislike { border: 1px solid transparent; } .NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-like.NB-classifier-hover-dislike { background-color: #C92123; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like.NB-classifier-hover-dislike { border: 1px solid #000; background-color: #A90103; } .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-dislike-inner, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-dislike-inner { border-left-color: #C17C52; } .NB-classifiers .NB-classifier.NB-classifier-dislike label b, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike label b { color: white; } .NB-classifiers .NB-classifier.NB-classifier-dislike label span, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike label span { color: white; text-shadow: 1px 1px 0 #7F1012; } /* =================== */ /* = Mouse Indicator = */ /* =================== */ #mouse-indicator { position: absolute; top: 50px; left: -10px; opacity: 0; background: transparent url('../img/reader/mouse_indicator.png') no-repeat 0 0; width: 10px; height: 15px; z-index: 10; cursor: pointer; } /* ================ */ /* = Page Modules = */ /* ================ */ .NB-module .NB-module-direction { display: block; width: 16px; height: 16px; float: left; padding: 2px 3px 0px; } .NB-module .NB-module-direction.NB-disabled { opacity: .25; } .NB-module .NB-module-next-page { background: transparent url('../img/icons/silk/control_play_blue.png') no-repeat center center; } .NB-module .NB-module-next-page:link { background: transparent url('../img/icons/silk/control_play.png') no-repeat center center; } .NB-module .NB-module-next-page:hover { background: transparent url('../img/icons/silk/control_play_blue.png') no-repeat center center; } .NB-module .NB-module-next-page.NB-disabled:hover { background: transparent url('../img/icons/silk/control_play.png') no-repeat center center; cursor: default; } .NB-module .NB-module-previous-page { background: transparent url('../img/icons/silk/control_play_left_blue.png') no-repeat center center; } .NB-module .NB-module-previous-page:link { background: transparent url('../img/icons/silk/control_play_left.png') no-repeat center center; } .NB-module .NB-module-previous-page:hover { background: transparent url('../img/icons/silk/control_play_left_blue.png') no-repeat center center; } .NB-module .NB-module-previous-page.NB-disabled:hover { background: transparent url('../img/icons/silk/control_play_left.png') no-repeat center center; cursor: default; } .NB-module .NB-module-page-indicator { display: block; width: 16px; height: 16px; float: left; padding: 2px 3px 0px; opacity: .25; background: transparent url('../img/icons/silk/bullet_blue.png') no-repeat center center; } .NB-module .NB-module-page-indicator:hover { opacity: 1; } .NB-module .NB-module-page-indicator.NB-active { opacity: 1; background: transparent url('../img/icons/silk/bullet_orange.png') no-repeat center center; cursor: default; } /* ============= */ /* = Main Page = */ /* ============= */ .NB-account .NB-module { margin: 24px 0 0; padding: 0; width: 478px; clear: both; overflow: hidden; } .NB-account .NB-module a { text-decoration: none; /* color: #3E4773;*/ } .NB-account .NB-module a:hover { /* color: #0E1763;*/ } .NB-account .NB-module h5 { margin: 0 0 12px; padding: 8px 12px 6px; } .NB-account .NB-module .NB-module-header-left { float: left; } .NB-account .NB-module .NB-module-header-center { text-align: center; margin: 0 auto; width: 132px; } .NB-account .NB-module .NB-module-header-right { font-size: 13px; line-height: 16px; font-weight: normal; float: right; } .NB-account .NB-module .NB-module-account { position: relative; min-height: 77px; margin: 0 0 12px; } .NB-account .NB-module .NB-module-account.NB-last { margin-bottom: 0; } .NB-account .NB-module .NB-module-account h3 { border-bottom: 1px solid #F0F0F0; padding: 4px 0 0px; margin: 4px 0 4px 128px; font-size: 13px; text-transform: uppercase; color: #134160; text-shadow: 1px 1px 0 #E0E0E0; } .NB-account .NB-module .NB-module-account .NB-module-account-subtitle { float: right; color: #C0C0C0; text-shadow: none; margin-right: 12px; } .NB-account .NB-module .NB-module-account .NB-module-account-image { position: absolute; left: 0; top: 0; } .NB-account .NB-module .NB-module-account .NB-module-account-image img { width: 100px; height: 75px; overflow: hidden; margin: 0 8px 2px 12px; border: 1px solid #606060; -moz-box-shadow: 1px 1px 0 #303030; -webkit-box-shadow: 1px 1px 0 #303030; box-shadow: 1px 1px 0 #303030; } .NB-account .NB-module .NB-modal-submit-close { color: #505050; } .NB-account .NB-module .NB-module-account .NB-module-account-title { margin: 0 0 4px 128px; } .NB-account .NB-module .NB-module-account .NB-modal-submit-button { float: left; margin: 4px 0 0 0; } .NB-account .NB-module .NB-module-account .NB-module-account-premium { float: right; margin-right: 12px; } .NB-account .NB-module .NB-module-account-trainer.NB-hidden { display: none; } /* ============ */ /* = Features = */ /* ============ */ .NB-module-features table { list-style: none; padding: 0; margin: 0 6px; width: 466px; } .NB-module-features .NB-features-add { float: left; display: none; margin-right: 12px; } .NB-module-features .NB-module-header:hover .NB-features-add { display: block; } .NB-module-features .NB-module-feature td { margin: 0 0 0; } .NB-module-features .NB-module-feature.last td { margin-bottom: 0; } .NB-module-features .NB-module-feature.NB-module-feature-new td { background-color: #FCFFB4; } .NB-module-features .NB-module-feature .NB-module-feature-date { float: left; text-transform: uppercase; padding: 4px 8px; margin: 0; color: #134160; text-shadow: 1px 1px 0 #E0E0E0; font-size: 12px; font-weight: bold; line-height: 20px; white-space: nowrap; min-width: 100px; } .NB-module-features .NB-module-feature.last .NB-module-feature-date { margin-bottom: 0; } .NB-module-features .NB-module-feature .NB-module-feature-description { line-height: 20px; font-size: 13px; padding: 4px 8px; margin: 0; width: 100%; } .NB-module-features .NB-module-feature.last .NB-module-feature-description { margin-bottom: 0; } .NB-module-features .NB-module-feature .NB-module-feature-description a { color: #405BA8; } .NB-module-features .NB-module-feature .NB-module-feature-description a:hover { color: #A85B40; } .NB-module-features .NB-module-feature .NB-module-feature-description img { width: 16px; height: 16px; vertical-align: bottom; } .NB-module-features .NB-module-feature .NB-module-feature-description img.NB-module-feature-arrow { padding: 0 4px; vertical-align: text-bottom; width: 16px; height: 16px; } #add-feature-form { display: none; } /* ======================= */ /* = How it Works Module = */ /* ======================= */ .NB-module-howitworks { position: relative; } .NB-module-howitworks .NB-howitworks-page-indicators { position: absolute; width: 132px; height: 20px; right: 64px; bottom: 0px; } .NB-module-howitworks .NB-howitworks-page { display: none; overflow: hidden; } .NB-module-howitworks .NB-howitworks-page.NB-active { display: block; } .NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-image { width: 200px; height: 135px; padding: 2px; border: 1px solid #E0E0E0; margin: 0 12px; float: left; } .NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-description { height: 135px; width: 238px; float: left; line-height: 30px; font-size: 22px; color: #303030; text-shadow: 1px 1px 0px #F0F0F0; } .NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-description td { padding: 0; margin: 0; vertical-align: middle; text-align: center; } /* ========= */ /* = Menus = */ /* ========= */ .NB-menu-manage-container { z-index: 10; position: absolute; display: none; opacity: 0; width: 260px; padding: 0; margin: 0; background-color: #F0FFF0; border-top: 1px solid #8ABCBE; border-left: 1px solid #8ABCBE; border-right: 1px solid #6A9C9E; border-bottom: 1px solid #6A9C9E; -webkit-box-shadow: 2px 2px 5px #5E6267; -moz-box-shadow: 2px 2px 5px #5E6267; box-shadow: 2px 2px 5px #5E6267; } .NB-menu-manage { list-style: none; font-size: 11px; text-transform: uppercase; margin: 4px 0 0; padding: 0; } .NB-menu-manage.NB-inverse { margin: 0 0 4px; } .NB-menu-manage.NB-menu-manage-notop { } .NB-menu-manage-container .NB-menu-manage-arrow { width: 19px; height: 20px; background: #F0FFF0 url('../img/icons/silk/bullet_arrow_down.png') no-repeat 2px 2px; border-top: 1px solid #8ABCBE; border-left: 1px solid #8ABCBE; border-right: 1px solid #6A9C9E; z-index: 10; position: absolute; top: -21px; left: -1px; } .NB-menu-manage-container .NB-menu-manage-arrow.NB-inverse { background-image: url('../img/icons/silk/bullet_arrow_up.png'); border-top: none; border-bottom: 1px solid #6A9C9E; bottom: -21px; top: auto; } .NB-menu-manage li { margin: 0 0 0 0; padding: 0; cursor: pointer; clear: both; position: relative; background-color: #BAE3A8; } .NB-menu-manage li:hover:not(.NB-disabled), .NB-menu-manage li.NB-hover { background-color: #639510; color: white; } .NB-menu-manage li.NB-menu-separator { background-color: #72924A; border-bottom: 1px solid #E2E8D8; padding: 0; height: 1px; } .NB-menu-manage li.NB-menu-separator-inverse { background-color: #E2E8D8; border-bottom: 1px solid #72924A; padding: 0; height: 1px; } .NB-menu-manage li.NB-menu-separator-top { background-color: #72924A; border-bottom: 1px solid #F8FFFF; margin-bottom: 1px; padding: 0; height: 1px; } .NB-menu-manage li.NB-menu-separator:hover { background-color: #72924A; color: inherit; cursor: default; } .NB-menu-manage li.NB-menu-manage-feed-info:hover, .NB-menu-manage li.NB-menu-manage-site-info:hover { background-color: inherit; color: inherit; cursor: default; } .NB-menu-manage li.NB-menu-separator-inverse:hover { background-color: #E2E8D8; color: inherit; cursor: default; } .NB-menu-manage .NB-menu-manage-title { font-size: 14px; text-shadow: 0 1px 0 #F0F0F0; } .NB-menu-manage li:hover:not(.NB-disabled) .NB-menu-manage-title { text-shadow: 0 1px 0 #000; } .NB-menu-manage li.NB-menu-manage-site-info:hover .NB-menu-manage-title { text-shadow: none; } .NB-menu-manage .NB-disabled { opacity: .4; cursor: default; } .NB-menu-manage .NB-menu-manage-subtitle { font-size: 11px; color: #718C7B; } .NB-menu-manage li:hover .NB-menu-manage-subtitle { color: #D2E2F8; } .NB-menu-manage .NB-menu-manage-title { padding: 5px 0 5px 0; margin-left: 36px; } .NB-menu-manage .NB-menu-manage-subtitle { margin: -5px 0 0 36px; padding: 0 0 5px 0; } .NB-menu-manage .NB-menu-manage-image { padding: 0; position: absolute; width: 18px; height: 18px; top: 5px; left: 10px; } .NB-menu-manage .NB-menu-manage-feed, .NB-menu-manage .NB-menu-manage-story { position: relative; } .NB-menu-manage .NB-menu-manage-feed-info, .NB-menu-manage .NB-menu-manage-site-info { font-weight: bold; font-size: 15px; position: relative; padding-top: 8px; padding-bottom: 8px; text-shadow: 0 1px 0 #FFF; background-color: #F0FFF0; } .NB-menu-manage .NB-menu-manage-site-info { padding-top: 6px; } .NB-menu-manage .NB-menu-manage-feed-info .feed_favicon { position: absolute; left: 10px; top: 10px; } .NB-menu-manage .NB-menu-manage-feed-info .feed_title { } .NB-menu-manage .NB-menu-manage-feed-manage .NB-menu-manage-image { background: transparent url('../img/icons/silk/book_open.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-feed-train .NB-menu-manage-image { background: transparent url('../img/icons/silk/bricks.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-story-train .NB-menu-manage-image { background: transparent url('../img/icons/silk/bricks.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-story-train .NB-menu-manage-image { background: transparent url('../img/icons/silk/bricks.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-feed-reload .NB-menu-manage-image { background: transparent url('../img/icons/silk/car.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-feed-stats .NB-menu-manage-image { background: transparent url('../img/icons/silk/chart_curve.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-feed-unreadtabs .NB-menu-manage-image { left: 9px; top: 6px; background: transparent url('../img/icons/silk/application_cascade_go.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-mark-read .NB-menu-manage-image { background: transparent url('../img/icons/silk/cut.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-keyboard .NB-menu-manage-image { background: transparent url('../img/icons/silk/keyboard.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-feed-exception .NB-menu-manage-image { background: transparent url('../img/icons/silk/exclamation.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-delete .NB-menu-manage-image { background: transparent url('../img/icons/silk/bin_closed.png') no-repeat -2px 1px; } .NB-menu-manage .NB-menu-manage-delete.NB-menu-manage-feed-delete-cancel .NB-menu-manage-image { background: transparent url('../img/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-delete-confirm .NB-menu-manage-image { background: transparent url('../img/icons/silk/exclamation.png') no-repeat 0 1px; font-weight: bold; } .NB-menu-manage .NB-menu-manage-rename .NB-menu-manage-image { background: transparent url('../img/icons/silk/font.png') no-repeat 0px 2px; } .NB-menu-manage .NB-menu-manage-rename.NB-active .NB-menu-manage-image { background: transparent url('../img/icons/silk/accept.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-rename.NB-menu-manage-feed-rename-cancel .NB-menu-manage-image { background: transparent url('../img/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-rename-confirm .NB-menu-manage-image { background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 2px -1px; } .NB-menu-manage .NB-menu-manage-rename-confirm { overflow: hidden; } .NB-menu-manage .NB-menu-manage-rename-confirm input.NB-menu-manage-title { padding: 1px; font-size: 11px; margin: 2px 0 2px 36px; display: block; width: 164px; float: left; height: 15px; border: 1px solid #606060; -moz-box-shadow:2px 2px 0 #95AB76; -webkit-box-shadow:2px 2px 0 #95AB76; box-shadow:2px 2px 0 #95AB76; } .NB-menu-manage li.NB-menu-manage-rename-confirm:hover { background-color: #BAE3A8; cursor: default; } .NB-menu-manage .NB-menu-manage-rename-confirm input.NB-menu-manage-title, .NB-menu-manage .NB-menu-manage-rename-confirm:hover input.NB-menu-manage-title { text-shadow: none; } .NB-menu-manage .NB-menu-manage-rename-confirm .NB-menu-manage-rename-save { float: right; font-size: 10px; font-weight: bold; text-transform: uppercase; color: white; padding: 2px 6px; margin: 2px 4px 2px 0; background-color: #639510; cursor: pointer; -moz-box-shadow:2px 2px 0 #95AB76; -webkit-box-shadow:2px 2px 0 #95AB76; box-shadow:2px 2px 0 #95AB76; } .NB-menu-manage .NB-menu-manage-site-mark-read .NB-menu-manage-image { background: transparent url('../img/icons/silk/control_fastforward_blue.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-trainer .NB-menu-manage-image { background: transparent url('../img/icons/silk/bricks.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-goodies .NB-menu-manage-image { background: transparent url('../img/icons/silk/package_green.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-preferences .NB-menu-manage-image { background: transparent url('../img/icons/silk/color_wheel.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-feedchooser .NB-menu-manage-image { background: transparent url('../img/icons/silk/color_swatch.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-story-instapaper .NB-menu-manage-image { background: transparent url('../img/reader/instapaper.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-story-unread .NB-menu-manage-image { background: transparent url('../img/icons/silk/bullet_orange.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-story-star .NB-menu-manage-image { background: transparent url('../img/reader/star_blue.png') no-repeat 0 0px; } .NB-menu-manage.NB-story-starred .NB-menu-manage-story-star .NB-menu-manage-image { background: transparent url('../img/reader/star_blue.png') no-repeat 0 0px; opacity: .55; } .NB-menu-manage .NB-menu-manage-rename-confirm { display: none; } .NB-menu-manage .NB-menu-manage-delete-confirm { display: none; } /* ==================== */ /* = Statistics Modal = */ /* ==================== */ .NB-modal-statistics { } .NB-modal-statistics .NB-statistics-stat { border: 1px solid #e6e6e6; clear: both; margin: 24px 0 0; overflow: hidden; padding: 10px 0; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-label { text-transform: uppercase; color: #A0A0A0; text-shadow: 0 1px 0 #FFF; font-size: 11px; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-count { font-size: 17px; padding: 6px 0 0; } .NB-modal-statistics .NB-statistics-history-stat .NB-statistics-count { font-size: 42px; margin-top: 12px; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-update { float: left; width: 33%; text-align: center; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-history-stat { text-align: center; margin: 0 24px; overflow: hidden; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-history-chart { margin: 0px 24px; width: 524px; height: 180px; } .NB-modal-statistics .NB-modal-feed-chooser-container { margin: 3px 0 12px; } .NB-modal-statistics .NB-modal-feed-chooser-container .NB-modal-feed-chooser { margin: 0 0 12px; } .NB-modal-statistics .NB-modal-loading { margin: 6px 8px 0; } .NB-modal-statistics .NB-statistics-subscribers { float: right; clear: both; font-size: 11px; text-transform: uppercase; color: #d0d0d0; text-shadow: 0 1px 0 #FFF; } .NB-modal-statistics .NB-statistics-subscribers-count { color: #A8A8A8; padding-right: 4px; } /* ========================= */ /* = Feed Exceptions Modal = */ /* ========================= */ .NB-modal-exception .NB-exception-explanation { color: #606060; font-size: 12px; margin: 24px 0; } .NB-modal-exception .NB-exception-option-option { color: #A0A0A0; padding: 0 8px 0 0; } .NB-modal-exception .NB-exception-option-meta { float: right; font-size: 11px; font-weight: bold; padding: 2px 0 0 0; } .NB-modal-exception .NB-exception-option-meta-recommended { color: #4A9937; } .NB-modal-exception .NB-modal-submit input.NB-modal-submit-green { margin-bottom: 6px; } .NB-modal-exception input[type=text] { width: 200px; margin: 0 10px; } /* =============== */ /* = About Modal = */ /* =============== */ .NB-modal-about ul { margin: 2px 12px 4px 0; padding: 0 0 1px; font-size: 13px; } .NB-modal-about ul li { margin: 0 0 12px; padding-left: 20px; list-style: none; } .NB-modal-about ul li.last { margin-bottom: 0; } .NB-modal-about ul.NB-about-what li { background: transparent url('../img/icons/silk/bullet_blue.png') no-repeat 0 0; } .NB-modal-about ul.NB-about-server li { background: transparent url('../img/icons/silk/bullet_yellow.png') no-repeat 0 0; } .NB-modal-about ul.NB-about-client li { background: transparent url('../img/icons/silk/bullet_red.png') no-repeat 0 0; } .NB-modal-about ul.NB-about-who li { background: transparent url('../img/icons/silk/bullet_green.png') no-repeat 0 0; } .NB-modal-about ul.NB-about-why li { background: transparent url('../img/icons/silk/bullet_orange.png') no-repeat 0 0; } .NB-modal-about .NB-link-about-faq { float: right; line-height: 30px; } .NB-modal-about ul li .NB-faq-question { display: block; font-weight: bold; margin: 0 0 10px 0; } .NB-modal-about ul li .NB-faq-answer { line-height: 18px; color: #404040; margin: 0 0 16px 0; font-size: 12px; } .NB-modal-about ul li .NB-faq-answer.last { margin-bottom: 0; } .NB-modal-about .NB-faq-image { float: right; border-color:#C0C0C0 #A0A0A0 #A0A0A0 #C0C0C0; border-style:solid; border-width:1px; } /* ===================== */ /* = Feedchooser Modal = */ /* ===================== */ .NB-modal-feedchooser { overflow: hidden; } .NB-modal-feedchooser .NB-modal-subtitle { font-weight: normal; font-size: 12px; color: #606060; text-shadow: 1px 1px 0 #F0F0F0; width: 685px; } .NB-modal-feedchooser .NB-modal-subtitle b { /* margin: 0 0 4px 0;*/ padding-right: 8px; color: #303030; } .NB-modal-feedchooser .NB-feedchooser-subtitle-type-prefix { color: #C0C0C0; } .NB-modal-feedchooser .NB-feedchooser-type { float: left; width: 330px; margin: 24px 24px 0 0; padding: 0 24px 0 0; border-right: 1px solid #E0E0E0; } .NB-modal-feedchooser .NB-feedchooser-type.NB-last { padding-right: 0; margin-right: 0; border-right: none; } .NB-modal-feedchooser .NB-feedchooser-info { overflow: hidden; } .NB-modal-feedchooser .NB-feedchooser-info-type { padding: 12px; background-color: #505050; color: white; text-shadow: 1px 1px 0 #000; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; border: 1px solid #202020; } .NB-modal-feedchooser .NB-feedchooser-info-counts { float: right; font-size: 14px; line-height: 16px; color: #707070; margin: 24px 0 0; font-weight: bold; text-shadow:1px 1px 0 #F0F0F0; } .NB-modal-feedchooser .NB-feedchooser-info-sort { font-size: 12px; line-height: 16px; color: #C0C0C0; margin: 24px 0 0; font-weight: bold; text-transform: uppercase; text-shadow:1px 1px 0 #F6F6F6; } .NB-modal-feedchooser .NB-feedchooser-info-counts.NB-full { /* color: #5090D0;*/ } .NB-modal-feedchooser .NB-feedchooser-info-counts.NB-error { color: #C05050; } .NB-modal-feedchooser .NB-feedchooser { background-color: #D7DDE6; overflow-y: auto; font-size: 11px; list-style: none; /* margin: 12px 0;*/ padding: 0; max-height: 290px; min-height: 186px; width: auto; border: 1px solid #909090; } .NB-modal-feedchooser .NB-modal-submit.NB-modal-submit-paypal { background-color: #F5FFB3; border-radius: 20px; padding: 12px; border: 1px solid #E1E6AA; } .NB-modal-feedchooser .NB-feedchooser-paypal { min-height: 48px; width: 150px; float: left; } .NB-modal-feedchooser .NB-feedchooser-dollar { float: left; color: #1C55C0; font-size: 16px; margin: 0px 0px 0px 20px; padding: 12px 0; font-weight: bold; } .NB-modal-feedchooser .NB-feedchooser .feed_counts { display: block; text-transform: uppercase; } .NB-modal-feedchooser .feed.NB-feedchooser-approve .feed_title { font-weight: bold; } .NB-modal-feedchooser .feed.NB-feedchooser-decline { font-weight: normal; } .NB-modal-feedchooser .feed.NB-feedchooser-decline .feed_favicon { opacity: .3; } .NB-modal-feedchooser .feed.NB-feedchooser-decline .feed_title { color: #808080; } .NB-modal-feedchooser .feed .feed_counts .unread_count_negative, .NB-modal-feedchooser .feed .feed_counts .unread_count_positive { display: none; } .NB-modal-feedchooser .feed.NB-feedchooser-approve .feed_counts, .NB-modal-feedchooser .feed.NB-feedchooser-approve .feed_counts .unread_count_positive { display: block; } .NB-modal-feedchooser .feed.NB-feedchooser-decline .feed_counts, .NB-modal-feedchooser .feed.NB-feedchooser-decline .feed_counts .unread_count_negative { display: block; } .NB-modal-feedchooser .NB-feedlist .folder_title { cursor: default; } .NB-modal-feedchooser .NB-feedlist .folder_title .feed_counts_floater { display: none; } .NB-modal-feedchooser .NB-feedlist .feed .NB-feedlist-manage-icon:hover { background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 3px 4px; } .NB-modal-feedchooser .NB-feedlist .folder_title .NB-feedlist-manage-icon { background: none; } .NB-modal-feedchooser .NB-feedlist .feed.NB-hover-inverse .NB-feedlist-manage-icon:hover { background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 3px 4px; } .NB-modal-feedchooser .NB-feedlist .folder_title.NB-hover-inverse .NB-feedlist-manage-icon { background: none; } .NB-modal-feedchooser .NB-feedlist .folder_title:hover { background: transparent url('../img/icons/silk/folder.png') no-repeat 2px 3px; } .NB-modal-feedchooser .NB-feedlist .folder .NB-feedlist-river-icon { display: none; } .NB-modal-feedchooser .unread_count_positive { color: yellow; } .NB-modal-feedchooser .unread_count_negative { color: orange; } .NB-modal-feedchooser .NB-modal-submit { text-align: center; position: relative; margin-top: 24px; } .NB-modal-feedchooser .NB-modal-submit .NB-modal-submit-or { position: absolute; right: -12px; padding: 12px; background-color: #FFF; } .NB-modal-feedchooser .NB-modal-submit-add { display: none; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets { list-style: none; margin: 24px 0 0; padding: 0; font-size: 13px; color: #505050; text-shadow: 1px 1px 0 #F0F0F0; font-weight: bold; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li { margin: 0 0 8px 20px; padding: 3px 8px 4px; background-color: #F6F6F6; position: relative; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li .NB-feedchooser-premium-bullet-image { position: absolute; left: -20px; top: 4px; width: 16px; height: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-1 .NB-feedchooser-premium-bullet-image { background: transparent url('../img/icons/silk/lightning.png') no-repeat 0 0; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-2 .NB-feedchooser-premium-bullet-image { background: transparent url('../img/icons/silk/pictures.png') no-repeat 0 0; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-3 .NB-feedchooser-premium-bullet-image { background: transparent url('../img/icons/silk/zoom.png') no-repeat 0 0; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-4 .NB-feedchooser-premium-bullet-image { background: transparent url('../img/icons/silk/lorry.png') no-repeat 0 0; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-5 .NB-feedchooser-premium-bullet-image { background: transparent url('../img/icons/silk/star.png') no-repeat 0 0; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-6 .NB-feedchooser-premium-bullet-image { background: transparent url('../img/icons/silk/lightbulb.png') no-repeat 0 0; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets .NB-feedchooser-premium-poor-hungry-dog { display: block; margin: 12px auto 4px; border: 1px solid #303030; width: 128px; height: 96px; } /* ================= */ /* = Goodies Modal = */ /* ================= */ .NB-modal-goodies .NB-goodies-group { clear: both; margin: 16px 0 0 0; overflow: hidden; background-color: #F0F0F0; padding: 8px; } .NB-modal-goodies .NB-goodies-title { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 8px; color: #404030; text-shadow: 1px 1px 0 #E0E0E0; } .NB-modal-goodies .NB-goodies-bookmarklet-button { display: inline-block; float: right; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight: bold; font-size: 11px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #fff; background-color: #626262; border: 1px solid #626262; padding: 0px 7px 1px 7px; text-shadow: #3b3b3b 1px 1px 0px; min-width: 62px; text-align: center; vertical-align: 2px; color: #fff; text-decoration: none; outline: none; margin: 8px 8px; } /* ============================ */ /* = Keyboard Shortcuts Modal = */ /* ============================ */ .NB-modal-keyboard .NB-keyboard-group { clear: both; margin: 16px 0 0 0; overflow: hidden; background-color: #F0F0F0; padding: 8px; } .NB-modal-keyboard .NB-keyboard-shortcut { width: 270px; float: left; margin-right: 20px; } .NB-modal-keyboard .NB-keyboard-shortcut.NB-last { margin-right: 0; } .NB-modal-keyboard .NB-keyboard-shortcut .NB-keyboard-shortcut-key { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-top: 1px solid #717171; border-left: 1px solid #717171; border-bottom: 1px solid #303030; border-right: 1px solid #303030; background-color: #505050; color: #FFF; text-shadow: 1px 1px 0 #000; font-weight: bold; padding: 4px 6px; float: left; margin: 0 4px 0 0; } .NB-modal-keyboard .NB-keyboard-shortcut .NB-keyboard-shortcut-key span { color: #A0A0A0; padding: 0 4px; } .NB-modal-keyboard .NB-keyboard-shortcut .NB-keyboard-shortcut-explanation { float: right; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 6px 0 0 0; color: #404030; text-shadow: 1px 1px 0 #E0E0E0; } .NB-modal-keyboard .NB-keyboard-shortcut .NB-keyboard-shortcut-image { clear: both; } .NB-modal-keyboard .NB-keyboard-shortcut .NB-keyboard-shortcut-image img { margin: 8px 0 0 0; border: 1px solid #202020; width: 268px; } /* =============== */ /* = Preferences = */ /* =============== */ .NB-modal-preferences .NB-preference { overflow: hidden; margin: 12px 0 12px; padding: 12px; background-color: #F6F6F6; } .NB-modal-preferences .NB-preference.NB-last { margin-bottom: 0; } .NB-modal-preferences .NB-preference .NB-preference-options { float: right; width: 375px; } .NB-modal-preferences .NB-preference .NB-preference-label { float: left; width: 150px; } .NB-modal-preferences .NB-preference .NB-preference-sublabel { font-size: 11px; color: #808080; margin: 4px 30px 0px 0px; } .NB-modal-preferences .NB-preference .NB-preference-options input { clear: both; float: left; } .NB-modal-preferences .NB-preference .NB-preference-options label { padding-left: 4px; margin: 0 0 4px 0; float: left; cursor: pointer; } .NB-modal-preferences .NB-preference .NB-preference-error { color: #83210A; font-size: 11px; margin-top: 4px; font-weight: bold; } .NB-modal-preferences .NB-preference-view { padding-bottom: 4px; } .NB-modal-preferences .NB-preference-view img { height: 31px; min-width: 50px; } .NB-modal-preferences .NB-preference-view input { margin-top: 10px; } .NB-modal-preferences .NB-preference-story-styling .NB-preference-story-styling-sans-serif { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .NB-modal-preferences .NB-preference-story-styling .NB-preference-story-styling-serif { font-family: “Palatino Linotype”, Georgia, “URW Palladio L”, “Century Schoolbook L”, serif; } .NB-modal-preferences .NB-preference-window input { margin-top: 4px; } .NB-modal-preferences .NB-preference-window label img { vertical-align: middle; margin: -1px 6px 0 2px; } .NB-modal-preferences .NB-preference-hidereadfeeds label img { vertical-align: middle; margin: -4px 6px 0 2px; } .NB-modal-preferences .NB-preference-singlestory label img { vertical-align: middle; margin: -1px 6px 0 2px; } .NB-modal-preferences .NB-preference-password .NB-preference-option { float: left; margin: 0 12px 0 0; } .NB-modal-preferences .NB-preference-password label { text-transform: uppercase; font-size: 10px; color: #505050; margin: 0; } .NB-modal-preferences .NB-preference-password input { width: 140px; font-size: 14px; padding: 2px; margin: 0px 4px 2px; border: 1px solid #606060; -moz-box-shadow:2px 2px 0 #D0D0D0; -webkit-box-shadow:2px 2px 0 #D0D0D0; box-shadow:2px 2px 0 #D0D0D0; }