public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-09-18 21:50:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
NewsBlur/media/css/reader.css

4119 lines
92 KiB
CSS
Raw Normal View History

Initial
2009-06-16 03:08:55 +00:00
/* ========== */
/* = Global = */
/* ========== */
body {
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
/*resets*/margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
list-style: none;
Reflowing initial screen. Now, everything is laid out pretty before the javascript loads. This is dedication.
2010-03-05 01:49:35 -05:00
height: 100%;
text-rendering: optimizeLegibility;
2010-06-29 15:33:48 -04:00
text-rendering: optimizeLegibility;
Initial
2009-06-16 03:08:55 +00:00
}
a, a:active, a:hover, a:visited, button {
outline: none;
}
a img {
border: none;
}
Adding font styling as a preference for the feed view.
2010-11-25 15:34:06 -05:00
/* ==================== */
/* = 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;
Serif story pane line height change. Also fixing bug where you could click on the empty feed sorting placeholder (used for empty folders).
2010-11-25 15:46:54 -05:00
line-height: 20px;
Adding font styling as a preference for the feed view.
2010-11-25 15:34:06 -05:00
}
Initial
2009-06-16 03:08:55 +00:00
/* =================== */
/* = Resize Controls = */
/* =================== */
.ui-layout-resizer-west {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #e0e0e0 url('../img/reader/resize_west_small.png') repeat-y 50% 50%;
Initial
2009-06-16 03:08:55 +00:00
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
.ui-layout-resizer-south {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #e0e0e0 url('../img/reader/resize_north.png') repeat-x 50% 50%;
Initial
2009-06-16 03:08:55 +00:00
}
I think I added a login button.
2010-01-17 20:00:12 -05:00
/* =============== */
/* = Splash page = */
/* =============== */
Adding a First Things First callout for new users.
2010-04-25 15:43:09 -04:00
.NB-splash-heading {
display: none;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account {
I think I added a login button.
2010-01-17 20:00:12 -05:00
position: absolute;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
right: 0px;
top: 0px;
width: 478px;
Adding a First Things First callout for new users.
2010-04-25 15:43:09 -04:00
z-index: 1;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
overflow: hidden;
}
.NB-account .NB-module-header-login {
width: 186px;
margin: 0 50px 0 0;
A number of aesthetic changes that make signup and login sharper.
2010-07-05 22:02:08 -04:00
padding: 0 4px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
float: left;
}
.NB-account .NB-module-header-signup {
width: 186px;
margin: 0;
Stylistic changes to Import button on front page.
2010-07-05 17:34:17 -04:00
padding: 0 4px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
float: left;
I think I added a login button.
2010-01-17 20:00:12 -05:00
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account .NB-login {
A number of aesthetic changes that make signup and login sharper.
2010-07-05 22:02:08 -04:00
padding: 0 4px 64px;
How it works module
2010-06-13 16:06:20 -04:00
margin: 0 50px 0 12px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
width: 186px;
float: left;
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
background: transparent url('../img/reader/separator.png') no-repeat bottom center;
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
.NB-account .NB-signup {
float: left;
width: 186px;
Stylistic changes to Import button on front page.
2010-07-05 17:34:17 -04:00
padding: 0 4px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
margin: 0;
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
height: 206px;
overflow: hidden;
}
Google Reader import now allows you to create an account after you import your feeds. Also highlighted on front page.
2010-07-05 17:11:04 -04:00
.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;
}
Stylistic changes to Import button on front page.
2010-07-05 17:34:17 -04:00
.NB-account .NB-signup-orline {
margin: 30px auto 24px;
text-align: center;
font-size: 14px;
line-height: 10px;
color: #606060;
font-weight: bold;
}
A number of aesthetic changes that make signup and login sharper.
2010-07-05 22:02:08 -04:00
.NB-account .NB-signup-orline-reduced {
margin: 0px auto 0px;
}
Stylistic changes to Import button on front page.
2010-07-05 17:34:17 -04:00
.NB-account .NB-signup-orline .NB-signup-orline-or {
padding: 0 4px;
}
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
.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;
}
Google Reader import now allows you to create an account after you import your feeds. Also highlighted on front page.
2010-07-05 17:11:04 -04:00
.NB-account .NB-import-signup {
height: auto;
}
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
.NB-account .NB-signup .NB-signup-google {
margin: 12px auto;
display: block;
font-size: 12px;
text-align: center;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account input[type=text],
.NB-account input[type=password] {
I think I added a login button.
2010-01-17 20:00:12 -05:00
border:1px solid #D3D5DE;
display:block;
font-size:13px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
margin:0 0 12px;
I think I added a login button.
2010-01-17 20:00:12 -05:00
padding:5px;
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
width:174px;
I think I added a login button.
2010-01-17 20:00:12 -05:00
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account input[type=text]:focus,
.NB-account input[type=password]:focus {
I think I added a login button.
2010-01-17 20:00:12 -05:00
border-color: #739BBE;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account input[type=submit] {
I think I added a login button.
2010-01-17 20:00:12 -05:00
/* height: 40px;*/
outline: none;
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
width: 186px; /* 174=input-width + 5*2=padding + 2=border */
I think I added a login button.
2010-01-17 20:00:12 -05:00
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;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account input[type=submit]:hover {
I think I added a login button.
2010-01-17 20:00:12 -05:00
/* 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;*/
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account input[type=hidden] {
I think I added a login button.
2010-01-17 20:00:12 -05:00
display: none;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account label,
.NB-account .NB-account-label {
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
margin: 0;
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
color:#A0B0C0;
font-size:12px;
I think I added a login button.
2010-01-17 20:00:12 -05:00
display: block;
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
text-transform: uppercase;
I think I added a login button.
2010-01-17 20:00:12 -05:00
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account .NB-account-label {
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
font-weight: bold;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account .NB-account-text {
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
font-size: 13px;
color: #90A0B0;
margin-bottom: 30px;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account .NB-account-text a {
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
text-decoration: none;
color: #3E4773;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account .NB-account-text a:hover {
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
color: #0E1763;
}
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
.NB-account .errorlist {
list-style: none;
font-size: 12px;
color: #AF4D18;
font-weight: bold;
width: 200px;
padding: 0;
}
Adding a First Things First callout for new users.
2010-04-25 15:43:09 -04:00
/* ============ */
/* = 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;
}
Adding a signup callout for unauthenticated user to compel them to signup.
2010-05-20 10:13:41 -04:00
.NB-callout-ftux-signup {
right: 10px;
}
.NB-callout-ftux-signup .NB-callout-container .NB-callout-arrow {
left: auto;
right: -1px;
}
Adding locking to the mouse indicator.
2010-06-11 16:55:07 -04:00
.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;
}
Reflowing initial screen. Now, everything is laid out pretty before the javascript loads. This is dedication.
2010-03-05 01:49:35 -05:00
/* ================ */
/* = Content Pane = */
/* ================ */
.content-pane {
display: none;
Fixing odd stories showing up on wrong feed bug. Also fixed overflow styling issue when resizing.
2010-04-14 18:10:16 -04:00
overflow-x: auto !important;
overflow-y: hidden !important;
Oh baby, oh baby. Resize! UI Layout upgrades! Drag support for resizing panes
2010-04-13 19:35:36 -04:00
width: auto !important;
height: auto !important;
Reflowing initial screen. Now, everything is laid out pretty before the javascript loads. This is dedication.
2010-03-05 01:49:35 -05:00
}
.left-pane {
display: none;
Fixing safari overflow bug.
2010-05-12 21:33:33 -04:00
overflow: hidden !important;
1) Adding new feed story counter. 2) Adding feed fethed initially status. Useful for displaying percentages of fetched feeds for new users. 3) Fade in with loader on feed list.
2010-08-09 20:44:36 -04:00
background-color: #D7DDE6;
Fixing safari overflow bug.
2010-05-12 21:33:33 -04:00
}
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
.left-center-content {
Fixing safari overflow bug.
2010-05-12 21:33:33 -04:00
display: none;
overflow-x: hidden !important;
overflow-y: auto !important;
Reflowing initial screen. Now, everything is laid out pretty before the javascript loads. This is dedication.
2010-03-05 01:49:35 -05:00
}
.right-pane {
display: none;
Hiding weird overflow on content pane.
2010-04-13 19:38:29 -04:00
overflow-y: auto !important;
overflow-x: hidden !important;
Reflowing initial screen. Now, everything is laid out pretty before the javascript loads. This is dedication.
2010-03-05 01:49:35 -05:00
}
Initial
2009-06-16 03:08:55 +00:00
/* ============= */
/* = Feed List = */
/* ============= */
1) Adding new feed story counter. 2) Adding feed fethed initially status. Useful for displaying percentages of fetched feeds for new users. 3) Fade in with loader on feed list.
2010-08-09 20:44:36 -04:00
#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;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist ::-moz-selection {
1) Adding new feed story counter. 2) Adding feed fethed initially status. Useful for displaying percentages of fetched feeds for new users. 3) Fade in with loader on feed list.
2010-08-09 20:44:36 -04:00
background: transparent;
}
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist ::selection {
1) Adding new feed story counter. 2) Adding feed fethed initially status. Useful for displaying percentages of fetched feeds for new users. 3) Fade in with loader on feed list.
2010-08-09 20:44:36 -04:00
background: transparent;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist {
Initial
2009-06-16 03:08:55 +00:00
background-color: #D7DDE6;
overflow-y: auto;
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
overflow-x: hidden;
Moving the UI around to match the new design flow. Going to be adding in a taskbar for the right pane soon.
2009-08-14 00:30:29 +00:00
font-size: 11px;
Adding loading indicators to add feed/folder and opml upload.
2010-04-13 16:32:17 -04:00
list-style: none;
margin: 0;
padding: 0;
Oh baby, oh baby. Resize! UI Layout upgrades! Drag support for resizing panes
2010-04-13 19:35:36 -04:00
width: auto !important;
height: auto !important;
Initial
2009-06-16 03:08:55 +00:00
}
Adding loading indicators to add feed/folder and opml upload.
2010-04-13 16:32:17 -04:00
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist li.folder {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
padding: 0px 0 0;
Fixing the empty folder problem on drag-and-drop. Had to take out folder drag-and-drop to make it work properly.
2010-11-01 23:00:20 -04:00
margin: 0px 0 0;
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist ul.folder {
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
margin: 0;
Adding loading indicators to add feed/folder and opml upload.
2010-04-13 16:32:17 -04:00
padding: 0 0 0 22px;
list-style: none;
Initial
2009-06-16 03:08:55 +00:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .folder_title {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
padding: 5px 0 4px 22px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
font-weight: bold;
Initial
2009-06-16 03:08:55 +00:00
display: block;
A number of aesthetic changes that make signup and login sharper.
2010-07-05 22:02:08 -04:00
color: #606060;
Initial
2009-06-16 03:08:55 +00:00
text-transform: uppercase;
A number of aesthetic changes that make signup and login sharper.
2010-07-05 22:02:08 -04:00
text-shadow: 1px 1px 0 #EEEEEE;
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
cursor: pointer;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
position: relative;
Initial
2009-06-16 03:08:55 +00:00
}
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
.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: 3px;
}
.NB-feedlist li.folder .folder_title.NB-toplevel.NB-hover .NB-folder-icon {
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feeds {
Adding threaded folders and feeds. Also refactored OPML import to handle many edge cases and nested cases. Rewrote feed loading on front-end so everything's faster to load.
2010-02-11 01:28:47 -05:00
margin-left: 22px;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed {
Initial
2009-06-16 03:08:55 +00:00
position: relative;
cursor: pointer;
border-top: 1px solid #D7DDE6;
border-bottom: 1px solid #D7DDE6;
Showing all unread counts at once, but only those higher than your current unread threshold.
2010-01-22 12:11:45 -05:00
padding-right: 2px;
Finished feed drag-and-drop reordering
2010-07-11 11:10:45 -04:00
background-color: #D7DDE6;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-feed-exception {
Fixing race condition for showing the feed chooser modal on OPML import.
2010-10-15 18:38:49 -04:00
/* background-color: #F7EDC6;*/
}
.NB-feedlist .feed.NB-feed-exception .feed_title {
color: #A0A0A0;
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
}
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
#feed_list.NB-feedlist .feed.NB-feed-inactive {
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-feed-unfetched {
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-feed-exception .feed_counts {
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
display: none;
}
Merge branch 'master' into chooser Conflicts: apps/reader/models.py apps/rss_feeds/models.py media/css/reader.css media/js/newsblur/reader.js utils/feed_fetcher.py
2010-10-13 09:08:42 -04:00
.NB-feedlist .feed .NB-feed-exception-icon {
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
background: url('../img/icons/silk/exclamation.png') no-repeat 0 0;
width: 16px;
height: 16px;
position: absolute;
right: 4px;
top: 2px;
New feature: Insta-fetch stories. Refreshes a feed by fetching and parsing latest stories. Can be accessed from the right-click per-site-menu.
2010-10-10 20:14:31 -04:00
display: none;
}
#feed_list .feed.NB-feed-exception .NB-feed-exception-icon {
display: block;
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-feed-unfetched .feed_counts {
Exception modal now has delete and retry options that work. Change feed link/address are still in the works, but they show up. (Buttons don't do anything yet.)
2010-08-25 10:18:08 -04:00
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-feed-unfetched .feed_favicon {
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
opacity: .5;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-feed-unfetched .feed_title {
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
color: #A0A0A0;
}
Merge branch 'master' into chooser Conflicts: apps/reader/models.py apps/rss_feeds/models.py media/css/reader.css media/js/newsblur/reader.js utils/feed_fetcher.py
2010-10-13 09:08:42 -04:00
.NB-feedlist .feed .NB-feed-unfetched-icon {
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
background: url('../img/reader/recycle_spinner.gif') no-repeat 0 0;
opacity: .1;
width: 16px;
height: 16px;
position: absolute;
right: 4px;
top: 2px;
New feature: Insta-fetch stories. Refreshes a feed by fetching and parsing latest stories. Can be accessed from the right-click per-site-menu.
2010-10-10 20:14:31 -04:00
display: none;
}
#feed_list .feed.NB-feed-unfetched .NB-feed-unfetched-icon {
display: block;
Adding exception handling UI. Also disabled feeds that are just chock full of exceptions. No need to continually fetch buggy feeds. Still need to figure out a way to let users fix problematic feeds, but letting them know is an improvement.
2010-08-18 20:35:45 -04:00
}
Fixing the empty folder problem on drag-and-drop. Had to take out folder drag-and-drop to make it work properly.
2010-11-01 23:00:20 -04:00
.NB-feedlist .feed.NB-empty {
border: none;
margin: 0;
padding: 0;
height: 4px;
}
.NB-feedlist.NB-feed-sorting .feed.NB-empty {
/* height: 16px;*/
}
Finished feed drag-and-drop reordering
2010-07-11 11:10:45 -04:00
.feed.NB-feed-sorting,
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist.NB-feed-sorting {
Finished feed drag-and-drop reordering
2010-07-11 11:10:45 -04:00
cursor: move !important;
Initial
2009-06-16 03:08:55 +00:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed_id {
Initial
2009-06-16 03:08:55 +00:00
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist img.feed_favicon {
Initial
2009-06-16 03:08:55 +00:00
position: absolute;
top: 2px;
Adding threaded folders and feeds. Also refactored OPML import to handle many edge cases and nested cases. Rewrote feed loading on front-end so everything's faster to load.
2010-02-11 01:28:47 -05:00
left: 2px;
Feeds get auto-selected in feed chooser by priority. Unfortunately, it prioritizes incorrectly right now by using the minimum cutoff in a non-stable sort.
2010-09-24 18:22:12 -04:00
/* background: transparent url('../img/icons/silk/building.png') no-repeat 0 0;*/
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
width: 16px;
height: 16px;
Initial
2009-06-16 03:08:55 +00:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed_title {
Initial
2009-06-16 03:08:55 +00:00
display: block;
Fixing empty folders.
2010-05-11 22:49:41 -04:00
padding: 4px 40px 2px 23px;
Initial
2009-06-16 03:08:55 +00:00
text-decoration: none;
color: #272727;
line-height: 1.3em;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
height: 14px;
The "Hacker News" bug is fixed. Weirdo HN site doesn't publish guids or timestamps. Now bubbling priorities on ids. Also added 'j' and 'k' keyboard shortcuts. And fixed the escaping url bug on the Reader.
2009-09-08 00:13:49 +00:00
overflow: hidden;
Fixing print bug and easing off those heavy shadows in the feed list.
2010-07-23 22:17:58 -04:00
text-shadow: 0 1px 0 #EBF3FA;
Final tweaks to big new manage menu.
2010-07-22 00:08:32 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.selected .feed_title {
Fixing print bug and easing off those heavy shadows in the feed list.
2010-07-23 22:17:58 -04:00
text-shadow: 0 1px 0 #FFC97D;
color: #000000;
Initial
2009-06-16 03:08:55 +00:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed .NB-feedlist-manage-icon,
.NB-feedlist .folder_title .NB-feedlist-manage-icon {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
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;
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .folder_title .NB-feedlist-manage-icon {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
background-position: 3px 5px;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed .NB-feedlist-manage-icon:hover,
.NB-feedlist .folder_title .NB-feedlist-manage-icon:hover {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
background: transparent url('../img/icons/silk/bullet_arrow_down.png') no-repeat 3px 4px;
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .folder_title .NB-feedlist-manage-icon:hover {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
background-position: 3px 5px;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-hover-inverse .NB-feedlist-manage-icon:hover,
.NB-feedlist .folder_title.NB-hover-inverse .NB-feedlist-manage-icon:hover {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
background: transparent url('../img/icons/silk/bullet_arrow_up.png') no-repeat 3px 2px;
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
}
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-toplevel .NB-feedlist-manage-icon,
.NB-feedlist .folder_title.NB-toplevel .NB-feedlist-manage-icon {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
left: 0;
opacity: 1;
display: none;
background-position: 5px 4px;
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .folder_title.NB-toplevel .NB-feedlist-manage-icon {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
background-position: 5px 5px;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-hover .NB-feedlist-manage-icon,
.NB-feedlist .folder_title.NB-hover .NB-feedlist-manage-icon {
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
opacity: 1;
display: block;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
}
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
.NB-feedlist .folder .folder_title .feed_counts_floater {
margin-right: 2px;
Initial stub of River of News (everything view). Breaks on collapsed folders with unreads. Also doesn't work at all.
2010-12-10 15:26:50 -05:00
}
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
.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;
Hiding river of news on folders and on the everything header button so I can launch all the goodies that come with river of news but *are* ready to launch.
2010-12-15 17:38:11 -05:00
display: none !important; /* TODO: Remove for river of news */
Initial stub of River of News (everything view). Breaks on collapsed folders with unreads. Also doesn't work at all.
2010-12-10 15:26:50 -05:00
}
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
.NB-feedlist .folder .folder_title.NB-hover .NB-feedlist-river-icon:hover {
Initial stub of River of News (everything view). Breaks on collapsed folders with unreads. Also doesn't work at all.
2010-12-10 15:26:50 -05:00
opacity: 1;
}
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
.NB-feedlist .folder .folder_title.NB-hover .NB-feedlist-river-icon {
display: block;
opacity: .6;
}
.NB-feedlist .folder .folder_title.NB-hover .feed_counts_floater {
display: none;
Hiding river of news on folders and on the everything header button so I can launch all the goodies that come with river of news but *are* ready to launch.
2010-12-15 17:38:11 -05:00
display: block; /* TODO: Remove for river of news */
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
}
.NB-feedlist .folder .folder_title.NB-hover.NB-feedlist-folder-title-recently-collapsed .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 {
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.NB-hover.NB-toplevel .feed_favicon {
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .folder_title.NB-hover.NB-toplevel {
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
background: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed_counts {
Fixing empty folders.
2010-05-11 22:49:41 -04:00
position: absolute;
right: 2px;
top: 0;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .NB-feedbar-mark-feed-read {
Mark feed as read button.
2010-04-09 11:59:33 -04:00
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .feed.selected {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #f6a828 url('../theme/images/ui-bg_highlight-hard_35_f6a828_1x100.png') 0 50% repeat-x;
Initial
2009-06-16 03:08:55 +00:00
border-top: 1px solid #A8A8A8;
border-bottom: 1px solid #A8A8A8;
}
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
.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;
Back-end for river of news. Shows stories from feeds with unread stories. Works on folders and on everything. Doesn't show read status or intelligence classifiers, yet.
2010-12-12 22:52:15 -05:00
text-shadow: 1px 1px 0 #FAC898;
Changing river to hide folder counts. Also fixing the manage menu's arrow positioning for all permutable cases of {inverse, toplevel, folder/feed}
2010-12-12 20:06:32 -05:00
}
First half of drag-and-drop: The JavaScript half is done. Feeds can be moved freely. Complete with prettiness.
2010-07-10 17:59:17 -04:00
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .NB-feeds-list-highlight {
Updating jQuery UI, jQuery Layout, and trying to fix the damn drag-and-drop bugs.
2010-11-01 19:28:57 -04:00
position: relative;
First half of drag-and-drop: The JavaScript half is done. Feeds can be moved freely. Complete with prettiness.
2010-07-10 17:59:17 -04:00
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;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .NB-feeds-list-highlight .feed_title {
First half of drag-and-drop: The JavaScript half is done. Feeds can be moved freely. Complete with prettiness.
2010-07-10 17:59:17 -04:00
/* color: #FFF;*/
}
.NB-feed-sorting {
border: none !important;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .folder_title .unread_count {
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
margin-top: -3px;
line-height: 20px;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-feedlist .folder_title .unread_count {
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
text-shadow: none;
}
/* ================= */
/* = Unread Counts = */
/* ================= */
.unread_count {
Showing all unread counts at once, but only those higher than your current unread threshold.
2010-01-22 12:11:45 -05:00
float: right;
Initial
2009-06-16 03:08:55 +00:00
font-weight: bold;
color: #FFF;
Showing all unread counts at once, but only those higher than your current unread threshold.
2010-01-22 12:11:45 -05:00
padding: 0 1px;
margin: 3px 1px 0;
Initial
2009-06-16 03:08:55 +00:00
background-color: #8eb6e8;
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
display: none;
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
-moz-border-radius: 4px;
border-radius: 4px;
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_count_positive {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
background-color: #559F4D;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_count_neutral {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
color: #303030;
background-color: #F9C72A;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_count_negative {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
background-color: #CC2A2E;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_positive .unread_positive .unread_count_positive {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
display: block;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_neutral .unread_positive .unread_count_positive,
.unread_view_neutral .unread_neutral .unread_count_neutral {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
display: block;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_negative .unread_positive .unread_count_positive,
.unread_view_negative .unread_neutral .unread_count_neutral,
.unread_view_negative .unread_negative .unread_count_negative {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
display: block;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_positive .unread_positive {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
font-weight: bold;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_neutral .unread_positive,
.unread_view_neutral .unread_neutral {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
font-weight: bold;
Initial
2009-06-16 03:08:55 +00:00
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_negative .unread_positive,
.unread_view_negative .unread_neutral,
.unread_view_negative .unread_negative {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
font-weight: bold;
}
Initial
2009-06-16 03:08:55 +00:00
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_positive .unread_count {
Showing all unread counts at once, but only those higher than your current unread threshold.
2010-01-22 12:11:45 -05:00
padding: 0 6px;
}
Folder moving and collapsing. Persistent across sessions, and is pretty fancy, too.
2010-09-05 18:08:08 -07:00
.unread_view_neutral .unread_count {
Showing all unread counts at once, but only those higher than your current unread threshold.
2010-01-22 12:11:45 -05:00
padding: 0 3px;
}
Adding preference for hiding feeds with no unread stories.
2010-11-05 10:35:52 -04:00
.NB-feedlist-hide-read-feeds .feed {
display: none;
}
Adding a hide read sites button to the dashbaord header. Used to be a preference. Still is.
2010-12-04 23:06:35 -05:00
.NB-feedlist-hide-read-feeds .unread_view_positive .unread_positive {
Adding preference for hiding feeds with no unread stories.
2010-11-05 10:35:52 -04:00
display: block;
}
Adding a hide read sites button to the dashbaord header. Used to be a preference. Still is.
2010-12-04 23:06:35 -05:00
.NB-feedlist-hide-read-feeds .unread_view_neutral .unread_positive,
.NB-feedlist-hide-read-feeds .unread_view_neutral .unread_neutral {
Adding preference for hiding feeds with no unread stories.
2010-11-05 10:35:52 -04:00
display: block;
}
Adding a hide read sites button to the dashbaord header. Used to be a preference. Still is.
2010-12-04 23:06:35 -05:00
.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 {
Adding preference for hiding feeds with no unread stories.
2010-11-05 10:35:52 -04:00
display: block;
}
A huge slew of bug fixes related to feed fetching, missing ids, and missing feeds.
2010-11-05 20:34:17 -04:00
.NB-feedlist-hide-read-feeds .feed.NB-empty {
display: block;
}
Beginnings of progress bar for importing feeds. Still needs a graphical bar (not just the percentage), and needs to be fixed so it doesn't show up incorrectly.
2010-08-11 11:43:48 -04:00
/* ====================== */
/* = Feeds Progress Bar = */
/* ====================== */
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#NB-progress {
Beginnings of progress bar for importing feeds. Still needs a graphical bar (not just the percentage), and needs to be fixed so it doesn't show up incorrectly.
2010-08-11 11:43:48 -04:00
height: 40px;
width: 100%;
background-color: #505050;
Better looking taskbar divider. Now adds depth and shadow ebtween the feed list and taskbar.
2010-08-11 22:44:40 -04:00
border-top: 1px solid #777D86;
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
border-bottom: 1px solid #101010;
Beginnings of progress bar for importing feeds. Still needs a graphical bar (not just the percentage), and needs to be fixed so it doesn't show up incorrectly.
2010-08-11 11:43:48 -04:00
color: #fff;
text-shadow: 0 1px 0 #202020;
text-align: center;
z-index: 1;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
.NB-progress-container {
Better looking taskbar divider. Now adds depth and shadow ebtween the feed list and taskbar.
2010-08-11 22:44:40 -04:00
border-top: 1px solid #E0E0E0;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#NB-progress .NB-progress-close {
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
width: 11px;
height: 11px;
float: right;
margin: 6px 4px 0 0;
cursor: pointer;
background: transparent url('../img/icons/close.png') no-repeat 0 0;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#NB-progress .NB-progress-title {
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
padding: 5px 15px 0;
Beginnings of progress bar for importing feeds. Still needs a graphical bar (not just the percentage), and needs to be fixed so it doesn't show up incorrectly.
2010-08-11 11:43:48 -04:00
font-size: 11px;
text-transform: uppercase;
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
height: 14px;
Beginnings of progress bar for importing feeds. Still needs a graphical bar (not just the percentage), and needs to be fixed so it doesn't show up incorrectly.
2010-08-11 11:43:48 -04:00
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#NB-progress .NB-progress-bar {
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
height:6px;
margin:6px 50px 0;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#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;
}
Superficial styling on feed chooser dialog for new users.
2010-09-28 19:23:13 -04:00
#NB-progress.NB-progress-error {
height: 120px;
}
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
#NB-progress.NB-progress-big {
height: 72px;
}
Superficial styling on feed chooser dialog for new users.
2010-09-28 19:23:13 -04:00
#NB-progress.NB-progress-error .NB-progress-title {
font-size: 18px;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#NB-progress.NB-progress-error .NB-progress-link {
display: block;
Superficial styling on feed chooser dialog for new users.
2010-09-28 19:23:13 -04:00
font-size: 18px;
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
}
#NB-progress.NB-progress-error .NB-progress-bar {
display: none;
}
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
#NB-progress.NB-progress-big .NB-progress-link {
margin: 14px 0 0;
}
#NB-progress.NB-progress-big .NB-progress-link a {
font-size: 20px;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#NB-progress .NB-progress-counts {
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
float: left;
font-size: 10px;
color: #B0B0B0;
padding: 4px 0 0;
width: 50px;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
#NB-progress .NB-progress-percentage {
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
float: right;
clear: both;
color: #B0B0B0;
font-size: 12px;
width: 50px;
padding: 1px 0 0;
Beginnings of progress bar for importing feeds. Still needs a graphical bar (not just the percentage), and needs to be fixed so it doesn't show up incorrectly.
2010-08-11 11:43:48 -04:00
}
Initial
2009-06-16 03:08:55 +00:00
/* ================ */
/* = Story Titles = */
/* ================ */
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
#story_titles ::-moz-selection {
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
background: transparent;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
}
#story_titles ::selection {
background: transparent;
}
Initial
2009-06-16 03:08:55 +00:00
#story_titles {
z-index: 10;
position: fixed;
top: 0px;
left: 0px;
height: 200px;
width: 100%;
overflow-y: scroll;
Easing out font-sizes. Who knew ems actually scale to the mal-formed anti-aliased pixel?
2009-07-20 00:31:36 +00:00
font-size: 11px;
Reflowing initial screen. Now, everything is laid out pretty before the javascript loads. This is dedication.
2010-03-05 01:49:35 -05:00
display: none;
Initial
2009-06-16 03:08:55 +00:00
}
#story_titles .wrapper {
margin-left: 220px;
}
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
#story_titles .NB-feedbar {
Initial
2009-06-16 03:08:55 +00:00
font-weight: bold;
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
font-size: 16px;
Improvements to front-end modals on exception handling, managing intelligence, and feed titles.
2010-08-30 18:41:53 -04:00
padding: 2px 208px 2px 4px;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x;
Initial
2009-06-16 03:08:55 +00:00
border-bottom: 2px solid #404040;
position: relative;
}
Mark feed as read button.
2010-04-09 11:59:33 -04:00
#story_titles .NB-feedbar .feed {
overflow: hidden;
}
Initial
2009-06-16 03:08:55 +00:00
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
#story_titles .NB-feedbar .feed .feed_favicon {
Initial
2009-06-16 03:08:55 +00:00
margin-right: 8px;
Adding intelligence button for feeds.
2010-01-07 00:04:12 +00:00
vertical-align: top;
Mark feed as read button.
2010-04-09 11:59:33 -04:00
float: left;
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
margin-top: 2px;
Mark feed as read button.
2010-04-09 11:59:33 -04:00
}
#story_titles .NB-feedbar .feed .feed_title {
Improvements to front-end modals on exception handling, managing intelligence, and feed titles.
2010-08-30 18:41:53 -04:00
/* float: left;*/
display: block;
margin-left: 24px;
Mark feed as read button.
2010-04-09 11:59:33 -04:00
}
Adding titles to trainer. Removing feed manager. It's functionality is now compeltely rolled into the intelligence trainer. Big YAY for deleting old code.
2010-10-21 23:32:07 -04:00
#story_titles .NB-feedbar .NB-feedbar-train-feed {
background: transparent url("../img/icons/silk/bricks.png") no-repeat center center;
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
width: 16px;
height: 16px;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
/* display: none;*/
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
cursor: pointer;
Minor bug fixes around error catching in feed exceptions, drag-and-drop on top-level feeds, and styling of feed title buttons.
2010-08-30 19:57:27 -04:00
padding: 0 0 0 38px;
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
}
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
#story_titles .NB-feedbar .NB-feedbar-statistics {
Adding tooltips, remvoing clutter from feedbar, and switching in the new star icon.
2010-11-26 19:03:31 -05:00
background: transparent url('../img/icons/silk/chart_curve.png') no-repeat center center;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
width: 16px;
height: 16px;
/* display: none;*/
cursor: pointer;
Adding tooltips, remvoing clutter from feedbar, and switching in the new star icon.
2010-11-26 19:03:31 -05:00
margin:3px 0 0 -6px;
padding:0 24px 0 6px;
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
}
Mark feed as read button.
2010-04-09 11:59:33 -04:00
#story_titles .NB-feedbar .NB-feedbar-mark-feed-read {
background-color: #3090cf;
color: #F0F0F0;
cursor: pointer;
position: absolute;
Moving counts around, cleaning up the interface by removing a counter, and tidying up a bug with feed view tracking the wrong stories.
2010-04-21 23:54:21 -04:00
right: 95px;
Improvements to front-end modals on exception handling, managing intelligence, and feed titles.
2010-08-30 18:41:53 -04:00
top: 2px;
Mark feed as read button.
2010-04-09 11:59:33 -04:00
font-size: 9px;
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
line-height: 15px;
Mark feed as read button.
2010-04-09 11:59:33 -04:00
font-weight: bold;
margin: 3px 11px 2px;
padding: 0px 4px 0;
text-transform: uppercase;
display: none;
}
Adding a last updated date display to every feed.
2010-07-26 21:38:56 -04:00
#story_titles .NB-feedbar .NB-feedbar-last-updated {
color: #808080;
text-shadow: 0 1px 0 #e6e6e6;
position: absolute;
right: 54px;
Improvements to front-end modals on exception handling, managing intelligence, and feed titles.
2010-08-30 18:41:53 -04:00
top: 2px;
Adding a last updated date display to every feed.
2010-07-26 21:38:56 -04:00
font-size: 9px;
line-height: 15px;
font-weight: bold;
margin: 3px 0 2px;
width: 150px;
text-transform: uppercase;
}
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
#story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-manage-feed,
Improvements to front-end modals on exception handling, managing intelligence, and feed titles.
2010-08-30 18:41:53 -04:00
#story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-statistics {
display: inline;
}
Mark feed as read button.
2010-04-09 11:59:33 -04:00
#story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-mark-feed-read {
display: block;
}
Adding a last updated date display to every feed.
2010-07-26 21:38:56 -04:00
#story_titles .NB-feedbar.NB-feedbar-hover .NB-feedbar-last-updated {
display: none;
}
Mark feed as read button.
2010-04-09 11:59:33 -04:00
#story_titles .NB-feedbar .NB-feedbar-mark-feed-read:hover {
background-color: #00609f;
Initial
2009-06-16 03:08:55 +00:00
}
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
#story_titles .NB-feedbar .feed .feed_counts {
width: 200px;
position: absolute;
top: -1px;
right: 6px;
Moving counts around, cleaning up the interface by removing a counter, and tidying up a bug with feed view tracking the wrong stories.
2010-04-21 23:54:21 -04:00
display: none;
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
}
#story_titles .NB-feedbar .feed .feed_counts .feed_counts_floater {
float: left;
}
#story_titles .NB-feedbar .feed .feed_counts .unread_count {
float: right;
}
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
#story_titles .NB-feedbar .NB-feedbar-intelligence {
Initial
2009-06-16 03:08:55 +00:00
position: absolute;
right: 4px;
Adding a manage feed button to the feed title in story titles. Also changing soem styling.
2010-05-09 17:30:27 -04:00
top: 3px;
Adding intelligence button for feeds.
2010-01-07 00:04:12 +00:00
}
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
#story_titles .NB-feedbar .unread_count {
Adding intelligence button for feeds.
2010-01-07 00:04:12 +00:00
float: right;
padding: 0 8px;
}
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
#story_titles .NB-feedbar .NB-button-intelligence {
Adding intelligence button for feeds.
2010-01-07 00:04:12 +00:00
float: right;
Initial
2009-06-16 03:08:55 +00:00
}
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
#story_titles .NB-feedbar .feed_id {
Initial
2009-06-16 03:08:55 +00:00
display: none;
}
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
#story_titles .NB-feedbar .NB-feed-sentiment {
position: absolute;
Fixing the refresh feed bug where a feed would incorrectly mark a feed as unread if the refresh call was made slightly before the read call.
2010-05-10 11:07:16 -04:00
width: 16px;
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
height: 16px;
top: 2px;
display: none;
Fixing the refresh feed bug where a feed would incorrectly mark a feed as unread if the refresh call was made slightly before the read call.
2010-05-10 11:07:16 -04:00
cursor: pointer;
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
}
#story_titles .NB-feedbar.NB-feedbar-hover .NB-feed-sentiment {
display: block;
}
#story_titles .NB-feedbar .NB-feed-like {
right: 24px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 0;
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
}
#story_titles .NB-feedbar .NB-feed-dislike {
right: 4px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_down.png') no-repeat 0 -4px;
Wahoo! Scrolling in iframe or feed view now auto-selects the correct story in the story titles pane.
2010-01-17 05:47:03 +00:00
}
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
#story_titles .feed .unread_count.unread_count_full {
display: block;
}
Initial
2009-06-16 03:08:55 +00:00
#story_titles .story {
Mark feed as read button.
2010-04-09 11:59:33 -04:00
overflow: hidden;
Initial
2009-06-16 03:08:55 +00:00
position: relative;
cursor: pointer;
font-weight: bold;
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
padding: 0px 206px 0px 44px;
Initial
2009-06-16 03:08:55 +00:00
border-top: 1px solid #E7EDF6;
text-decoration: none;
color: #272727;
line-height: 1em;
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
background: transparent url('../img/icons/silk/bullet_orange.png') no-repeat 14px 50%;
Initial
2009-06-16 03:08:55 +00:00
}
Back-end for river of news. Shows stories from feeds with unread stories. Works on folders and on everything. Doesn't show read status or intelligence classifiers, yet.
2010-12-12 22:52:15 -05:00
.NB-view-river #story_titles .story {
Adding classifiers for starred stories.
2010-12-04 16:42:51 -05:00
padding-right: 326px;
}
Initial
2009-06-16 03:08:55 +00:00
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
#story_titles .story.NB-story-positive {
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
background: transparent url('../img/icons/silk/bullet_green.png') no-repeat 14px 50%;
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
}
#story_titles .story.NB-story-neutral {
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
background: transparent url('../img/icons/silk/bullet_yellow.png') no-repeat 14px 50%;
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
}
#story_titles .story.NB-story-negative {
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
background: transparent url('../img/icons/silk/bullet_red.png') no-repeat 14px 50%;
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
}
Formatting starred stories in starred stories view.
2010-12-04 13:32:13 -05:00
#story_titles .story.NB-story-starred {
background-position: 24px 50%;
}
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
#story_titles .story.NB-hover {
Moving things around for final feed management coming soon.
2010-03-02 10:56:25 -05:00
background: #f0f0f0;
Initial
2009-06-16 03:08:55 +00:00
}
#story_titles .story a.story_title {
text-decoration: none;
color: #272727;
display: block;
padding: 4px 0px;
Mark feed as read button.
2010-04-09 11:59:33 -04:00
float: left;
Initial
2009-06-16 03:08:55 +00:00
}
Turning off logging/debug for Production. I need to make a Staging server that is on the Production environment to a T, except Debug is turned on.
2009-07-20 05:02:21 +00:00
#story_titles .story.read a.story_title {
color: #575757;
}
Exposing even more processes over ajax. Quite a bit of inspection going on here.
2009-07-19 20:03:35 +00:00
#story_titles .story .story_title .NB-storytitles-author {
padding-left: 12px;
color: #808080;
font-size: 9px;
}
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
#story_titles .story.selected .story_title .NB-storytitles-author {
text-shadow: 1px 1px 0 #E9E9E9;
}
Adding classification types for publishers vs. stories.
2010-01-12 01:19:37 +00:00
#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;
}
Adding classifiers for starred stories.
2010-12-04 16:42:51 -05:00
#story_titles .story .NB-story-feed {
Fixing style difference between starred and unstarred stories by using a body class instead of per-story-title class.
2010-12-04 16:53:57 -05:00
display: none;
Adding classifiers for starred stories.
2010-12-04 16:42:51 -05:00
position: absolute;
right: 208px;
width: 120px;
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
height: 18px;
color: #707070;
Adding classifiers for starred stories.
2010-12-04 16:42:51 -05:00
overflow: hidden;
}
Back-end for river of news. Shows stories from feeds with unread stories. Works on folders and on everything. Doesn't show read status or intelligence classifiers, yet.
2010-12-12 22:52:15 -05:00
.NB-view-river #story_titles .story .NB-story-feed {
Fixing style difference between starred and unstarred stories by using a body class instead of per-story-title class.
2010-12-04 16:53:57 -05:00
display: block;
}
Adding classifiers for starred stories.
2010-12-04 16:42:51 -05:00
#story_titles .story .NB-story-feed .feed_favicon {
margin:2px 4px 0 0;
vertical-align: text-bottom;
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
opacity: .6;
Adding classifiers for starred stories.
2010-12-04 16:42:51 -05:00
}
#story_titles .story .NB-story-feed .feed_title {
Fixing style difference between starred and unstarred stories by using a body class instead of per-story-title class.
2010-12-04 16:53:57 -05:00
display: block;
font-size: 10px;
left: 20px;
position: absolute;
top: 4px;
height: 12px;
overflow: hidden;
width: 100px;
line-height: 1.3em;
Adding classifiers for starred stories.
2010-12-04 16:42:51 -05:00
}
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
#story_titles .story.selected .NB-story-feed .feed_title {
text-shadow: 1px 1px 0 #F0F0F0;
}
Initial
2009-06-16 03:08:55 +00:00
#story_titles .story .story_id {
display: none;
}
Moving around the like/dislike buttons to a per-story basis in the story-titles section of the page.
2009-11-03 20:25:40 +00:00
#story_titles .NB-story-sentiment {
position: absolute;
Adding manage feed intelligence information. Just need to add it as a view in JS.
2010-03-16 23:18:54 -04:00
width: 22px;
Moving around the like/dislike buttons to a per-story basis in the story-titles section of the page.
2009-11-03 20:25:40 +00:00
height: 16px;
Updating feed header star count for story starring. Also starting to retrieve starred stories and displaying them in the feed view.
2010-12-02 11:09:09 -05:00
top: 0;
padding: 2px 0;
Moving around the like/dislike buttons to a per-story basis in the story-titles section of the page.
2009-11-03 20:25:40 +00:00
display: none;
}
Arrows for folder/feed actions. They have click handlers and are properly positioned for all feeds/folders.
2010-09-11 17:15:08 -04:00
#story_titles .NB-hover .NB-story-sentiment {
Moving around the like/dislike buttons to a per-story basis in the story-titles section of the page.
2009-11-03 20:25:40 +00:00
display: block;
}
#story_titles .NB-story-like {
Adding manage feed intelligence information. Just need to add it as a view in JS.
2010-03-16 23:18:54 -04:00
left: 22px;
Updating feed header star count for story starring. Also starting to retrieve starred stories and displaying them in the feed view.
2010-12-02 11:09:09 -05:00
background: transparent url('../img/reader/thumbs_up.png') no-repeat 2px 3px;
Adding tooltips, remvoing clutter from feedbar, and switching in the new star icon.
2010-11-26 19:03:31 -05:00
opacity: .25;
Moving around the like/dislike buttons to a per-story basis in the story-titles section of the page.
2009-11-03 20:25:40 +00:00
}
Adding tooltips, remvoing clutter from feedbar, and switching in the new star icon.
2010-11-26 19:03:31 -05:00
#story_titles .NB-story-like:hover {
opacity: 1;
}
Moving around the like/dislike buttons to a per-story basis in the story-titles section of the page.
2009-11-03 20:25:40 +00:00
Adding tooltips, remvoing clutter from feedbar, and switching in the new star icon.
2010-11-26 19:03:31 -05:00
#story_titles .NB-story-star {
Adding manage feed intelligence information. Just need to add it as a view in JS.
2010-03-16 23:18:54 -04:00
left: 0px;
Updating feed header star count for story starring. Also starting to retrieve starred stories and displaying them in the feed view.
2010-12-02 11:09:09 -05:00
background: transparent url('../img/reader/star_blue.png') no-repeat 4px 2px;
Adding tooltips, remvoing clutter from feedbar, and switching in the new star icon.
2010-11-26 19:03:31 -05:00
opacity: .25;
}
Stars now save to the new StarredStory mongo model. THey are also persistent on the client-side. Now to just make a special starred stories view and counter.
2010-11-30 10:30:18 -05:00
#story_titles .NB-story-star:hover,
#story_titles .NB-story-starred .NB-story-star {
Adding tooltips, remvoing clutter from feedbar, and switching in the new star icon.
2010-11-26 19:03:31 -05:00
opacity: 1;
Stars now save to the new StarredStory mongo model. THey are also persistent on the client-side. Now to just make a special starred stories view and counter.
2010-11-30 10:30:18 -05:00
display: block;
Moving around the like/dislike buttons to a per-story basis in the story-titles section of the page.
2009-11-03 20:25:40 +00:00
}
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
#story_titles .NB-story-star.NB-unstarred {
opacity: .25;
}
Initial
2009-06-16 03:08:55 +00:00
#story_titles .story.read {
font-weight: normal;
background: none;
}
#story_titles .story .story_date {
position: absolute;
right: 4px;
width: 200px;
top: 4px;
}
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
#story_titles .story.selected .story_date {
text-shadow: 1px 1px 0 #E6E6E6;
}
Initial
2009-06-16 03:08:55 +00:00
#story_titles .story.selected {
color: #304080;
border-top: 1px solid #D7DDE6;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x;
Initial
2009-06-16 03:08:55 +00:00
}
#story_titles .story.after_selected {
border-top: 1px solid #D7DDE6;
}
Adding end-stories line in the story titles. There is always an end.
2009-07-18 23:41:57 +00:00
#story_titles .NB-story-titles-end-stories-line {
height: 8px;
border-top: 1px solid #404040;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x;
Adding end-stories line in the story titles. There is always an end.
2009-07-18 23:41:57 +00:00
}
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
Initial
2009-06-16 03:08:55 +00:00
/* =================== */
/* = Story Navigator = */
/* =================== */
#story_pane .story_navigator {
Fixed numerous issues with story finding on frame page. And refactored switcheroo functions.
2009-11-08 03:26:54 +00:00
position: relative;
}
#story_pane .NB-story-pane-container {
Initial
2009-06-16 03:08:55 +00:00
position: absolute;
Fixed numerous issues with story finding on frame page. And refactored switcheroo functions.
2009-11-08 03:26:54 +00:00
width: 100%;
height: 100%;
top: 0;
left: 0;
Initial
2009-06-16 03:08:55 +00:00
}
#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;
}
Switching to mod_wsgi from mod_python, adding nginx, and adding like/dislike buttons.
2009-07-05 18:15:58 +00:00
#story_pane a.button.like {
Initial
2009-06-16 03:08:55 +00:00
float: right;
width: 24px;
height: 16px;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #acc url('../img/icons/silk/arrow_up.png') no-repeat 50% 50%;
Initial
2009-06-16 03:08:55 +00:00
}
Switching to mod_wsgi from mod_python, adding nginx, and adding like/dislike buttons.
2009-07-05 18:15:58 +00:00
#story_pane a.button.like:hover {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #cee url('../img/icons/silk/arrow_up.png') no-repeat 50% 50%;
Initial
2009-06-16 03:08:55 +00:00
}
Switching to mod_wsgi from mod_python, adding nginx, and adding like/dislike buttons.
2009-07-05 18:15:58 +00:00
#story_pane a.button.dislike {
Initial
2009-06-16 03:08:55 +00:00
float: right;
width: 16px;
height: 16px;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #acc url('../img/icons/silk/arrow_down.png') no-repeat 50% 50%;
Initial
2009-06-16 03:08:55 +00:00
}
Switching to mod_wsgi from mod_python, adding nginx, and adding like/dislike buttons.
2009-07-05 18:15:58 +00:00
#story_pane a.button.dislike:hover {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #cee url('../img/icons/silk/arrow_down.png') no-repeat 50% 50%;
Initial
2009-06-16 03:08:55 +00:00
}
/* ================= */
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
/* = Content Panes = */
Initial
2009-06-16 03:08:55 +00:00
/* ================= */
#story_pane {
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
overflow: hidden;
}
#story_pane .NB-feed-story-view {
overflow-y: auto;
overflow-x: hidden;
position: absolute;
top: 0;
Oh baby, oh baby. Resize! UI Layout upgrades! Drag support for resizing panes
2010-04-13 19:35:36 -04:00
left: 100% !important;
Initial
2009-06-16 03:08:55 +00:00
width: 100%;
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
height: 100%;
}
New story view skeleton. Things are completely broken, but at least it's primed and ready to go for the new view.
2010-12-06 10:41:24 -05:00
#story_pane .NB-feed-iframe,
#story_pane .NB-story-iframe {
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
width: 100%;
height: 100%;
border: 0;
margin: 0 !important;
padding: 0 !important;
overflow: auto !important;
display: block;
When an interactive animation clarifies the UI, then it's a good addition. Page-Feed view changes now animate.
2009-08-17 02:21:38 +00:00
position: absolute;
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
}
Switching to the story view on double-click, and correctly moving back and forth between views automatically. Also cleaned up copy in Add modal and Intelligence Classifier Intro modal.
2010-12-07 09:52:14 -05:00
#story_pane .NB-story-iframe {
left: 200%;
}
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
/* ================= */
/* = Story Content = */
/* ================= */
#story_pane {
Easing out font-sizes. Who knew ems actually scale to the mal-formed anti-aliased pixel?
2009-07-20 00:31:36 +00:00
font-size: 12px;
Initial
2009-06-16 03:08:55 +00:00
line-height: 1.5em;
Oh baby, oh baby. Resize! UI Layout upgrades! Drag support for resizing panes
2010-04-13 19:35:36 -04:00
width: auto !important;
height: auto !important;
Initial
2009-06-16 03:08:55 +00:00
}
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
Initial
2009-06-16 03:08:55 +00:00
#story_pane .wrapper {
margin-left: 220px;
position: relative;
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane .NB-feed-stories {
padding: 0;
margin: 0;
list-style: none;
}
#story_pane .NB-feed-story-header {
Initial
2009-06-16 03:08:55 +00:00
font-weight: bold;
Easing out font-sizes. Who knew ems actually scale to the mal-formed anti-aliased pixel?
2009-07-20 00:31:36 +00:00
font-size: 16px;
Big news: Story highlighting now follows the mouse cursor. Also sped up the main algorithm that determines the closest story. So much smoother and crisper.
2010-05-13 23:18:13 -04:00
padding: 0 200px 0 28px;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x;
Fixing a metric-ton of issues around feed-to-page transformations when a story is either found or not found.
2009-09-07 03:20:50 +00:00
border-bottom: 1px solid #ADADAD;
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
position: relative;
overflow: hidden;
Initial
2009-06-16 03:08:55 +00:00
}
Paging while read river stories now works by fetching the entire history back for each successive page, cleverly compacting and ignoring pages as they are read. Not 100% optimal, but a lot quicker and easier than figuring out some stateful representation of paging continuations.
2010-12-15 16:10:54 -05:00
#story_pane .NB-feed-story-header-feed {
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;
}
#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;
}
Oh baby, oh baby. Resize! UI Layout upgrades! Drag support for resizing panes
2010-04-13 19:35:36 -04:00
#story_pane .NB-feed-story .NB-feed-story-sentiment {
position: absolute;
top: 1px;
left: -22px;
width: 16px;
height: 16px;
}
Initial stub of River of News (everything view). Breaks on collapsed folders with unreads. Also doesn't work at all.
2010-12-10 15:26:50 -05:00
#story_pane .NB-feed-story.NB-river-story .NB-feed-story-sentiment {
Formatting starred stories in starred stories view.
2010-12-04 13:32:13 -05:00
display: none;
}
Oh baby, oh baby. Resize! UI Layout upgrades! Drag support for resizing panes
2010-04-13 19:35:36 -04:00
#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 {
/* background: none; */
}
#story_pane .NB-feed-story-title-container {
position: relative;
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane a.NB-feed-story-title {
display: block;
Initial
2009-06-16 03:08:55 +00:00
text-decoration: none;
color: #101050;
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
margin: 6px 0 6px;
Initial
2009-06-16 03:08:55 +00:00
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane a.NB-feed-story-title:hover {
Initial
2009-06-16 03:08:55 +00:00
color: #1010A0;
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane .NB-feed-story-author {
color: #808080;
Easing out font-sizes. Who knew ems actually scale to the mal-formed anti-aliased pixel?
2009-07-20 00:31:36 +00:00
font-size: 9px;
Initial
2009-06-16 03:08:55 +00:00
text-transform: uppercase;
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
margin: 4px 0 -6px;
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
text-shadow: 1px 1px 0 #F0F0F0;
Initial
2009-06-16 03:08:55 +00:00
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane .NB-feed-story-header .NB-feed-story-date {
Initial
2009-06-16 03:08:55 +00:00
position: absolute;
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
right: 28px;
top: 6px;
font-size: 11px;
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
text-shadow: 1px 1px 0 #E6E6E6;
Initial
2009-06-16 03:08:55 +00:00
}
Formatting starred stories in starred stories view.
2010-12-04 13:32:13 -05:00
#story_pane .NB-feed-story-header .NB-feed-story-starred-date {
position: absolute;
right: 28px;
top: 26px;
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
font-size: 10px;
Formatting starred stories in starred stories view.
2010-12-04 13:32:13 -05:00
background: transparent url('../img/reader/star_blue.png') no-repeat 0 0;
padding-left: 20px;
Disabling original view for starred stories view. Also cleaning up a bunch of text shadow styles for the story titles pane and story feed pane.
2010-12-04 21:53:39 -05:00
text-shadow: 1px 1px 0 #E6E6E6;
color: #808080;
Formatting starred stories in starred stories view.
2010-12-04 13:32:13 -05:00
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane .NB-feed-story-content {
margin: 0 140px 32px 28px;
Initial
2009-06-16 03:08:55 +00:00
padding: 12px 0px;
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane .NB-feed-story-endbar {
Initial
2009-06-16 03:08:55 +00:00
height: 8px;
border-top: 1px solid #404040;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #dadada url('../theme/images/dadada_40x100_textures_03_highlight_soft_75.png') 0 50% repeat-x;
Initial
2009-06-16 03:08:55 +00:00
}
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
#story_pane .NB-feed-stories .NB-feed-story {
Woah nelly, fixed a lot of bugs introduced by adding that third Story pane. All good now.
2010-03-14 17:56:01 -04:00
padding: 3px 0 0 0;
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
margin: 0;
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
clear: both;
- Added specialized unit tests for crappy RSS input (like Slashdot). - Rewrote the feed view in the reader. It is now a long list and looks a lot better. - Big update to story title logic. Can now handle many more edge cases. Also uses smarter heading finder. - Fixed scrollTo bug, so now multiple clicks do not queue awkwardly. - Moved the story titles pane to the bottom.
2009-09-07 01:56:52 +00:00
}
Woah nelly, fixed a lot of bugs introduced by adding that third Story pane. All good now.
2010-03-14 17:56:01 -04:00
#story_pane .NB-feed-stories.NB-feed-view-story .NB-feed-story {
padding: 0;
}
Initial
2009-06-16 03:08:55 +00:00
/* ======================= */
/* = 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;
}
Adding a super-nifty feed unread counter fader that gives much better notice that a story has been read.
2010-04-21 09:48:08 -04:00
.content-pane .feed {
position: absolute;
Moving counts around, cleaning up the interface by removing a counter, and tidying up a bug with feed view tracking the wrong stories.
2010-04-21 23:54:21 -04:00
bottom: 1px;
left: 350px;
Adding a super-nifty feed unread counter fader that gives much better notice that a story has been read.
2010-04-21 09:48:08 -04:00
z-index: 10;
Moving counts around, cleaning up the interface by removing a counter, and tidying up a bug with feed view tracking the wrong stories.
2010-04-21 23:54:21 -04:00
display: block;
opacity: .1;
font-size: 20px;
Adding a super-nifty feed unread counter fader that gives much better notice that a story has been read.
2010-04-21 09:48:08 -04:00
}
.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;
}
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
/* ================ */
/* = Feeds Header = */
/* ================ */
.NB-feeds-header-container {
border-bottom: 1px solid #777D86;
}
.NB-feeds-header {
Updating feed header star count for story starring. Also starting to retrieve starred stories and displaying them in the feed view.
2010-12-02 11:09:09 -05:00
background: #4F5358 url("../img/reader/feeds_header_background.png") repeat-x 0 -22px;
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
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;
Sizing feeds progress pane correctly. Also reseting the Original view between site changes.
2010-11-24 13:16:10 -05:00
cursor: default;
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
}
.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;
}
Adding a hide read sites button to the dashbaord header. Used to be a preference. Still is.
2010-12-04 23:06:35 -05:00
.NB-feeds-header .NB-feeds-header-right {
position: relative;
}
.NB-feeds-header .NB-feeds-header-sites {
float: right;
cursor: pointer;
}
Tossing the hidereadfeeds button and just using the site count as the button. Beautiful!
2010-12-04 23:18:07 -05:00
.NB-feeds-header .NB-feeds-header-sites:hover {
color: #5E7B88;
Adding a hide read sites button to the dashbaord header. Used to be a preference. Still is.
2010-12-04 23:06:35 -05:00
}
.NB-feeds-header.NB-active:hover {
cursor: pointer;
}
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
.NB-feeds-header .NB-feeds-header-home {
display: none;
padding: 0 0 0 4px;
Tossing the hidereadfeeds button and just using the site count as the button. Beautiful!
2010-12-04 23:18:07 -05:00
color: #7493C7;
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
}
Sizing feeds progress pane correctly. Also reseting the Original view between site changes.
2010-11-24 13:16:10 -05:00
.NB-feeds-header.NB-active:hover {
cursor: pointer;
}
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
.NB-feeds-header.NB-active:hover .NB-feeds-header-home {
display: block;
}
.NB-feeds-header.NB-active:hover .NB-feeds-header-count {
display: none;
}
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
/* ============================ */
/* = Header - Starred Stories = */
/* ============================ */
Updating starred count on load.
2010-12-01 14:11:42 -05:00
.NB-feeds-header-starred-container {
position: relative;
height: 20px;
display: none;
overflow: hidden;
}
.NB-feeds-header-starred {
Updating feed header star count for story starring. Also starting to retrieve starred stories and displaying them in the feed view.
2010-12-02 11:09:09 -05:00
background: #4F5358 url("../img/reader/feeds_header_background.png") repeat-x scroll left top;
Updating starred count on load.
2010-12-01 14:11:42 -05:00
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 18px;
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
border-top: 1px solid #303030;
border-bottom: 1px solid #E9E9E9;
padding-right: 2px;
font-size: 10px;
cursor: pointer;
}
Updating starred count on load.
2010-12-01 14:11:42 -05:00
.NB-feeds-header-starred.NB-selected {
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
background: #f6a828 url('../theme/images/ui-bg_highlight-hard_35_f6a828_1x100.png') 0 50% repeat-x;
}
Updating starred count on load.
2010-12-01 14:11:42 -05:00
.NB-feeds-header-starred .NB-feeds-header-starred-icon {
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
position: absolute;
Updating starred count on load.
2010-12-01 14:11:42 -05:00
top: 1px;
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
left: 2px;
background: transparent url('../img/reader/star_blue.png') no-repeat 0 0;
width: 16px;
height: 16px;
}
Updating starred count on load.
2010-12-01 14:11:42 -05:00
.NB-feeds-header-starred .NB-feeds-header-starred-title {
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
display: block;
Updating starred count on load.
2010-12-01 14:11:42 -05:00
padding: 3px 40px 2px 23px;
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
text-decoration: none;
color: #F0F0F0;
line-height: 1.3em;
height: 14px;
overflow: hidden;
text-shadow: 0 1px 0 #060607;
text-transform: uppercase;
}
Updating starred count on load.
2010-12-01 14:11:42 -05:00
.NB-feeds-header-starred:hover .NB-feeds-header-starred-title {
Tossing the hidereadfeeds button and just using the site count as the button. Beautiful!
2010-12-04 23:18:07 -05:00
color: #C1C1C1;
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
}
Updating starred count on load.
2010-12-01 14:11:42 -05:00
.NB-feeds-header-starred.NB-selected .NB-feeds-header-starred-title {
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
text-shadow: 0 1px 0 #FFC97D;
color: #000000;
}
Updating starred count on load.
2010-12-01 14:11:42 -05:00
.NB-feeds-header-starred .NB-feeds-header-starred-count {
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
background-color: #11448B;
display: block;
padding: 0 4px;
Updating feed header star count for story starring. Also starting to retrieve starred stories and displaying them in the feed view.
2010-12-02 11:09:09 -05:00
margin: 2px 3px 0 0;
Updating starred count on load.
2010-12-01 14:11:42 -05:00
}
.NB-feeds-header-starred.NB-empty .NB-feeds-header-starred-count {
display: none;
Starred Stories bar at top, with blue count.
2010-12-01 09:30:56 -05:00
}
Initial stub of River of News (everything view). Breaks on collapsed folders with unreads. Also doesn't work at all.
2010-12-10 15:26:50 -05:00
/* ========================== */
/* = Header - River Stories = */
/* ========================== */
.NB-feeds-header-river-container {
position: relative;
height: 20px;
display: block;
overflow: hidden;
}
.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;
Remvoing read stories from river, but this doesn't take into account the last marked_read date, nor intelligence classifiers.
2010-12-13 10:15:43 -05:00
background: transparent url('../img/icons/silk/images.png') no-repeat 0 0;
Initial stub of River of News (everything view). Breaks on collapsed folders with unreads. Also doesn't work at all.
2010-12-10 15:26:50 -05:00
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;
}
Initial
2009-06-16 03:08:55 +00:00
/* ============ */
/* = Task Bar = */
/* ============ */
Better looking taskbar divider. Now adds depth and shadow ebtween the feed list and taskbar.
2010-08-11 22:44:40 -04:00
.NB-taskbar-container {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: #e0e0e0 url('../img/reader/taskbar_background.png') repeat-x top left;
Better looking taskbar divider. Now adds depth and shadow ebtween the feed list and taskbar.
2010-08-11 22:44:40 -04:00
border-top: 1px solid #777D86;
z-index: 10;
}
.NB-taskbar {
Auto-switch to feed view when story not found on page. Auto-switch back if the user does not explicitly switch to feed view. Smart thinking!
2009-09-01 12:38:47 +00:00
position: relative;
Finalizing feed fetch progress bar. Also updating jquery.layout and jquery UI to 1.8.4.
2010-08-11 22:02:47 -04:00
border-top: 1px solid #F0F0F0;
Auto-switch to feed view when story not found on page. Auto-switch back if the user does not explicitly switch to feed view. Smart thinking!
2009-09-01 12:38:47 +00:00
}
New story view skeleton. Things are completely broken, but at least it's primed and ready to go for the new view.
2010-12-06 10:41:24 -05:00
.NB-taskbar .NB-task-view-switch-arrow {
Auto-switch to feed view when story not found on page. Auto-switch back if the user does not explicitly switch to feed view. Smart thinking!
2009-09-01 12:38:47 +00:00
position: absolute;
top: 8px;
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
right: -8px;
Auto-switch to feed view when story not found on page. Auto-switch back if the user does not explicitly switch to feed view. Smart thinking!
2009-09-01 12:38:47 +00:00
width: 16px;
height: 16px;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: transparent url('../img/icons/silk/arrow_switch.png') no-repeat center 0px;
Auto-switch to feed view when story not found on page. Auto-switch back if the user does not explicitly switch to feed view. Smart thinking!
2009-09-01 12:38:47 +00:00
display: none;
z-index: 1;
Initial
2009-06-16 03:08:55 +00:00
}
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
.NB-taskbar ul {
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
list-style-image: none;
list-style-position: outside;
list-style-type: none;
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
}
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
.NB-taskbar .taskbar_nav {
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
margin: 0;
padding: 0;
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
position: relative;
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
display: inline;
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
}
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
.NB-taskbar .taskbar_nav.first {
border-left: 1px solid #828282;
}
.NB-taskbar .taskbar_nav_feeds,
Manage feed style enhancements. Also statistics.
2010-07-30 17:12:20 -04:00
.NB-taskbar .taskbar_nav_view {
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
float: left;
}
.NB-taskbar .taskbar_nav .task_button {
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
height: 29px;
margin: 0px;
display: block;
position: relative;
border-right: 1px solid #828282;
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
float: left;
padding: 0px 8px 0 32px;
font-size: 13px;
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
}
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
.NB-taskbar .taskbar_nav .task_button:hover,
.NB-taskbar .taskbar_nav .task_button.NB-hover {
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
background-color: #A0A7B1;
}
Fixing BAD bug around data integrity for adding then deleting feeds. Also added a return button handler to add feeds, and disabled the manage button when necessary.
2010-04-25 18:31:54 -04:00
.NB-taskbar .taskbar_nav .task_button.NB-disabled:hover {
background-color: inherit;
}
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
.NB-taskbar .taskbar_nav .task_button.active .taskbar_menu {
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
display: block;
}
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
.NB-taskbar .taskbar_nav .task_button .taskbar_menu {
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
display: none;
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
background-color: #D9E2F7;
bottom: 29px;
left: -1px;
position: absolute;
width: 299px;
font-size: 13px;
padding: 0;
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
border-right: 1px solid #828282;
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
border-left: 1px solid #828282;
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
border-top: 1px solid #828282;
}
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
.NB-taskbar .taskbar_nav .task_button .taskbar_menu li {
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
margin: 0;
Uploading OPML files through AJAX. Also cleaned the hell out of sql logging. fixed up the drop-shadows while at it.
2009-07-25 00:16:55 +00:00
padding: 2px 4px;
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
}
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
.NB-taskbar .taskbar_nav .task_button .taskbar_menu li span {
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
padding: 4px 29px;
margin: 0;
display: block;
color: #203060;
Whew, fixed all oddball menu-fade and menu-close issues. Now it looks pretty good with its drop-shadow and auto-close behavior.
2009-07-23 02:39:13 +00:00
cursor: pointer;
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
}
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
.NB-taskbar .taskbar_nav .task_button .taskbar_menu li span:hover {
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
background-color: #96B6E6;
color: #405090;
}
Fixing BAD bug around data integrity for adding then deleting feeds. Also added a return button handler to add feeds, and disabled the manage button when necessary.
2010-04-25 18:31:54 -04:00
.NB-taskbar .taskbar_nav .task_button.NB-disabled .taskbar_menu li span:hover {
background-color: inherit;
color: inherit;
}
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
.NB-taskbar .task_button {
cursor: pointer;
}
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
Fixing BAD bug around data integrity for adding then deleting feeds. Also added a return button handler to add feeds, and disabled the manage button when necessary.
2010-04-25 18:31:54 -04:00
.NB-taskbar .task_button.NB-disabled {
opacity: .3;
cursor: default;
}
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
.NB-taskbar .task_button.NB-task-add {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: transparent url('../img/icons/silk/add.png') no-repeat center 8px;
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
}
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
.NB-taskbar .task_button.NB-task-manage {
Wrench is now a cog. Pretty.
2010-07-06 13:56:32 -04:00
background: transparent url('../img/icons/silk/cog.png') no-repeat center 8px;
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
}
Added a new taskbar for the story view. Need to make buttons to switch from Feed view to Site view. Both exist, but no way to go between them, yet.
2009-08-16 21:28:21 +00:00
.NB-taskbar .task_button.task_profile {
updating djangocompress
2009-09-08 03:37:17 +00:00
background: transparent url('../img/icons/silk/user.png') no-repeat center 8px;
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
}
Adding the dashboard counts in the feed header. Also gives a new Back To Dashboard button. Refactored the progress bar, but it still shows the wrong heights in certain instances, doesn't animate, and breaks on google reader import.
2010-11-22 10:44:52 -05:00
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
.NB-taskbar .taskbar_nav_story {
Adding another directionl arrow to complement the Next Unread button.
2010-05-11 10:52:27 -04:00
right: 0;
width: 261px;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
position: absolute;
}
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
/* =================== */
/* = Taskbar - Story = */
/* =================== */
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
.NB-taskbar ::-moz-selection {
background: transparent;
}
.NB-taskbar ::selection {
background: transparent;
}
Making those "pages" of stories actually work correctly.
2009-09-08 01:26:13 +00:00
#story_taskbar {
display: none;
}
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
.NB-taskbar .NB-task-title {
padding: 7px 0 0 0;
display: block;
cursor: pointer;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
text-transform: uppercase;
Woah nelly, fixed a lot of bugs introduced by adding that third Story pane. All good now.
2010-03-14 17:56:01 -04:00
color: #203036;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
text-shadow: 0px 1px 1px #D0D0D0;
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
}
.NB-taskbar .task_button.task_view_page {
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
position: relative;
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
cursor: pointer;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
background: transparent url('../img/icons/silk/application_view_tile.png') no-repeat 8px center;
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
}
Feeds throwing page exceptions are now no longer considered misbehaving. However, the Original view is disabled and brings up the exception modal when clicked.
2010-10-28 18:17:14 -04:00
.NB-taskbar .task_button.task_view_page.NB-exception-page {
background-image: url('../img/icons/silk/exclamation.png');
}
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
.NB-taskbar .task_button.task_view_feed {
cursor: pointer;
Major story opening and view switching refactor. Now switches effortlessly between page<->feed<->story views, temporarily shifting to a working view on click or double-click.
2010-12-08 20:53:45 -05:00
background: transparent url('../img/icons/silk/application_view_list.png') no-repeat 8px center;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
}
.NB-taskbar .task_button.task_view_story {
cursor: pointer;
Major story opening and view switching refactor. Now switches effortlessly between page<->feed<->story views, temporarily shifting to a working view on click or double-click.
2010-12-08 20:53:45 -05:00
background: transparent url('../img/icons/silk/application_view_gallery.png') no-repeat 8px center;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
}
.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;
Changing Next/Previous buttons to go to Next Unread and Previous Read stories. Makes much more sense this way.
2010-04-27 12:02:20 -04:00
background: transparent url('../img/icons/silk/arrow_left.png') no-repeat center center;
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
}
Adding another directionl arrow to complement the Next Unread button.
2010-05-11 10:52:27 -04:00
.NB-taskbar .task_button.task_story_next {
cursor: pointer;
background: transparent url('../img/icons/silk/arrow_down.png') no-repeat center center;
}
Adding a signup callout for unauthenticated user to compel them to signup.
2010-05-20 10:13:41 -04:00
.NB-taskbar .task_button.task_button_signup {
cursor: pointer;
background: transparent url('../img/icons/media-devices/imac.png') no-repeat center center;
}
Put the feed/page view buttons together. You can now switch between the two views. Now to fully connect scrolling behavior in the story_titles and the story_view itself.
2009-08-17 00:07:53 +00:00
.NB-taskbar .task_button_view.NB-active {
background-color: #A0A7B1;
}
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
.NB-taskbar .task_button.task_return {
cursor: pointer;
display: none;
updating djangocompress
2009-09-08 03:37:17 +00:00
background: transparent url('../img/icons/silk/arrow_undo.png') no-repeat 8px 8px;
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
padding-top: 2px;
font-size: 12px;
Adding new "Return to Page" button. When the user visits other pages in a feed, security prevents NB from reading the iframe, so we provide a convenient hook to bring the iframe back. Call it SnapBack, except, don't.
2009-08-26 02:31:35 +00:00
}
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
Woah nelly, fixed a lot of bugs introduced by adding that third Story pane. All good now.
2010-03-14 17:56:01 -04:00
.NB-taskbar .task_button.task_return .NB-task-title {
padding-top: 0;
line-height: 13px;
}
Added a Story view and story direction buttons.
2010-03-13 18:59:06 -05:00
Whew, fixed all oddball menu-fade and menu-close issues. Now it looks pretty good with its drop-shadow and auto-close behavior.
2009-07-23 02:39:13 +00:00
/* ================ */
/* = Modal Dialog = */
/* ================ */
#simplemodal-overlay {
background-color: #101030;
}
#simplemodal-container {
background-color: white;
padding: 8px;
Fixing nasty race condition on selecting a story and having the feed view listen to your mousemove early. Also styled modals to be slightly more three dimensional.
2010-12-14 18:48:52 -05:00
-moz-box-shadow: 8px 8px 15px #505050;
-webkit-box-shadow: 8px 8px 15px #505050;
box-shadow: 8px 8px 15px #505050;
border: 1px solid #303030;
Whew, fixed all oddball menu-fade and menu-close issues. Now it looks pretty good with its drop-shadow and auto-close behavior.
2009-07-23 02:39:13 +00:00
}
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
Initial
2009-06-16 03:08:55 +00:00
/* ==================== */
/* = 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;
}
Uploading OPML files through AJAX. Also cleaned the hell out of sql logging. fixed up the drop-shadows while at it.
2009-07-25 00:16:55 +00:00
#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;
}
Adding in AJAX logging of SQL queries, as well as dynamic views of debug messages. Each AJAX call brings, with its payload, an inspection of all SQL calls and debug messages, inserted in to the DOM's log container. Neato.
2009-07-19 16:55:08 +00:00
/* ================== */
/* = Django Logging = */
/* ================== */
#django_log {
position: absolute;
bottom: 30px;
width: 850px;
right: 20px;
z-index: 10000;
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
max-height: 400px;
Adding in AJAX logging of SQL queries, as well as dynamic views of debug messages. Each AJAX call brings, with its payload, an inspection of all SQL calls and debug messages, inserted in to the DOM's log container. Neato.
2009-07-19 16:55:08 +00:00
overflow-y: scroll;
}
It's the start of an actual interface. Menu buttons added (still need to be styled and tweaked to auto-close).
2009-07-21 03:18:29 +00:00
#django_log.collapsed {
width: 210px;
}
Adding in AJAX logging of SQL queries, as well as dynamic views of debug messages. Each AJAX call brings, with its payload, an inspection of all SQL calls and debug messages, inserted in to the DOM's log container. Neato.
2009-07-19 16:55:08 +00:00
#django_log h1:hover {
background-color: #FFFFA0;
cursor: pointer;
Taskbar buttons now hover, close on correct clicks, and fade away naturally. Some weird funkiness around closing on document click, but it's too late, I'm too tired, and it works in that somewhat-annoying-but-usable way.
2009-07-22 04:22:55 +00:00
}
Importing feed's original page along with RSS stories. Wowzers.
2009-08-13 03:26:12 +00:00
/* ============== */
/* = Feed Frame = */
/* ============== */
.NB-feed-frame {
Moving the UI around to match the new design flow. Going to be adding in a taskbar for the right pane soon.
2009-08-14 00:30:29 +00:00
}
/* =============== */
/* = Splash Pane = */
/* =============== */
#NB-splash {
height: 100%;
Reflowing initial screen. Now, everything is laid out pretty before the javascript loads. This is dedication.
2010-03-05 01:49:35 -05:00
width: 100%;
z-index: 0;
position: absolute;
top: 0;
left: 0;
Moving the UI around to match the new design flow. Going to be adding in a taskbar for the right pane soon.
2009-08-14 00:30:29 +00:00
}
#NB-splash .NB-splash-title {
Moving the logo down
2009-11-15 18:49:37 +00:00
position: absolute;
Big news: Story highlighting now follows the mouse cursor. Also sped up the main algorithm that determines the closest story. So much smoother and crisper.
2010-05-13 23:18:13 -04:00
bottom: -1px;
Adding a login modal to the iphone app. Doesn't do much other than be a modal.
2010-10-31 23:02:13 -04:00
height: 55px;
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
right: 0;
Adding a login modal to the iphone app. Doesn't do much other than be a modal.
2010-10-31 23:02:13 -04:00
width: 235px;
Moving the logo down
2009-11-15 18:49:37 +00:00
}
#NB-splash .NB-splash-image {
margin: 0 auto;
height: 376px;
width: 600px;
Protopub -> NewsBlur
2010-06-08 11:19:07 -04:00
background: transparent url('../img/reader/newsblur_splash_image.png') no-repeat 0 0;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
#NB-splash .NB-splash-links {
position: absolute;
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
right: 236px;
width: 242px;
text-align: right;
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
bottom: 0;
display: block;
line-height: 16px;
margin: 0;
padding: 0;
text-shadow: 1px 1px 0 #F0F0F0;
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
list-style: none;
white-space: nowrap;
Adding a First Things First callout for new users.
2010-04-25 15:43:09 -04:00
z-index: 0;
Adding signup and refactoring the hell out of registration and login forms.
2010-04-22 21:17:00 -04:00
}
#NB-splash .NB-splash-links .NB-splash-link {
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
display: block;
line-height: 12px;
margin: 1px 0;
padding: 0;
Adding Github to home page. Also rearranging splash links.
2010-11-13 14:24:28 -05:00
width: 121px;
float: left;
}
#NB-splash .NB-splash-links .NB-splash-link.NB-first {
clear: both;
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
}
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
#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;
}
Adding Github to home page. Also rearranging splash links.
2010-11-13 14:24:28 -05:00
#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;
}
Stylistic changes + features look new for at least a minute after being created.
2010-07-05 17:52:52 -04:00
#NB-splash .NB-splash-links a {
font-weight: bold;
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
text-transform: uppercase;
font-size: 11px;
display: block;
Stylistic changes + features look new for at least a minute after being created.
2010-07-05 17:52:52 -04:00
}
Finishing off Google Reader OAuth synchronization. Also renamed opml_import -> feed_import. And fixed the height of small modals.
2010-06-29 20:16:09 -04:00
#NB-splash .NB-splash-links a,
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
.NB-modal-about a,
Finishing off Google Reader OAuth synchronization. Also renamed opml_import -> feed_import. And fixed the height of small modals.
2010-06-29 20:16:09 -04:00
a.NB-splash-link {
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
color: #405BA8;
text-decoration: none;
A number of aesthetic changes that make signup and login sharper.
2010-07-05 22:02:08 -04:00
font-weight: bold;
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
}
Finishing off Google Reader OAuth synchronization. Also renamed opml_import -> feed_import. And fixed the height of small modals.
2010-06-29 20:16:09 -04:00
#NB-splash .NB-splash-links a:hover,
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
.NB-modal-about a:hover,
Finishing off Google Reader OAuth synchronization. Also renamed opml_import -> feed_import. And fixed the height of small modals.
2010-06-29 20:16:09 -04:00
a.NB-splash-link:hover {
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
color: #A85B40;
}
Adding mark read and preferences modals. Also cleaning up and fixing minor bugs in the manage menu.
2010-06-13 18:57:20 -04:00
.NB-splash-info {
background-color: white;
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 500px;
height: 56px;
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
}
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
/* ===================== */
/* = 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;
}
Handling anonymous users with more grace. They will now be told that they need to signup in order to add a feed/folder/opml. The old way was to show a loading indicator forever. Yeah.
2010-07-24 15:54:25 -04:00
/* ========== */
/* = Modals = */
/* ========== */
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal {
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
padding: 12px;
Fixing classifier modals bugs with positions and the inaccurate slider. Now modals correctly size and positions themselves.
2010-07-25 15:34:50 -04:00
position: relative;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Handling anonymous users with more grace. They will now be told that they need to signup in order to add a feed/folder/opml. The old way was to show a loading indicator forever. Yeah.
2010-07-24 15:54:25 -04:00
.NB-modal.NB-signed-out .NB-fieldset {
opacity: .3;
}
.NB-modal.NB-signed-out .NB-fieldset.NB-anonymous-ok {
opacity: 1;
}
Adding loading indicators to add feed/folder and opml upload.
2010-04-13 16:32:17 -04:00
.NB-modal .NB-modal-loading,
.NB-modal .NB-loading {
Adding manage feed intelligence information. Just need to add it as a view in JS.
2010-03-16 23:18:54 -04:00
width: 16px;
height: 16px;
float: right;
background: none;
}
.NB-modal .NB-modal-loading.NB-active {
background: transparent url('../img/reader/recycle_spinner.gif') no-repeat 0 0;
}
Adding loading indicators to add feed/folder and opml upload.
2010-04-13 16:32:17 -04:00
.NB-modal .NB-loading.NB-active {
background: transparent url('../img/reader/spinner_ball.gif') no-repeat 0 0;
}
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal h2 {
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
margin: 0;
padding: 0;
font-size: 130%;
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
.NB-modal h5,
.NB-module h5 {
margin: 0;
padding: 8px 8px 6px;
background-color: #D9DDF9;
text-shadow: 0 1px 0 #F6F6F6;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
border-bottom: 1px solid #A0A0A0;
It's pretty. I don't know how, but it turned pretty. This is the finished design of the Add Modal.
2010-04-04 22:33:54 -04:00
color:#505050;
font-size: 14px;
font-family: "Gill Sans", inherit;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
text-transform: uppercase;
font-weight: normal;
Adding folder choices for add feed and add folder.
2010-04-04 20:15:00 -04:00
overflow: hidden;
position: relative;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal .NB-modal-field {
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
margin: 0;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
position: relative;
Finishing up tags, and the classifier modal in the Reader. Now shows all sorts of classifiers.
2010-01-04 22:26:53 +00:00
clear: both;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Updating algorithms for finding stories in the feed. Plus lots of refactoring for cleanliness. It is Sunday night, afterall.
2010-01-17 23:13:42 -05:00
.NB-modal .NB-modal-field h5 {
}
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal .NB-modal-field input[type=text] {
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
width: 446px;
font-size: 14px;
Showing title classifiers in story trainer.
2010-11-09 22:06:08 -05:00
font-size: 14px;
padding: 2px;
margin: 0px 4px 6px;
border: 1px solid #606060;
-moz-box-shadow:2px 2px 0 #D0D0D0;
-webkit-box-shadow:2px 2px 0 #D0D0D0;
box-shadow:2px 2px 0 #D0D0D0;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal .NB-modal-field input[type=checkbox] {
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
margin: 4px 0 0 0px;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
float: left;
}
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal .NB-modal-title {
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
font-weight: bold;
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
color: #303030;
text-shadow: 1px 1px 0px #e0e0e0;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
.NB-modal .NB-modal-subtitle {
Fixing up the statistics modal. New style, moving around feed selector, and making it expand gracefully on load.
2010-08-03 09:19:38 -04:00
margin:12px 0 0;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
padding:8px 12px;
font-size: 14px;
position: relative;
background-color: #F6F6F6;
}
.NB-modal .NB-modal-feed-title {
display: block;
margin: 0 40px 0 23px;
text-decoration: none;
color: #272727;
overflow: hidden;
text-shadow: 0 1px 0 #EBF3FA;
}
.NB-modal .NB-modal-feed-image {
float: left;
}
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
.NB-modal-submit input[type=submit],
.NB-modal-submit .NB-modal-submit-button {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
border: 1px solid #606060;
font-size: 12px;
Minor bug fixes around error catching in feed exceptions, drag-and-drop on top-level feeds, and styling of feed title buttons.
2010-08-30 19:57:27 -04:00
padding: 4px 12px;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
text-transform: uppercase;
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;
border-radius: 4px;
-moz-border-radius: 4px;
cursor: pointer;
text-decoration: none;
}
Retrain classifiers at the end of the trainer.
2010-10-29 11:34:33 -04:00
.NB-modal-submit .NB-modal-submit-back,
.NB-modal-submit .NB-modal-submit-reset {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
background-color: #d5d4dB;
color: #909090;
}
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
.NB-modal-submit .NB-modal-submit-close {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
background-color: #d5d4dB;
color: #909090;
font-weight: bold;
}
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
.NB-modal-submit .NB-modal-submit-green {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
background-color: #217412;
font-weight: bold;
color: #FCFCFC;
}
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
.NB-modal-submit .NB-modal-submit-delete {
Adding automatic updating of feed counts even on current feeds. Also updating feeds in real-time when refresh is forced.
2010-08-30 22:42:44 -04:00
background-color: #7E020D;
font-weight: bold;
color: #FCFCFC;
Improvements to front-end modals on exception handling, managing intelligence, and feed titles.
2010-08-30 18:41:53 -04:00
}
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
.NB-modal-submit .NB-disabled {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
background-color: #d5d4dB;
color: #909090;
border: 1px solid #A0A0A0;
-moz-box-shadow:2px 2px 0 #E6E6E6;
-webkit-box-shadow:2px 2px 0 #E6E6E6;
box-shadow:2px 2px 0 #E6E6E6;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal .NB-modal-submit {
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
margin: 16px 0 0 0;
font-size: 13px;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
overflow: hidden;
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
}
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
.NB-modal img.feed_favicon {
Adding a classifier to all stories. Classifies on: - Story title (highlighted phrase) - Story author - Feed
2010-01-04 04:49:59 +00:00
margin: 0 6px 0 0;
vertical-align: middle;
Finishing up tags, and the classifier modal in the Reader. Now shows all sorts of classifiers.
2010-01-04 22:26:53 +00:00
}
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
.NB-modal .NB-fieldset {
background-color: #F0F0FF;
border-bottom: 1px solid #D0D0D9;
margin: 16px 0 0;
overflow: hidden;
}
.NB-modal .NB-fieldset-fields {
margin: 8px 0 4px 16px;
font-size: 14px;
overflow: hidden;
}
Manage feed style enhancements. Also statistics.
2010-07-30 17:12:20 -04:00
.NB-modal .NB-modal-feed-chooser-container {
float: right;
margin: 16px 0 0;
}
.NB-modal .NB-modal-feed-chooser-container .NB-modal-feed-chooser {
width: 250px;
}
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
/* ============== */
/* = Classifier = */
/* ============== */
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
.NB-classifier {
border-radius: 14px;
-moz-border-radius: 14px;
}
It's a race condition that keeps on giving. Intellignece Trainer now loads on an unloaded feed, and it will correctly resize the modal, but only after a pause. No easy solution, just hoping it works. In real life, responses will not take < 50ms, so it should be fine.
2010-09-20 19:51:57 -04:00
.NB-classifier .NB-modal-loading {
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
margin: 8px 0px 0 0;
It's a race condition that keeps on giving. Intellignece Trainer now loads on an unloaded feed, and it will correctly resize the modal, but only after a pause. No easy solution, just hoping it works. In real life, responses will not take < 50ms, so it should be fine.
2010-09-20 19:51:57 -04:00
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers h2.NB-like {
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
color: #007000;
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers h2.NB-dislike {
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
color: #700000;
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers .NB-classifier-facet-disabled {
Adding new Add Feed modal.
2010-01-17 22:11:17 -05:00
color: #A0A0A0;
}
Crazy refactor and optimization for choosing and removing classifiers. Now feeds and stories use the same modal, and everything uses the same classifier save on the back-end.
2010-04-03 20:32:40 -04:00
.NB-classifiers .NB-classifier.NB-classifier-title.NB-classifier-facet-disabled label {
color: #A0A0A0;
text-shadow: none;
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers .NB-classifier-title-highlight {
Crazy refactor and optimization for choosing and removing classifiers. Now feeds and stories use the same modal, and everything uses the same classifier save on the back-end.
2010-04-03 20:32:40 -04:00
margin-bottom: 6px;
}
Finishing up tags, and the classifier modal in the Reader. Now shows all sorts of classifiers.
2010-01-04 22:26:53 +00:00
.NB-classifier-title-display {
margin: 6px 0 0 0;
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers .NB-publisher .NB-classifier-authors input {
Adding classification types for publishers vs. stories.
2010-01-12 01:19:37 +00:00
float: none;
margin: 4px 6px 0 0;
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers .NB-classifier-container {
Finishing up tags, and the classifier modal in the Reader. Now shows all sorts of classifiers.
2010-01-04 22:26:53 +00:00
white-space: nowrap;
float: left;
display: block;
Adding classification types for publishers vs. stories.
2010-01-12 01:19:37 +00:00
margin: 2px 6px 6px 0;
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers .NB-classifier-container .NB-classifier {
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
margin: 0 2px 0 0;
}
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifier .NB-classifier-count {
Adding classification types for publishers vs. stories.
2010-01-12 01:19:37 +00:00
font-size: 10px;
font-weight: bold;
margin: 0 6px 0 2px;
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers .NB-modal-title .NB-classifier-title-like {
All classifier facets and data is now saved, end to end. Now, to apply facets to incoming stories and assign scores.
2010-01-05 16:07:11 +00:00
color: #3D931B;
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
padding-left: 20px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 6px;
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
All classifier facets and data is now saved, end to end. Now, to apply facets to incoming stories and assign scores.
2010-01-05 16:07:11 +00:00
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-modal-classifiers .NB-modal-title .NB-classifier-title-dislike {
All classifier facets and data is now saved, end to end. Now, to apply facets to incoming stories and assign scores.
2010-01-05 16:07:11 +00:00
color: #932C15;
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
padding-right: 20px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_down.png') no-repeat right 2px;
All classifier facets and data is now saved, end to end. Now, to apply facets to incoming stories and assign scores.
2010-01-05 16:07:11 +00:00
}
Finishing up tags, and the classifier modal in the Reader. Now shows all sorts of classifiers.
2010-01-04 22:26:53 +00:00
.simplemodal-wrap {
overflow: auto;
Adding intelligence button for feeds.
2010-01-07 00:04:12 +00:00
}
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
/* ====================== */
/* = Classifier Trainer = */
/* ====================== */
Retrain classifiers at the end of the trainer.
2010-10-29 11:34:33 -04:00
.NB-modal-trainer .NB-modal-submit .NB-modal-submit-back,
.NB-modal-trainer .NB-modal-submit .NB-modal-submit-reset {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
float: left;
color: #FFF;
background-color: #b5b4bB;
}
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
.NB-modal-trainer .NB-modal-submit .NB-modal-submit-close {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
float: right;
color: #FFF;
background-color: #b5b4bB;
}
Feed trainer outro and handled unauthenticated users using the feed trainer.
2010-08-02 09:28:56 -04:00
.NB-modal-trainer .NB-modal-submit .NB-modal-submit-end {
float: right;
color: #FFF;
background-color: #4679BB;
}
Adding automatic updating of feed counts even on current feeds. Also updating feeds in real-time when refresh is forced.
2010-08-30 22:42:44 -04:00
.NB-modal-trainer .NB-modal-submit .NB-modal-submit-green {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
float: right;
padding-left: 12px !important;
padding-right: 12px !important;
}
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
.NB-modal-trainer .NB-classifier-trainer-counts {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
float: right;
color: #606060;
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
font-size: 14px;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
}
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
.NB-modal-trainer .NB-trainer-points li {
line-height: 23px;
margin: 0 0 18px 0;
Switching to the story view on double-click, and correctly moving back and forth between views automatically. Also cleaned up copy in Add modal and Intelligence Classifier Intro modal.
2010-12-07 09:52:14 -05:00
clear: both;
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
}
.NB-modal-trainer .NB-trainer-points li b {
display: block;
}
.NB-modal-trainer .NB-trainer-points li img {
Switching to the story view on double-click, and correctly moving back and forth between views automatically. Also cleaned up copy in Add modal and Intelligence Classifier Intro modal.
2010-12-07 09:52:14 -05:00
padding: 0 0 0 8px;
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
}
.NB-modal-trainer .NB-trainer-points li img.NB-trainer-bullet {
float: left;
margin: 4px 4px 0 0;
padding: 0;
vertical-align: middle;
}
Feed trainer outro and handled unauthenticated users using the feed trainer.
2010-08-02 09:28:56 -04:00
.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;
}
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
/* ======================= */
/* = Intelligence Slider = */
/* ======================= */
.NB-taskbar-intelligence {
width: 100px;
position: absolute;
right: 18px;
top: 16px;
font-size: .5em;
}
Adding intelligence slider to classifier modals so the user can change between like/dislike in the modal.
2010-05-09 16:33:16 -04:00
.NB-taskbar-intelligence.NB-modal-slider {
Fixing classifier modals bugs with positions and the inaccurate slider. Now modals correctly size and positions themselves.
2010-07-25 15:34:50 -04:00
right: 18px;
top: 28px;
Adding intelligence slider to classifier modals so the user can change between like/dislike in the modal.
2010-05-09 16:33:16 -04:00
}
Huge update: Hooking up slider to hide/show stories based on their score. Also added new story counts, score calculations, and real-time updating of unread counts as you read.
2010-01-21 13:12:29 -05:00
.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 {
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
}
Adding folder choices for add feed and add folder.
2010-04-04 20:15:00 -04:00
/* ===================== */
/* = Add Feeds/Folders = */
/* ===================== */
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
.NB-modal.NB-add .NB-fieldset-fields {
margin: 14px 0 14px 16px;
Adding folder choices for add feed and add folder.
2010-04-04 20:15:00 -04:00
}
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
Warning label on importing from google reader.
2010-06-30 16:33:41 -04:00
.NB-add .NB-add-danger {
display: block;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
clear: both;
Warning label on importing from google reader.
2010-06-30 16:33:41 -04:00
font-size: 12px;
color: #535558;
font-weight: bold;
margin: 8px 0 0;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
float: left;
Warning label on importing from google reader.
2010-06-30 16:33:41 -04:00
}
A number of aesthetic changes that make signup and login sharper.
2010-07-05 22:02:08 -04:00
.NB-add .NB-add-danger img {
vertical-align: bottom;
padding: 0 4px 0 0 ;
}
Adding folder choices for add feed and add folder.
2010-04-04 20:15:00 -04:00
.NB-add .NB-add-folders {
text-transform: none;
position: absolute;
It's pretty. I don't know how, but it turned pretty. This is the finished design of the Add Modal.
2010-04-04 22:33:54 -04:00
right: 8px;
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
bottom: 6px;
Adding folder choices for add feed and add folder.
2010-04-04 20:15:00 -04:00
}
.NB-add .NB-add-folders select {
width: 200px;
Add feed and Add folder. Dynamically loads and refreshes, too.
2010-04-06 20:41:00 -04:00
font-size: 11px;
It's pretty. I don't know how, but it turned pretty. This is the finished design of the Add Modal.
2010-04-04 22:33:54 -04:00
}
.NB-add input[type=file] {
font-size: 14px;
}
.NB-add input[type=submit] {
Fixed a bunch fo bugs around feed chooser, OPML import, google reader import, and counts. Also added preferences for new windows, timezone support, and default views. This is one loaded commit.
2010-10-30 00:27:52 -04:00
font-size: 12px;
It's pretty. I don't know how, but it turned pretty. This is the finished design of the Add Modal.
2010-04-04 22:33:54 -04:00
margin: 0 0 0 4px;
}
.NB-add input[type=text] {
Minor bug fixes around error catching in feed exceptions, drag-and-drop on top-level feeds, and styling of feed title buttons.
2010-08-30 19:57:27 -04:00
width: 340px;
It's pretty. I don't know how, but it turned pretty. This is the finished design of the Add Modal.
2010-04-04 22:33:54 -04:00
font-size: 14px;
padding: 2px;
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
margin: 2px 4px 2px;
It's pretty. I don't know how, but it turned pretty. This is the finished design of the Add Modal.
2010-04-04 22:33:54 -04:00
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;
}
Add feed and Add folder. Dynamically loads and refreshes, too.
2010-04-06 20:41:00 -04:00
.NB-add .NB-error {
display: none;
font-weight: bold;
font-size: 14px;
color: #7E0418;
margin: 10px 0 0 0;
}
Warning label on importing from google reader.
2010-06-30 16:33:41 -04:00
.NB-add .NB-add-google-reader-arrow {
width: 16px;
height: 16px;
vertical-align: bottom;
margin: 0 4px;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
.NB-add .NB-google-reader-oauth {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
margin: 4px 0 6px 0;
text-decoration: none;
float: left;
display: block;
}
Completely changing how subscriptions are counted. Now happens after page load. Also retooled Google Reader import to load, count, and fetch after page load so the user is not kept waiting. Progress bars for everything.
2010-08-17 23:40:03 -04:00
Adding autocomplete to add feed. Includes feed title, address, and link.
2010-12-23 16:02:17 -05:00
.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;
Fixing a broken query in autocomplete that caused full table scans. Now optimized and refactored.
2010-12-23 16:19:21 -05:00
height: 11px;
Adding autocomplete to add feed. Includes feed title, address, and link.
2010-12-23 16:02:17 -05:00
padding: 4px 0 4px 4px;
overflow: hidden;
}
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
/* ================ */
/* = Manage Feeds = */
/* ================ */
Adding manage feed intelligence information. Just need to add it as a view in JS.
2010-03-16 23:18:54 -04:00
.NB-manage .NB-manage-field {
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
}
Adding manage feed intelligence information. Just need to add it as a view in JS.
2010-03-16 23:18:54 -04:00
.NB-manage .NB-manage-container {
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
height: 375px;
Adding manage feed intelligence information. Just need to add it as a view in JS.
2010-03-16 23:18:54 -04:00
overflow-y: auto;
padding: 0 18px 18px 0;
Adding manage feed modal.
2010-03-15 00:52:06 -04:00
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-manage .NB-classifier-title-like {
Feed management now has a front-end. Shows opinions for tags, titles, authors, and the publisher.
2010-03-28 14:50:41 -04:00
color: #3D931B;
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
padding-left: 20px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 0;
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
Feed management now has a front-end. Shows opinions for tags, titles, authors, and the publisher.
2010-03-28 14:50:41 -04:00
}
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
.NB-manage .NB-classifier-title-dislike {
Feed management now has a front-end. Shows opinions for tags, titles, authors, and the publisher.
2010-03-28 14:50:41 -04:00
color: #932C15;
Serializing and deserializing new classifiers.
2010-10-21 13:37:36 -04:00
padding-left: 20px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_down.png') no-repeat 0 0;
Feed management now has a front-end. Shows opinions for tags, titles, authors, and the publisher.
2010-03-28 14:50:41 -04:00
}
.NB-manage .NB-manage-classifier {
overflow: hidden;
}
.NB-manage .NB-manage-classifier .NB-classifiers {
clear: both;
}
.NB-manage .NB-classifier-empty {
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
margin: 0 0 4px 12px;
Feed management now has a front-end. Shows opinions for tags, titles, authors, and the publisher.
2010-03-28 14:50:41 -04:00
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;
Deleting feeds. Front-end + back-end.
2010-03-28 17:06:19 -04:00
}
.NB-manage .NB-manage-rename {
margin: 0 0 12px 12px;
Adding contact information to main page.
2010-04-04 16:15:54 -04:00
display: none; /* Sorry, but this is not v1.0. Maybe next tuesday. No, next, next tuesday. */
Deleting feeds. Front-end + back-end.
2010-03-28 17:06:19 -04:00
}
.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;
It's pretty. I don't know how, but it turned pretty. This is the finished design of the Add Modal.
2010-04-04 22:33:54 -04:00
-moz-box-shadow:2px 2px 0 #D0D0D0;
-webkit-box-shadow:2px 2px 0 #D0D0D0;
box-shadow:2px 2px 0 #D0D0D0;
Deleting feeds. Front-end + back-end.
2010-03-28 17:06:19 -04:00
}
.NB-manage .NB-manage-delete {
Improvements to front-end modals on exception handling, managing intelligence, and feed titles.
2010-08-30 18:41:53 -04:00
margin: 6px 0 4px;
Deleting feeds. Front-end + back-end.
2010-03-28 17:06:19 -04:00
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;
Styling all modals with the same new fieldsets.
2010-04-04 23:38:45 -04:00
color: #A0A0A0;
Deleting feeds. Front-end + back-end.
2010-03-28 17:06:19 -04:00
display: none;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
}
Adding a mark all as read older than modal.
2010-06-14 01:01:21 -04:00
/* =================== */
/* = Mark Read Modal = */
/* =================== */
.NB-modal-markread .NB-markread-slider {
margin-top: 24px;
}
.NB-modal-markread .NB-markread-explanation {
margin-top: 24px;
}
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
/* =================== */
/* = 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;
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
padding: 0 30px 0 26px;
Django 1.2 prep. Also fixing up styling for tags.
2010-04-03 16:05:52 -04:00
font-size: 12px;
text-transform: uppercase;
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
background-color: #F5CD09;
position: relative;
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
border: 1px solid transparent;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
}
.NB-classifiers .NB-classifier input[type=checkbox] {
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
margin: 3px 6px 2px 4px;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
cursor: pointer;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
float: left;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
}
.NB-classifiers .NB-classifier label {
cursor: pointer;
color: black;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
float: left;
display: block;
padding: 2px 0;
Django 1.2 prep. Also fixing up styling for tags.
2010-04-03 16:05:52 -04:00
}
.NB-classifiers .NB-classifier label b {
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
color: #957D09;
Django 1.2 prep. Also fixing up styling for tags.
2010-04-03 16:05:52 -04:00
text-shadow: none;
font-weight: normal;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
}
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier label span {
text-shadow: 1px 1px 0 #F4E576;
Django 1.2 prep. Also fixing up styling for tags.
2010-04-03 16:05:52 -04:00
}
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-facet-disabled {
background-color: white;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
}
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier input {
display: none;
Django 1.2 prep. Also fixing up styling for tags.
2010-04-03 16:05:52 -04:00
}
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier .feed_favicon {
margin-top: -2px;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
}
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier .NB-classifier-icon-like {
width: 16px;
height: 16px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_up.png') no-repeat 0 0;
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
position: absolute;
left: 6px;
top: 2px;
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
opacity: .2;
Django 1.2 prep. Also fixing up styling for tags.
2010-04-03 16:05:52 -04:00
}
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier .NB-classifier-icon-dislike {
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
width: 27px;
height: 22px;
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
position: absolute;
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
top: -1px;
right: -1px;
Refreshing thumbs up/down images.
2010-10-22 00:21:57 -04:00
background: transparent url('../img/reader/thumbs_down.png') no-repeat 5px -1px;
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
opacity: .2;
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
}
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier .NB-classifier-icon-dislike-inner {
margin: 4px 4px 0 0;
width: 18px;
height: 13px;
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
border-left: 1px solid #EBEBE1;
Django 1.2 prep. Also fixing up styling for tags.
2010-04-03 16:05:52 -04:00
}
Making tags uniform across the site. Also beginning the final modal: Add feed.
2010-04-03 00:59:03 -04:00
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
.NB-classifiers .NB-classifier.NB-classifier-like {
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
background-color: #34912E;
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
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 {
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
background-color: #A90103;
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
border: 1px solid #000;
-webkit-box-shadow: 1px 1px 1px #BDC0D7;
-moz-box-shadow: 1px 1px 1px #BDC0D7;
box-shadow: 1px 1px 1px #BDC0D7;
Adding a mouse indicator arrow.
2010-05-19 13:10:49 -04:00
}
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-hover-like {
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
background-color: #54A54E;
}
.NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-like {
background-color: #34912E;
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
}
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
.NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like {
border: 1px solid transparent;
}
.NB-classifiers .NB-classifier.NB-classifier-like label b,
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-hover-like label b {
color: white;
}
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
.NB-classifiers .NB-classifier.NB-classifier-like label span,
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-hover-like label span {
color: white;
text-shadow: 1px 1px 0 #254E18;
}
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
.NB-classifiers .NB-classifier.NB-classifier-like .NB-classifier-icon-dislike,
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-hover-like .NB-classifier-icon-dislike {
opacity: .1;
}
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
.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;
}
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-hover-dislike {
background-color: #C92123;
}
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
.NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-dislike {
border: 1px solid transparent;
}
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
.NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-like.NB-classifier-hover-dislike {
background-color: #C92123;
}
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
.NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like.NB-classifier-hover-dislike {
border: 1px solid #000;
Finishing up look and feel of classifiers. Also added shift+j and shift+k to keyboard shortcuts modal.
2010-10-21 19:36:03 -04:00
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;
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
}
.NB-classifiers .NB-classifier.NB-classifier-dislike label b,
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-hover-dislike label b {
color: white;
}
Finished up interaction for new dual-mode classifiers. Still need to serialize classifiers, then perhaps reprocess on the backend to handle both modes at once.
2010-10-19 22:41:30 -04:00
.NB-classifiers .NB-classifier.NB-classifier-dislike label span,
First draft of brand new dual-mode classifiers. Both tumbs up and thumbs down in the same classifier. Hover behavior works, not much else, so far.
2010-10-19 20:57:25 -04:00
.NB-classifiers .NB-classifier.NB-classifier-hover-dislike label span {
color: white;
text-shadow: 1px 1px 0 #7F1012;
}
Adding a mouse indicator arrow.
2010-05-19 13:10:49 -04:00
/* =================== */
/* = Mouse Indicator = */
/* =================== */
#mouse-indicator {
position: absolute;
top: 50px;
Showing the mouse indicator on the content pane, not just the view panes.
2010-06-15 18:43:14 -04:00
left: -10px;
opacity: 0;
Adding a mouse indicator arrow.
2010-05-19 13:10:49 -04:00
background: transparent url('../img/reader/mouse_indicator.png') no-repeat 0 0;
width: 10px;
height: 15px;
z-index: 10;
Adding locking to the mouse indicator.
2010-06-11 16:55:07 -04:00
cursor: pointer;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
How It Works module is now a paged features carousel.
2010-07-07 16:22:26 -04:00
/* ================ */
/* = 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;
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
/* ============= */
/* = Main Page = */
/* ============= */
.NB-account .NB-module {
How it works module
2010-06-13 16:06:20 -04:00
margin: 24px 0 0;
padding: 0;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
width: 478px;
clear: both;
How it works module
2010-06-13 16:06:20 -04:00
overflow: hidden;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
.NB-account .NB-module a {
text-decoration: none;
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
/* color: #3E4773;*/
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
.NB-account .NB-module a:hover {
Passwordless accounts. Email is also optional.
2010-07-05 16:05:54 -04:00
/* color: #0E1763;*/
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
.NB-account .NB-module h5 {
margin: 0 0 12px;
padding: 8px 12px 6px;
}
Moved features page indicators to bottom of module.
2010-07-07 17:20:37 -04:00
.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;
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
.NB-account .NB-module .NB-module-header-right {
font-size: 13px;
line-height: 16px;
font-weight: normal;
float: right;
}
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
.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;
}
Trainer and Chooser now update homepage feed counts dynamically.
2010-10-18 19:21:02 -04:00
.NB-account .NB-module .NB-modal-submit-close {
color: #505050;
}
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
.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;
}
Fixed a bunch fo bugs around feed chooser, OPML import, google reader import, and counts. Also added preferences for new windows, timezone support, and default views. This is one loaded commit.
2010-10-30 00:27:52 -04:00
.NB-account .NB-module .NB-module-account .NB-module-account-premium {
Adding a Go Premium! button to the homepage.
2010-10-26 23:59:27 -04:00
float: right;
margin-right: 12px;
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
/* ============ */
/* = Features = */
/* ============ */
Ajax-ify the feature board. Can now cycle through old features.
2010-06-30 16:18:55 -04:00
.NB-module-features table {
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
list-style: none;
padding: 0;
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
margin: 0 6px;
width: 466px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
New JS date library and fixing date handling for features in Safari.
2010-06-30 20:09:42 -04:00
.NB-module-features .NB-features-add {
Finished feed drag-and-drop reordering
2010-07-11 11:10:45 -04:00
float: left;
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
display: none;
Finished feed drag-and-drop reordering
2010-07-11 11:10:45 -04:00
margin-right: 12px;
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
}
.NB-module-features .NB-module-header:hover .NB-features-add {
display: block;
New JS date library and fixing date handling for features in Safari.
2010-06-30 20:09:42 -04:00
}
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
.NB-module-features .NB-module-feature td {
margin: 0 0 0;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
.NB-module-features .NB-module-feature.last td {
How it works module
2010-06-13 16:06:20 -04:00
margin-bottom: 0;
}
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
.NB-module-features .NB-module-feature.NB-module-feature-new td {
background-color: #FCFFB4;
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
.NB-module-features .NB-module-feature .NB-module-feature-date {
float: left;
text-transform: uppercase;
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
padding: 4px 8px;
margin: 0;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
color: #134160;
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
text-shadow: 1px 1px 0 #E0E0E0;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
font-size: 12px;
font-weight: bold;
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
line-height: 20px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
white-space: nowrap;
Adding trainer and account type to home page.
2010-10-17 17:25:10 -04:00
min-width: 100px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
How it works module
2010-06-13 16:06:20 -04:00
.NB-module-features .NB-module-feature.last .NB-module-feature-date {
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
margin-bottom: 0;
How it works module
2010-06-13 16:06:20 -04:00
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
.NB-module-features .NB-module-feature .NB-module-feature-description {
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
line-height: 20px;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
font-size: 13px;
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
padding: 4px 8px;
margin: 0;
width: 100%;
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
}
How it works module
2010-06-13 16:06:20 -04:00
.NB-module-features .NB-module-feature.last .NB-module-feature-description {
Highlighting new features and adding a twitter plea.
2010-06-29 10:08:38 -04:00
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;
How it works module
2010-06-13 16:06:20 -04:00
}
Tweaks to refreshing algorithm. More subscribers = faster service. Fewer subscribers = way less ervice for less active feeds. Active feeds still get more work
2010-07-05 22:53:49 -04:00
.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;
}
Redesigning the main view: including a new features list, reformatted login and signup form.
2010-06-12 21:20:06 -04:00
#add-feature-form {
display: none;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
}
How It Works module is now a paged features carousel.
2010-07-07 16:22:26 -04:00
/* ======================= */
/* = How it Works Module = */
/* ======================= */
Moved features page indicators to bottom of module.
2010-07-07 17:20:37 -04:00
.NB-module-howitworks {
position: relative;
}
.NB-module-howitworks .NB-howitworks-page-indicators {
position: absolute;
width: 132px;
height: 20px;
right: 64px;
bottom: 0px;
}
How It Works module is now a paged features carousel.
2010-07-07 16:22:26 -04:00
.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;
Moved features page indicators to bottom of module.
2010-07-07 17:20:37 -04:00
color: #303030;
text-shadow: 1px 1px 0px #F0F0F0;
How It Works module is now a paged features carousel.
2010-07-07 16:22:26 -04:00
}
.NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-description td {
padding: 0;
margin: 0;
vertical-align: middle;
text-align: center;
}
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
/* ========= */
/* = Menus = */
/* ========= */
.NB-menu-manage-container {
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
z-index: 10;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
position: absolute;
display: none;
opacity: 0;
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
width: 260px;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
padding: 0;
margin: 0;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
background-color: #F0FFF0;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
border-top: 1px solid #8ABCBE;
border-left: 1px solid #8ABCBE;
Final tweaks to big new manage menu.
2010-07-22 00:08:32 -04:00
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;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
}
.NB-menu-manage {
list-style: none;
font-size: 11px;
text-transform: uppercase;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
margin: 4px 0 0;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
padding: 0;
}
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
.NB-menu-manage.NB-inverse {
margin: 0 0 4px;
}
Final tweaks to big new manage menu.
2010-07-22 00:08:32 -04:00
.NB-menu-manage.NB-menu-manage-notop {
}
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
.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;
}
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
.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;
}
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
.NB-menu-manage li {
margin: 0 0 0 0;
Adding Delete Folder to the folder action menu. Uses a new algorithm that is far better and way more efficient than deleting each feed individually.
2010-09-22 10:12:38 -04:00
padding: 0;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
cursor: pointer;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
clear: both;
position: relative;
background-color: #BAE3A8;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
.NB-menu-manage li:hover:not(.NB-disabled),
Cleaning up manage menu.
2010-06-13 14:03:43 -04:00
.NB-menu-manage li.NB-hover {
background-color: #639510;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
color: white;
}
.NB-menu-manage li.NB-menu-separator {
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
background-color: #72924A;
border-bottom: 1px solid #E2E8D8;
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
padding: 0;
height: 1px;
}
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
.NB-menu-manage li.NB-menu-separator-inverse {
background-color: #E2E8D8;
border-bottom: 1px solid #72924A;
padding: 0;
height: 1px;
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
.NB-menu-manage li.NB-menu-separator-top {
background-color: #72924A;
border-bottom: 1px solid #F8FFFF;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
margin-bottom: 1px;
padding: 0;
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
height: 1px;
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
}
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
.NB-menu-manage li.NB-menu-separator:hover {
background-color: #72924A;
color: inherit;
cursor: default;
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
.NB-menu-manage li.NB-menu-manage-feed-info:hover,
.NB-menu-manage li.NB-menu-manage-site-info:hover {
Adding a manage menu to the manage taskbar button. I can now add any number of modals through this menu.
2010-06-13 00:54:32 -04:00
background-color: inherit;
color: inherit;
cursor: default;
Cleaning up manage menu.
2010-06-13 14:03:43 -04:00
}
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
.NB-menu-manage li.NB-menu-separator-inverse:hover {
background-color: #E2E8D8;
color: inherit;
cursor: default;
}
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
.NB-menu-manage .NB-menu-manage-title {
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
font-size: 14px;
text-shadow: 0 1px 0 #F0F0F0;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
.NB-menu-manage li:hover:not(.NB-disabled) .NB-menu-manage-title {
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
text-shadow: 0 1px 0 #000;
}
Adding Delete Folder to the folder action menu. Uses a new algorithm that is far better and way more efficient than deleting each feed individually.
2010-09-22 10:12:38 -04:00
.NB-menu-manage li.NB-menu-manage-site-info:hover .NB-menu-manage-title {
text-shadow: none;
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
.NB-menu-manage .NB-disabled {
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
opacity: .4;
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
cursor: default;
}
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
.NB-menu-manage .NB-menu-manage-subtitle {
Folder/feed action menus. All that's needed is positioning when too close to the bottom of the screen.
2010-09-12 13:50:27 -04:00
font-size: 11px;
Intelligence Trainer. A whopper of a commit.
2010-08-01 19:12:42 -04:00
color: #718C7B;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
}
.NB-menu-manage li:hover .NB-menu-manage-subtitle {
color: #D2E2F8;
}
.NB-menu-manage .NB-menu-manage-image {
position: absolute;
width: 16px;
height: 16px;
Final tweaks to big new manage menu.
2010-07-22 00:08:32 -04:00
top: 7px;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
left: 10px;
}
Bug fixes: bouncing signup callout bounced too much and refreshed quirkily. Also fixed another race condition in the manage menu.
2010-06-13 20:10:48 -04:00
.NB-menu-manage .NB-menu-manage-feed {
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
position: relative;
Bug fixes: bouncing signup callout bounced too much and refreshed quirkily. Also fixed another race condition in the manage menu.
2010-06-13 20:10:48 -04:00
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
.NB-menu-manage .NB-menu-manage-feed-info,
.NB-menu-manage .NB-menu-manage-site-info {
Cleaning up manage menu.
2010-06-13 14:03:43 -04:00
font-weight: bold;
Final tweaks to big new manage menu.
2010-07-22 00:08:32 -04:00
font-size: 15px;
Cleaning up manage menu.
2010-06-13 14:03:43 -04:00
position: relative;
Fixing classifier modals bugs with positions and the inaccurate slider. Now modals correctly size and positions themselves.
2010-07-25 15:34:50 -04:00
padding-top: 8px;
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
padding-bottom: 8px;
text-shadow: 0 1px 0 #FFF;
background-color: #F0FFF0;
Cleaning up manage menu.
2010-06-13 14:03:43 -04:00
}
Fixing classifier modals bugs with positions and the inaccurate slider. Now modals correctly size and positions themselves.
2010-07-25 15:34:50 -04:00
.NB-menu-manage .NB-menu-manage-site-info {
Finishing up the statistics modal, save for actually graphing out correct values. Not sure how exactly to graph the paltry data points we have.
2010-07-30 23:50:49 -04:00
padding-top: 6px;
Fixing classifier modals bugs with positions and the inaccurate slider. Now modals correctly size and positions themselves.
2010-07-25 15:34:50 -04:00
}
Cleaning up manage menu.
2010-06-13 14:03:43 -04:00
.NB-menu-manage .NB-menu-manage-feed-info .feed_favicon {
position: absolute;
Final tweaks to big new manage menu.
2010-07-22 00:08:32 -04:00
left: 10px;
Fixing classifier modals bugs with positions and the inaccurate slider. Now modals correctly size and positions themselves.
2010-07-25 15:34:50 -04:00
top: 10px;
Cleaning up manage menu.
2010-06-13 14:03:43 -04:00
}
.NB-menu-manage .NB-menu-manage-feed-info .feed_title {
Fancy icons for menu items. Fancy indentation, too.
2010-06-30 20:23:00 -04:00
}
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
.NB-menu-manage .NB-menu-manage-feed-manage .NB-menu-manage-image {
background: transparent url('../img/icons/silk/book_open.png') no-repeat 0 0;
Fancy icons for menu items. Fancy indentation, too.
2010-06-30 20:23:00 -04:00
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
.NB-menu-manage .NB-menu-manage-feed-train .NB-menu-manage-image {
background: transparent url('../img/icons/silk/bricks.png') no-repeat 0 0;
}
New feature: Insta-fetch stories. Refreshes a feed by fetching and parsing latest stories. Can be accessed from the right-click per-site-menu.
2010-10-10 20:14:31 -04:00
.NB-menu-manage .NB-menu-manage-feed-reload .NB-menu-manage-image {
background: transparent url('../img/icons/silk/car.png') no-repeat 0 -1px;
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
.NB-menu-manage .NB-menu-manage-feed-stats .NB-menu-manage-image {
background: transparent url('../img/icons/silk/chart_curve.png') no-repeat 0 0;
Fancy icons for menu items. Fancy indentation, too.
2010-06-30 20:23:00 -04:00
}
Adding Open Unread Stories in Tabs option for feeds. Can also command+click on stories.
2010-12-14 17:08:52 -05:00
.NB-menu-manage .NB-menu-manage-feed-unreadtabs .NB-menu-manage-image {
Fixing nasty race condition on selecting a story and having the feed view listen to your mousemove early. Also styled modals to be slightly more three dimensional.
2010-12-14 18:48:52 -05:00
left: 9px;
top: 6px;
background: transparent url('../img/icons/silk/application_cascade_go.png') no-repeat 0 0;
Adding Open Unread Stories in Tabs option for feeds. Can also command+click on stories.
2010-12-14 17:08:52 -05:00
}
Refactoring delete feeds and adding delete folders, which does not yet work.
2010-09-14 20:49:28 -04:00
.NB-menu-manage .NB-menu-manage-mark-read .NB-menu-manage-image {
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
background: transparent url('../img/icons/silk/cut.png') no-repeat 0 0;
}
Fixing feed exceptions modal to actually allow feeds to update. Also adding stub for keyboard shortcuts and new preferences.
2010-10-10 23:36:09 -04:00
.NB-menu-manage .NB-menu-manage-keyboard .NB-menu-manage-image {
background: transparent url('../img/icons/silk/keyboard.png') no-repeat 0 -1px;
}
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
.NB-menu-manage .NB-menu-manage-feed-exception .NB-menu-manage-image {
background: transparent url('../img/icons/silk/exclamation.png') no-repeat 0 -1px;
}
Adding train intelligence menu item. Flipping manage menu upside down to match expectations for how often menu items will be clicked.
2010-07-24 00:04:14 -04:00
Refactoring delete feeds and adding delete folders, which does not yet work.
2010-09-14 20:49:28 -04:00
.NB-menu-manage .NB-menu-manage-delete .NB-menu-manage-image {
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
background: transparent url('../img/icons/silk/bin_closed.png') no-repeat -2px -1px;
Fancy icons for menu items. Fancy indentation, too.
2010-06-30 20:23:00 -04:00
}
Finishing up front-end for rename feed.
2010-12-11 11:26:21 -05:00
.NB-menu-manage .NB-menu-manage-delete.NB-menu-manage-feed-delete-cancel .NB-menu-manage-image {
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
background: transparent url('../img/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 -1px;
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
}
Refactoring delete feeds and adding delete folders, which does not yet work.
2010-09-14 20:49:28 -04:00
.NB-menu-manage .NB-menu-manage-delete-confirm .NB-menu-manage-image {
Positioning feed context menus correctly, based on position ont he screen, respecting window borders.
2010-09-13 00:38:25 -04:00
background: transparent url('../img/icons/silk/exclamation.png') no-repeat 0 -1px;
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
font-weight: bold;
}
Fancy icons for menu items. Fancy indentation, too.
2010-06-30 20:23:00 -04:00
Finishing up front-end for rename feed.
2010-12-11 11:26:21 -05:00
.NB-menu-manage .NB-menu-manage-rename .NB-menu-manage-image {
Finishing up folder renames on the server. All set for launch.
2010-12-11 17:16:12 -05:00
background: transparent url('../img/icons/silk/font.png') no-repeat 0px 0px;
Finishing up front-end for rename feed.
2010-12-11 11:26:21 -05:00
}
Actually finished rename feed/folder front-end. Everything is now finished for the front-end. Just need to write the backend calls to rename.
2010-12-11 14:02:37 -05:00
.NB-menu-manage .NB-menu-manage-rename.NB-active .NB-menu-manage-image {
background: transparent url('../img/icons/silk/accept.png') no-repeat 0 0;
}
Finishing up front-end for rename feed.
2010-12-11 11:26:21 -05:00
.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 {
Actually finished rename feed/folder front-end. Everything is now finished for the front-end. Just need to write the backend calls to rename.
2010-12-11 14:02:37 -05:00
background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 2px -3px;
Finishing up front-end for rename feed.
2010-12-11 11:26:21 -05:00
}
.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;
}
Adding renames to folders.
2010-12-11 12:41:24 -05:00
.NB-menu-manage .NB-menu-manage-rename-confirm input.NB-menu-manage-title,
Finishing up front-end for rename feed.
2010-12-11 11:26:21 -05:00
.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;
}
Refactoring delete feeds and adding delete folders, which does not yet work.
2010-09-14 20:49:28 -04:00
.NB-menu-manage .NB-menu-manage-site-mark-read .NB-menu-manage-image {
Fixing feed exceptions modal to actually allow feeds to update. Also adding stub for keyboard shortcuts and new preferences.
2010-10-10 23:36:09 -04:00
background: transparent url('../img/icons/silk/control_fastforward_blue.png') no-repeat 0 -1px;
Fancy icons for menu items. Fancy indentation, too.
2010-06-30 20:23:00 -04:00
}
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
.NB-menu-manage .NB-menu-manage-trainer .NB-menu-manage-image {
Fixing feed exceptions modal to actually allow feeds to update. Also adding stub for keyboard shortcuts and new preferences.
2010-10-10 23:36:09 -04:00
background: transparent url('../img/icons/silk/bricks.png') no-repeat 0 -1px;
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
}
New larger manage menu for managing feeds in the Reader.
2010-07-21 23:22:27 -04:00
.NB-menu-manage .NB-menu-manage-preferences .NB-menu-manage-image {
background: transparent url('../img/icons/silk/color_wheel.png') no-repeat 0 0;
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-menu-manage .NB-menu-manage-feedchooser .NB-menu-manage-image {
background: transparent url('../img/icons/silk/color_swatch.png') no-repeat 0 0;
}
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
Finishing up front-end for rename feed.
2010-12-11 11:26:21 -05:00
.NB-menu-manage .NB-menu-manage-rename-confirm {
display: none;
}
Refactoring delete feeds and adding delete folders, which does not yet work.
2010-09-14 20:49:28 -04:00
.NB-menu-manage .NB-menu-manage-delete-confirm {
Adding a Delete This Site manage menu item, complete with cancel button.
2010-07-01 00:29:26 -04:00
display: none;
Statistics on all feeds, stories, averages. Shown in the new statistics modal (not yet finished).
2010-07-25 23:13:27 -04:00
}
Adding Delete Folder to the folder action menu. Uses a new algorithm that is far better and way more efficient than deleting each feed individually.
2010-09-22 10:12:38 -04:00
.NB-menu-manage .NB-menu-manage-image {
Exception modal now has delete and retry options that work. Change feed link/address are still in the works, but they show up. (Buttons don't do anything yet.)
2010-08-25 10:18:08 -04:00
/* margin-left: 18px; */
Adding Delete Folder to the folder action menu. Uses a new algorithm that is far better and way more efficient than deleting each feed individually.
2010-09-22 10:12:38 -04:00
padding: 5px 0 5px 36px;
}
.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;
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
}
.NB-menu-manage .NB-menu-manage-feed {
Exception modal now has delete and retry options that work. Change feed link/address are still in the works, but they show up. (Buttons don't do anything yet.)
2010-08-25 10:18:08 -04:00
/* padding-left: 54px;*/
Updated Trainer. Now comes with a full tutorial and resized modals.
2010-08-01 23:47:40 -04:00
}
Statistics on all feeds, stories, averages. Shown in the new statistics modal (not yet finished).
2010-07-25 23:13:27 -04:00
/* ==================== */
/* = Statistics Modal = */
/* ==================== */
.NB-modal-statistics {
}
Rudimentary statistics modals. There's more data coming in, but I'm too excited to work on the collocation phrase filter to finish this out. It'll get done, but for now it's functional.
2010-07-26 22:21:58 -04:00
.NB-modal-statistics .NB-statistics-stat {
Fixing up the statistics modal. New style, moving around feed selector, and making it expand gracefully on load.
2010-08-03 09:19:38 -04:00
border: 1px solid #e6e6e6;
Rudimentary statistics modals. There's more data coming in, but I'm too excited to work on the collocation phrase filter to finish this out. It'll get done, but for now it's functional.
2010-07-26 22:21:58 -04:00
clear: both;
Fixing up the statistics modal. New style, moving around feed selector, and making it expand gracefully on load.
2010-08-03 09:19:38 -04:00
margin: 24px 0 0;
Rudimentary statistics modals. There's more data coming in, but I'm too excited to work on the collocation phrase filter to finish this out. It'll get done, but for now it's functional.
2010-07-26 22:21:58 -04:00
overflow: hidden;
Don't normalize non-string urls.
2010-07-28 18:18:01 -04:00
padding: 10px 0;
Rudimentary statistics modals. There's more data coming in, but I'm too excited to work on the collocation phrase filter to finish this out. It'll get done, but for now it's functional.
2010-07-26 22:21:58 -04:00
}
.NB-modal-statistics .NB-statistics-stat .NB-statistics-label {
text-transform: uppercase;
color: #A0A0A0;
text-shadow: 0 1px 0 #FFF;
Manage feed style enhancements. Also statistics.
2010-07-30 17:12:20 -04:00
font-size: 11px;
}
.NB-modal-statistics .NB-statistics-stat .NB-statistics-count {
font-size: 17px;
padding: 6px 0 0;
Rudimentary statistics modals. There's more data coming in, but I'm too excited to work on the collocation phrase filter to finish this out. It'll get done, but for now it's functional.
2010-07-26 22:21:58 -04:00
}
Finishing up the statistics modal, save for actually graphing out correct values. Not sure how exactly to graph the paltry data points we have.
2010-07-30 23:50:49 -04:00
.NB-modal-statistics .NB-statistics-history-stat .NB-statistics-count {
font-size: 42px;
margin-top: 12px;
}
Manage feed style enhancements. Also statistics.
2010-07-30 17:12:20 -04:00
.NB-modal-statistics .NB-statistics-stat .NB-statistics-update {
Adding feed update stats to stats modal.
2010-07-28 01:14:25 -04:00
float: left;
width: 33%;
text-align: center;
}
Manage feed style enhancements. Also statistics.
2010-07-30 17:12:20 -04:00
.NB-modal-statistics .NB-statistics-stat .NB-statistics-history-stat {
text-align: center;
Finishing up statistics graphs. Using Flot instead of Raphael. Added a migration to change how stories are counted.
2010-08-13 10:43:48 -04:00
margin: 0 24px;
overflow: hidden;
Adding feed update stats to stats modal.
2010-07-28 01:14:25 -04:00
}
Finishing up the statistics modal, save for actually graphing out correct values. Not sure how exactly to graph the paltry data points we have.
2010-07-30 23:50:49 -04:00
.NB-modal-statistics .NB-statistics-stat .NB-statistics-history-chart {
Finishing up statistics graphs. Using Flot instead of Raphael. Added a migration to change how stories are counted.
2010-08-13 10:43:48 -04:00
margin: 0px 24px;
width: 524px;
height: 180px;
Finishing up the statistics modal, save for actually graphing out correct values. Not sure how exactly to graph the paltry data points we have.
2010-07-30 23:50:49 -04:00
}
.NB-modal-statistics .NB-modal-feed-chooser-container {
Fixing up the statistics modal. New style, moving around feed selector, and making it expand gracefully on load.
2010-08-03 09:19:38 -04:00
margin: 3px 0 12px;
Finishing up the statistics modal, save for actually graphing out correct values. Not sure how exactly to graph the paltry data points we have.
2010-07-30 23:50:49 -04:00
}
.NB-modal-statistics .NB-modal-feed-chooser-container .NB-modal-feed-chooser {
Fixing up the statistics modal. New style, moving around feed selector, and making it expand gracefully on load.
2010-08-03 09:19:38 -04:00
margin: 0 0 12px;
}
.NB-modal-statistics .NB-modal-loading {
margin: 6px 8px 0;
}
Finishing up statistics graphs. Using Flot instead of Raphael. Added a migration to change how stories are counted.
2010-08-13 10:43:48 -04:00
.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;
Cleaning up exception handling of feeds to show to users during import.
2010-08-18 21:54:33 -04:00
}
/* ========================= */
/* = Feed Exceptions Modal = */
/* ========================= */
.NB-modal-exception .NB-exception-explanation {
color: #606060;
font-size: 12px;
margin: 24px 0;
Exception modal now has delete and retry options that work. Change feed link/address are still in the works, but they show up. (Buttons don't do anything yet.)
2010-08-25 10:18:08 -04:00
}
.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;
}
Adding automatic updating of feed counts even on current feeds. Also updating feeds in real-time when refresh is forced.
2010-08-30 22:42:44 -04:00
.NB-modal-exception .NB-modal-submit input.NB-modal-submit-green {
Exception modal now has delete and retry options that work. Change feed link/address are still in the works, but they show up. (Buttons don't do anything yet.)
2010-08-25 10:18:08 -04:00
margin-bottom: 6px;
Adding all exception handling fields. Also using exception status in the dialog.
2010-08-25 20:43:35 -04:00
}
.NB-modal-exception input[type=text] {
width: 200px;
margin: 0 10px;
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
}
/* =============== */
/* = About Modal = */
/* =============== */
.NB-modal-about ul {
Connecting About and FAQ modals together. Finishing up About modal, and all FAQ questions.
2010-09-04 17:02:26 -04:00
margin: 2px 12px 4px 0;
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
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 {
Connecting About and FAQ modals together. Finishing up About modal, and all FAQ questions.
2010-09-04 17:02:26 -04:00
background: transparent url('../img/icons/silk/bullet_red.png') no-repeat 0 0;
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
}
.NB-modal-about ul.NB-about-who li {
background: transparent url('../img/icons/silk/bullet_green.png') no-repeat 0 0;
}
Updated About section to include a very important message about Why I Built NewsBlur.
2010-09-13 17:32:41 -04:00
.NB-modal-about ul.NB-about-why li {
background: transparent url('../img/icons/silk/bullet_orange.png') no-repeat 0 0;
}
Adding About and FAQ modals. Still need to fill in the FAQ, then link them together correctly.
2010-09-02 20:41:53 -04:00
.NB-modal-about .NB-link-about-faq {
float: right;
line-height: 30px;
}
Connecting About and FAQ modals together. Finishing up About modal, and all FAQ questions.
2010-09-04 17:02:26 -04:00
.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;
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
}
/* ===================== */
/* = Feedchooser Modal = */
/* ===================== */
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
.NB-modal-feedchooser {
overflow: hidden;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-modal-feedchooser .NB-modal-subtitle {
font-weight: normal;
font-size: 12px;
color: #606060;
text-shadow: 1px 1px 0 #F0F0F0;
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
width: 685px;
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
}
.NB-modal-feedchooser .NB-modal-subtitle b {
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
/* margin: 0 0 4px 0;*/
padding-right: 8px;
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
color: #303030;
}
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
.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;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-modal-feedchooser .NB-feedchooser {
background-color: #D7DDE6;
overflow-y: auto;
font-size: 11px;
list-style: none;
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
/* margin: 12px 0;*/
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
padding: 0;
Fixing feed chooser for top-level feeds.
2010-10-23 12:13:27 -04:00
max-height: 290px;
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
min-height: 186px;
width: auto;
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
border: 1px solid #909090;
}
Using Paypal Sandbox to test IPN endpoint.
2010-10-16 20:35:24 -04:00
.NB-modal-feedchooser .NB-feedchooser-paypal {
Fixing feed chooser for top-level feeds.
2010-10-23 12:13:27 -04:00
min-height: 48px;
Using Paypal Sandbox to test IPN endpoint.
2010-10-16 20:35:24 -04:00
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.NB-modal-feedchooser .NB-feedchooser .feed_counts {
display: block;
text-transform: uppercase;
}
Small changes.
2010-10-13 18:07:59 -04:00
.NB-modal-feedchooser .feed.NB-feedchooser-approve .feed_title {
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
font-weight: bold;
}
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
.NB-modal-feedchooser .feed.NB-feedchooser-decline {
font-weight: normal;
}
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
.NB-modal-feedchooser .feed.NB-feedchooser-decline .feed_favicon {
opacity: .3;
}
.NB-modal-feedchooser .feed.NB-feedchooser-decline .feed_title {
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
color: #808080;
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
}
Further refining feed chooser dialog to include premium account information. Also refactoring across the board to handle premium accounts.
2010-10-05 19:05:01 -04:00
.NB-modal-feedchooser .feed .feed_counts .unread_count_negative,
.NB-modal-feedchooser .feed .feed_counts .unread_count_positive {
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
.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;
}
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
.NB-modal-feedchooser .NB-feedlist .folder_title {
cursor: default;
}
Fixing front-end issues around showing and hiding the feed chooser in different circumstances.
2010-10-06 09:42:59 -04:00
.NB-modal-feedchooser .NB-feedlist .folder_title .feed_counts_floater {
display: none;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
.NB-modal-feedchooser .NB-feedlist .feed .NB-feedlist-manage-icon:hover {
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 3px 4px;
}
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
.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 {
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
background: transparent url('../img/icons/silk/bullet_arrow_right.png') no-repeat 3px 4px;
}
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
.NB-modal-feedchooser .NB-feedlist .folder_title.NB-hover-inverse .NB-feedlist-manage-icon {
background: none;
}
.NB-modal-feedchooser .NB-feedlist .folder_title.NB-hover {
background: transparent url('../img/icons/silk/folder.png') no-repeat 3px 1px;
}
The feedchooser is nearly complete on the UI front. Just need to add subscriber information and auto-population. Then there's the backend...
2010-09-24 01:08:03 -04:00
Initial stub of River of News (everything view). Breaks on collapsed folders with unreads. Also doesn't work at all.
2010-12-10 15:26:50 -05:00
.NB-modal-feedchooser .NB-feedlist .folder .NB-feedlist-river-icon {
display: none;
}
Putting server and client sides together to choose feeds.
2010-09-28 18:53:57 -04:00
.NB-modal-feedchooser .unread_count_positive {
color: yellow;
}
.NB-modal-feedchooser .unread_count_negative {
color: orange;
}
Separating feed chooser into standard and premium.
2010-10-02 17:05:55 -04:00
.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;
}
Empty feed chooser now links to the Add modal instead of showing a blank acceptance screen.
2010-12-23 14:18:40 -05:00
.NB-modal-feedchooser .NB-modal-submit-add {
display: none;
}
Further refining feed chooser dialog to include premium account information. Also refactoring across the board to handle premium accounts.
2010-10-05 19:05:01 -04:00
.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 {
Fixing front-end issues around showing and hiding the feed chooser in different circumstances.
2010-10-06 09:42:59 -04:00
background: transparent url('../img/icons/silk/zoom.png') no-repeat 0 0;
Further refining feed chooser dialog to include premium account information. Also refactoring across the board to handle premium accounts.
2010-10-05 19:05:01 -04:00
}
.NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-4 .NB-feedchooser-premium-bullet-image {
Fixing front-end issues around showing and hiding the feed chooser in different circumstances.
2010-10-06 09:42:59 -04:00
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 {
Fixing feed chooser for top-level feeds.
2010-10-23 12:13:27 -04:00
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 {
Further refining feed chooser dialog to include premium account information. Also refactoring across the board to handle premium accounts.
2010-10-05 19:05:01 -04:00
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;
Merge branch 'master' into chooser Conflicts: apps/reader/models.py apps/rss_feeds/models.py media/css/reader.css media/js/newsblur/reader.js utils/feed_fetcher.py
2010-10-13 09:08:42 -04:00
}
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
/* ============================ */
/* = Keyboard Shortcuts Modal = */
/* ============================ */
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
.NB-modal-keyboard .NB-keyboard-group {
clear: both;
margin: 16px 0 0 0;
overflow: hidden;
background-color: #F0F0F0;
padding: 8px;
}
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
.NB-modal-keyboard .NB-keyboard-shortcut {
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
width: 270px;
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
float: left;
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
margin-right: 20px;
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
}
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
.NB-modal-keyboard .NB-keyboard-shortcut.NB-last {
margin-right: 0;
}
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
.NB-modal-keyboard .NB-keyboard-shortcut .NB-keyboard-shortcut-key {
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
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;
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
padding: 4px 6px;
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
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;
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
font-size: 14px;
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
font-weight: bold;
text-transform: uppercase;
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
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;
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
}
.NB-modal-keyboard .NB-keyboard-shortcut .NB-keyboard-shortcut-image img {
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
margin: 8px 0 0 0;
Adding a few keybaord shortcuts, and adding duplicate feed counts to munin.
2010-10-12 13:17:43 -04:00
border: 1px solid #202020;
Keyboard shortcuts! With lots of pretty images.
2010-10-12 20:13:33 -04:00
width: 268px;
Fixed a bunch fo bugs around feed chooser, OPML import, google reader import, and counts. Also added preferences for new windows, timezone support, and default views. This is one loaded commit.
2010-10-30 00:27:52 -04:00
}
/* =============== */
/* = 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-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;
}
Adding change password to Preferences. Also changing timing for feed updates.
2010-11-08 12:09:55 -05:00
.NB-modal-preferences .NB-preference .NB-preference-error {
color: #83210A;
font-size: 11px;
margin-top: 4px;
font-weight: bold;
}
Fixed a bunch fo bugs around feed chooser, OPML import, google reader import, and counts. Also added preferences for new windows, timezone support, and default views. This is one loaded commit.
2010-10-30 00:27:52 -04:00
.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;
Preferences! Timezone support, new window setting, and default story view.
2010-10-31 16:03:50 -04:00
}
Adding font styling as a preference for the feed view.
2010-11-25 15:34:06 -05:00
.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;
}
Preferences! Timezone support, new window setting, and default story view.
2010-10-31 16:03:50 -04:00
.NB-modal-preferences .NB-preference-window input {
Accidentally going backwards through feed sin trainers 2x as much as necessary.
2010-10-31 16:32:02 -04:00
margin-top: 4px;
Small visual tweaks as well as tightening up some logging.
2010-11-07 00:40:26 -04:00
}
.NB-modal-preferences .NB-preference-window label img {
vertical-align: middle;
Major story opening and view switching refactor. Now switches effortlessly between page<->feed<->story views, temporarily shifting to a working view on click or double-click.
2010-12-08 20:53:45 -05:00
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;
Adding change password to Preferences. Also changing timing for feed updates.
2010-11-08 12:09:55 -05:00
}
.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;
}
Reference in a new issue Copy permalink