public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-08-21 05:45:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
NewsBlur/media/css/modals.css

420 lines
8.4 KiB
CSS
Raw Normal View History

Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
/* ================ */
/* = Modal Dialog = */
/* ================ */
#simplemodal-overlay {
background-color: #101030;
}
#simplemodal-container {
background-color: white;
padding: 8px;
-moz-box-shadow: 8px 8px 15px #505050;
-webkit-box-shadow: 8px 8px 15px #505050;
box-shadow: 8px 8px 15px #505050;
border: 1px solid #303030;
}
/* ========== */
/* = Modals = */
/* ========== */
.NB-modal {
padding: 12px;
position: relative;
}
.NB-modal.NB-signed-out .NB-fieldset {
opacity: .3;
}
.NB-modal.NB-signed-out .NB-fieldset.NB-anonymous-ok {
opacity: 1;
}
Fixing a range of server issues -- sendign story emails, failing silently on SES outages, and giving a 404 instead of a 500 on bad params.
2011-10-28 10:29:11 -07:00
.NB-modal .NB-modal-error {
float: right;
font-size: 11px;
font-weight: bold;
color: #7F080A;
line-height: 14px;
display: none;
max-width: 50%;
}
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
.NB-modal .NB-modal-loading,
.NB-modal .NB-loading {
width: 16px;
height: 16px;
float: right;
background: none;
}
.NB-modal .NB-modal-loading.NB-active {
Relative to absolute urls for all embedded images.
2011-12-12 09:51:49 -08:00
background: transparent url('/media/img/reader/recycle_spinner.gif') no-repeat 0 0;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
}
.NB-modal .NB-loading.NB-active {
Relative to absolute urls for all embedded images.
2011-12-12 09:51:49 -08:00
background: transparent url('/media/img/reader/spinner_ball.gif') no-repeat 0 0;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
}
.NB-modal h2,
.NB-modal .NB-modal-title {
margin: 0;
padding: 0;
font-size: 22px;
}
.NB-modal h5,
.NB-module h5 {
margin: 0;
Collecting stats on sites loaded and avg response time. Displaying stats in graphs.
2011-04-16 16:21:00 -04:00
padding: 8px 12px 6px;
Adding basic structure for recommended feeds.
2011-02-28 23:27:58 -05:00
background-color: #D1E1FA;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.16, #C5D7FB),
color-stop(0.84, #D8E1FF)
);
background-image: -moz-linear-gradient(
center bottom,
#C5D7FB 16%,
#D8E1FF 84%
);
text-shadow: 1px 1px 0 #E9E9E9;
border-top: 1px solid #D1DAF7;
border-bottom: 1px solid #A1A9CF;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
color:#505050;
font-size: 14px;
Style tweaks for Windows.
2012-02-10 17:14:20 -08:00
font-family: "Gill Sans", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif, inherit;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
font-weight: normal;
Adding API pages and Press pages. THe static template is now finished. Just need to write the API/Press/Publishers pages. Whew.
2011-04-02 21:34:40 -04:00
text-transform: uppercase;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
position: relative;
}
.NB-modal .NB-modal-field {
margin: 0;
position: relative;
clear: both;
}
.NB-modal .NB-modal-field h5 {
}
.NB-modal .NB-modal-field input[type=text] {
width: 446px;
font-size: 14px;
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;
}
.NB-modal .NB-modal-field input[type=checkbox] {
margin: 4px 0 0 0px;
float: left;
}
Cleaning up the send email dialog (as well as the add site dialog). Everything looks great, save for an email icon and a bit more validation.
2011-05-07 21:12:13 -04:00
.NB-modal .NB-error {
display: none;
font-weight: bold;
font-size: 14px;
color: #7E0418;
padding: 0 0 12px 0;
}
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
.NB-modal .NB-modal-title {
font-weight: bold;
color: #303030;
text-shadow: 1px 1px 0px #e0e0e0;
}
.NB-modal .NB-modal-subtitle {
margin:12px 0 0;
padding:8px 12px;
font-size: 14px;
position: relative;
background-color: #F6F6F6;
Cleaning up the send email dialog (as well as the add site dialog). Everything looks great, save for an email icon and a bit more validation.
2011-05-07 21:12:13 -04:00
overflow: hidden;
jQuery 1.5.1 -> jQuery 1.6.1pre.
2011-05-07 21:33:42 -04:00
clear: both;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
}
.NB-modal .NB-modal-feed-title {
Finishing up account dialog. Also re-styling subscriber counts.
2011-07-27 22:17:34 -07:00
margin: 0;
float: left;
}
.NB-modal .NB-modal-feed-subscribers {
font-size: 12px;
background-color: #909090;
color: #F0F0F0;
margin: 2px 4px 2px 14px;
font-size: 9px;
line-height: 15px;
font-weight: bold;
padding: 0 4px;
text-transform: uppercase;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: none;
float: left;
}
.NB-modal .NB-modal-feed-heading {
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
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 subscriber count to recommended feeds.
2011-04-07 10:36:25 -04:00
.NB-modal .NB-modal-subtitle-right {
float: right;
clear: both;
font-size: 11px;
text-transform: uppercase;
color: #d0d0d0;
text-shadow: 0 1px 0 #FFF;
}
.NB-modal .NB-modal-subtitle-right-count {
color: #A8A8A8;
padding-right: 4px;
}
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
.NB-modal-submit input[type=submit],
Finishing page 2, adding page 5 which has links to twitter, get satisfaction, the blog (even loads the blog), and is a good last page.
2011-05-18 22:33:42 -04:00
.NB-modal-submit-button {
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
border: 1px solid #606060;
font-size: 12px;
padding: 4px 12px;
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;
}
Finishing page 2, adding page 5 which has links to twitter, get satisfaction, the blog (even loads the blog), and is a good last page.
2011-05-18 22:33:42 -04:00
.NB-modal-submit-back,
.NB-modal-submit-reset {
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
background-color: #d5d4dB;
color: #909090;
}
Rearranging javascript. Also backbonizing user models for follower and following collections.
2012-01-04 09:42:35 -08:00
.NB-modal-submit-close,
.NB-modal-submit-grey {
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
background-color: #d5d4dB;
color: #909090;
font-weight: bold;
}
Finishing page 2, adding page 5 which has links to twitter, get satisfaction, the blog (even loads the blog), and is a good last page.
2011-05-18 22:33:42 -04:00
.NB-modal-submit-green {
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
background-color: #217412;
font-weight: bold;
color: #FCFCFC;
}
Rearranging javascript. Also backbonizing user models for follower and following collections.
2012-01-04 09:42:35 -08:00
.NB-modal-submit-red {
background-color: #911C31;
color: #E4E4E4;
font-weight: bold;
}
Finishing page 2, adding page 5 which has links to twitter, get satisfaction, the blog (even loads the blog), and is a good last page.
2011-05-18 22:33:42 -04:00
.NB-modal-submit-delete {
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
background-color: #7E020D;
font-weight: bold;
color: #FCFCFC;
}
.NB-modal-submit .NB-disabled {
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;
}
.NB-modal .NB-modal-submit {
margin: 16px 0 0 0;
font-size: 13px;
overflow: hidden;
}
.NB-modal img.feed_favicon {
margin: 0 6px 0 0;
vertical-align: middle;
Tweaks to styles and upating jquery Layout.
2011-02-22 10:18:54 -05:00
width: 16px;
height: 16px;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05: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;
}
.NB-modal .NB-modal-feed-chooser-container {
float: right;
Stubbing out entire feed settings modal. Needs duplicate feed list. Also needs backend splitting of subscriptions.
2011-11-12 18:19:57 -08:00
margin: 3px 0 12px;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
}
.NB-modal .NB-modal-feed-chooser-container .NB-modal-feed-chooser {
width: 250px;
Stubbing out entire feed settings modal. Needs duplicate feed list. Also needs backend splitting of subscriptions.
2011-11-12 18:19:57 -08:00
margin: 0 0 12px;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
}
Adding Find Friends dialog, complete with tabs (Find friends, i'm following, following me). Doesn't do squat yet.
2011-12-21 18:23:53 -08:00
.NB-modal .NB-modal-tabs {
float: right;
position: relative;
Adding twitter/facebook connect/disconnect buttons to find friend dialog.
2011-12-22 13:36:03 -08:00
bottom: -1px;
Completing Twitter/FB OAuth end to end. Now need to surface and find friends.
2011-12-23 18:28:16 -08:00
margin-right: 16px;
Adding Find Friends dialog, complete with tabs (Find friends, i'm following, following me). Doesn't do squat yet.
2011-12-21 18:23:53 -08:00
}
.NB-modal .NB-modal-tab {
float: left;
padding: 8px 12px 10px;
background-color: #E0E0E0;
border-top: 1px solid #A0A0A0;
border-left: 1px solid #A0A0A0;
border-bottom: 1px solid #A0A0A0;
cursor: pointer;
text-shadow: 0 1px 0 white;
margin-top: -4px;
}
.NB-modal .NB-modal-tab:hover {
background-color: #F2F2F9;
}
.NB-modal .NB-modal-tab:last-child {
border-right: 1px solid #A0A0A0;
}
.NB-modal .NB-modal-tab.NB-active {
background-color: white;
Adding twitter/facebook connect/disconnect buttons to find friend dialog.
2011-12-22 13:36:03 -08:00
border-bottom: 1px solid white;
Adding Find Friends dialog, complete with tabs (Find friends, i'm following, following me). Doesn't do squat yet.
2011-12-21 18:23:53 -08:00
cursor: default;
}
Adding twitter/facebook connect/disconnect buttons to find friend dialog.
2011-12-22 13:36:03 -08:00
.NB-modal .NB-tab {
display: none;
margin-top: 0;
clear: both;
border-top: 1px solid #A0A0A0;
Complete user profile -- photo select, bio, location, website, editing and defaulting during OAuth social service connect.
2011-12-25 20:50:59 -08:00
overflow: auto;
max-height: 500px;
width: 100%;
padding-right: 12px;
Adding twitter/facebook connect/disconnect buttons to find friend dialog.
2011-12-22 13:36:03 -08:00
}
.NB-modal .NB-tab.NB-active {
display: block;
}
.NB-modal .NB-modal-section {
Adding profile photos, hiding of completed Getting Started items, following and auto-following of new friends, creating connections.
2011-12-24 00:30:37 -08:00
padding: 12px 0;
Adding twitter/facebook connect/disconnect buttons to find friend dialog.
2011-12-22 13:36:03 -08:00
}
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
/* ===================== */
/* = Bookmarklet Modal = */
/* ===================== */
.NB-bookmarklet {
font-family: 'Lucida Sans', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
Using correct domain, not adding the same site twice, messaging, better styling.
2011-01-22 18:25:16 -05:00
text-align: left;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
}
.NB-bookmarklet .NB-modal-information {
float: right;
margin-top: 10px;
text-transform: uppercase;
color: #909090;
font-size: 10px;
}
Adding folders to bookmarklet.
2011-01-21 22:00:36 -05:00
.NB-bookmarklet .NB-bookmarklet-folder-container {
Adding all error cases for the bookmarklet. Added styling to all elements. Ready to launch?
2011-01-22 21:42:58 -05:00
margin: 28px 0;
Using correct domain, not adding the same site twice, messaging, better styling.
2011-01-22 18:25:16 -05:00
float: right;
Adding folders to bookmarklet.
2011-01-21 22:00:36 -05:00
}
.NB-bookmarklet .NB-bookmarklet-folder-container .NB-bookmarklet-folder-label {
float: left;
margin: 2px 4px 0 0;
}
.NB-bookmarklet .NB-bookmarklet-folder-container .NB-folders {
font-size: 14px;
}
Fixing issues around adding a folder in the add site bookmarklet. Cleaning up the modal by taking out the folder icon.
2011-03-21 20:37:58 -04:00
.NB-bookmarklet .NB-bookmarklet-folder-add-button {
float: left;
margin: 2px 4px 0 0;
cursor: pointer;
}
Adding in functionality to add new folder during add site bookmarklet. Needs testing (and maybe some UI love), but it should be feature complete.
2011-03-21 10:15:18 -04:00
.NB-bookmarklet .NB-bookmarklet-new-folder-container {
display: none;
float: right;
clear: both;
}
Fixing issues around adding a folder in the add site bookmarklet. Cleaning up the modal by taking out the folder icon.
2011-03-21 20:37:58 -04:00
.NB-bookmarklet .NB-bookmarklet-folder-new {
float: left;
padding: 2px;
border: 1px solid #505050;
font-size: 11px;
line-height: 13px;
margin: 2px 0 0;
width: 170px;
}
.NB-bookmarklet .NB-bookmarklet-folder-new-label {
margin: 4px 4px 0 0;
float: left;
}
Using correct domain, not adding the same site twice, messaging, better styling.
2011-01-22 18:25:16 -05:00
.NB-bookmarklet .NB-folders {
width: 200px;
}
Adding all error cases for the bookmarklet. Added styling to all elements. Ready to launch?
2011-01-22 21:42:58 -05:00
.NB-bookmarklet .NB-modal-submit {
margin: 24px 0 8px;
}
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
.NB-bookmarklet .NB-modal-submit-button {
clear: both;
Using correct domain, not adding the same site twice, messaging, better styling.
2011-01-22 18:25:16 -05:00
padding: 0 16px;
line-height: 24px;
width: 200px;
Adding folders to bookmarklet.
2011-01-21 22:00:36 -05:00
text-align: center;
Using correct domain, not adding the same site twice, messaging, better styling.
2011-01-22 18:25:16 -05:00
}
.NB-bookmarklet .NB-modal-submit-button img {
margin: 5px 6px 0 0;
width: 16px;
height: 16px;
Fixing checkbox icon in bookmarklet on successful add feed.
2011-03-23 22:10:46 -04:00
float: left;
Using correct domain, not adding the same site twice, messaging, better styling.
2011-01-22 18:25:16 -05:00
vertical-align: top;
Adding all error cases for the bookmarklet. Added styling to all elements. Ready to launch?
2011-01-22 21:42:58 -05:00
}
.NB-bookmarklet .NB-bookmarklet-error {
margin: 12px 0 0 0;
font-weight: bold;
color: #701040;
}
.NB-bookmarklet .NB-bookmarklet-error img {
float: left;
width: 16px;
height: 16px;
vertical-align: top;
margin: -2px 6px 0 0;
Stubbing in new folder input on bookmarklet. Doesn't do anything yet, and it doesn't display correctly yet, either.
2011-03-19 11:07:36 -04:00
}
.NB-bookmarklet .NB-bookmarklet-folder-label {
float: right;
}
.NB-bookmarklet .NB-folders {
float: right;
Bookmarklet now shows a modal where you can select which folder to add the site. Includes JS and CSS, uncompressed, on host page.
2011-01-21 20:29:19 -05:00
}
Reference in a new issue Copy permalink