mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-09-18 21:50:56 +00:00
adding in autoclosing of popover
This commit is contained in:
Roy Yang
parent
86e34ba7ce
commit
6e9dd592a1
3 changed files with 139 additions and 117 deletions
|
|
@ -67,44 +67,44 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
|
|||
display: block;
|
||||
}
|
||||
|
||||
/* line 82, ../sass/screen.scss */
|
||||
/* line 81, ../sass/screen.scss */
|
||||
body {
|
||||
background: #ebedee url('/media/img/circular/background.png') repeat 0 0;
|
||||
font-family: Helvetica, arial, san-serif;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* line 88, ../sass/screen.scss */
|
||||
/* line 87, ../sass/screen.scss */
|
||||
a {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* line 93, ../sass/screen.scss */
|
||||
/* line 92, ../sass/screen.scss */
|
||||
.NB-page {
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
padding-top: 120px;
|
||||
}
|
||||
|
||||
/* line 99, ../sass/screen.scss */
|
||||
/* line 98, ../sass/screen.scss */
|
||||
.NB-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* line 103, ../sass/screen.scss */
|
||||
/* line 102, ../sass/screen.scss */
|
||||
.NB-footer-logo {
|
||||
margin: 100px auto;
|
||||
width: 700px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* line 109, ../sass/screen.scss */
|
||||
/* line 108, ../sass/screen.scss */
|
||||
.NC-blue-button {
|
||||
border: 1px solid #4388b5;
|
||||
-webkit-border-radius: 3px 3px;
|
||||
-moz-border-radius: 3px / 3px;
|
||||
border-radius: 3px / 3px;
|
||||
-webkit-border-radius: 4px 4px;
|
||||
-moz-border-radius: 4px / 4px;
|
||||
border-radius: 4px / 4px;
|
||||
-webkit-box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
-moz-box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
|
|
@ -113,9 +113,9 @@ a {
|
|||
background-image: -moz-linear-gradient(#6eb4e3, #4d98d2);
|
||||
background-image: -o-linear-gradient(#6eb4e3, #4d98d2);
|
||||
background-image: linear-gradient(#6eb4e3, #4d98d2);
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
color: white;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -125,7 +125,7 @@ a {
|
|||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
/* line 72, ../sass/screen.scss */
|
||||
/* line 71, ../sass/screen.scss */
|
||||
.NC-blue-button:hover {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6bb1e0), color-stop(100%, #6bb1e0));
|
||||
background-image: -webkit-linear-gradient(#6bb1e0, #6bb1e0);
|
||||
|
|
@ -133,7 +133,7 @@ a {
|
|||
background-image: -o-linear-gradient(#6bb1e0, #6bb1e0);
|
||||
background-image: linear-gradient(#6bb1e0, #6bb1e0);
|
||||
}
|
||||
/* line 76, ../sass/screen.scss */
|
||||
/* line 75, ../sass/screen.scss */
|
||||
.NC-blue-button:active {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d98d2), color-stop(100%, #4d98d2));
|
||||
background-image: -webkit-linear-gradient(#4d98d2, #4d98d2);
|
||||
|
|
@ -145,7 +145,7 @@ a {
|
|||
box-shadow: inset 0px 0px 10px #1f74b8;
|
||||
}
|
||||
|
||||
/* line 113, ../sass/screen.scss */
|
||||
/* line 112, ../sass/screen.scss */
|
||||
.NC-header {
|
||||
background: url('/media/img/circular/header_background.png') repeat 0 0;
|
||||
height: 100px;
|
||||
|
|
@ -158,13 +158,13 @@ a {
|
|||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
/* line 123, ../sass/screen.scss */
|
||||
/* line 122, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner {
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
/* line 128, ../sass/screen.scss */
|
||||
/* line 127, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner h1.NC-logo a {
|
||||
width: 208px;
|
||||
height: 100px;
|
||||
|
|
@ -173,13 +173,13 @@ a {
|
|||
float: left;
|
||||
background: url('/media/img/circular/circular_logo.png') no-repeat left center;
|
||||
}
|
||||
/* line 137, ../sass/screen.scss */
|
||||
/* line 136, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner .NC-request-toggle-button {
|
||||
float: right;
|
||||
border: 1px solid #4388b5;
|
||||
-webkit-border-radius: 3px 3px;
|
||||
-moz-border-radius: 3px / 3px;
|
||||
border-radius: 3px / 3px;
|
||||
-webkit-border-radius: 4px 4px;
|
||||
-moz-border-radius: 4px / 4px;
|
||||
border-radius: 4px / 4px;
|
||||
-webkit-box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
-moz-box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
|
|
@ -188,9 +188,9 @@ a {
|
|||
background-image: -moz-linear-gradient(#6eb4e3, #4d98d2);
|
||||
background-image: -o-linear-gradient(#6eb4e3, #4d98d2);
|
||||
background-image: linear-gradient(#6eb4e3, #4d98d2);
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
color: white;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -202,7 +202,7 @@ a {
|
|||
margin-top: 32px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
/* line 72, ../sass/screen.scss */
|
||||
/* line 71, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner .NC-request-toggle-button:hover {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6bb1e0), color-stop(100%, #6bb1e0));
|
||||
background-image: -webkit-linear-gradient(#6bb1e0, #6bb1e0);
|
||||
|
|
@ -210,7 +210,7 @@ a {
|
|||
background-image: -o-linear-gradient(#6bb1e0, #6bb1e0);
|
||||
background-image: linear-gradient(#6bb1e0, #6bb1e0);
|
||||
}
|
||||
/* line 76, ../sass/screen.scss */
|
||||
/* line 75, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner .NC-request-toggle-button:active {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d98d2), color-stop(100%, #4d98d2));
|
||||
background-image: -webkit-linear-gradient(#4d98d2, #4d98d2);
|
||||
|
|
@ -221,20 +221,25 @@ a {
|
|||
-moz-box-shadow: inset 0px 0px 10px #1f74b8;
|
||||
box-shadow: inset 0px 0px 10px #1f74b8;
|
||||
}
|
||||
/* line 145, ../sass/screen.scss */
|
||||
/* line 144, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner .NC-logout-button,
|
||||
.NC-header .NC-header-inner .NC-login-toggle-button {
|
||||
float: right;
|
||||
border: 1px solid #bdbdbd;
|
||||
-webkit-border-radius: 3px 3px;
|
||||
-moz-border-radius: 3px / 3px;
|
||||
border-radius: 3px / 3px;
|
||||
-webkit-border-radius: 4px 4px;
|
||||
-moz-border-radius: 4px / 4px;
|
||||
border-radius: 4px / 4px;
|
||||
-webkit-box-shadow: inset 0px 0px 2px white;
|
||||
-moz-box-shadow: inset 0px 0px 2px white;
|
||||
box-shadow: inset 0px 0px 2px white;
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, white 0 2px px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, white 0 2px px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, white 0 2px px inset;
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, white 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, white 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, white 0 2px 1px inset;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
|
||||
background-image: -webkit-linear-gradient(#ffffff, #f6f6f6);
|
||||
background-image: -moz-linear-gradient(#ffffff, #f6f6f6);
|
||||
background-image: -o-linear-gradient(#ffffff, #f6f6f6);
|
||||
background-image: linear-gradient(#ffffff, #f6f6f6);
|
||||
color: gray;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -246,7 +251,7 @@ a {
|
|||
margin-top: 32px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
/* line 45, ../sass/screen.scss */
|
||||
/* line 44, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner .NC-logout-button:hover,
|
||||
.NC-header .NC-header-inner .NC-login-toggle-button:hover {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));
|
||||
|
|
@ -255,7 +260,7 @@ a {
|
|||
background-image: -o-linear-gradient(#f6f6f6, #ffffff);
|
||||
background-image: linear-gradient(#f6f6f6, #ffffff);
|
||||
}
|
||||
/* line 49, ../sass/screen.scss */
|
||||
/* line 48, ../sass/screen.scss */
|
||||
.NC-header .NC-header-inner .NC-logout-button:active,
|
||||
.NC-header .NC-header-inner .NC-login-toggle-button:active {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #e9e9e9));
|
||||
|
|
@ -270,7 +275,7 @@ a {
|
|||
color: #333333;
|
||||
}
|
||||
|
||||
/* line 154, ../sass/screen.scss */
|
||||
/* line 153, ../sass/screen.scss */
|
||||
.NC-popover {
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
|
|
@ -279,32 +284,32 @@ a {
|
|||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
/* line 162, ../sass/screen.scss */
|
||||
/* line 161, ../sass/screen.scss */
|
||||
.NC-popover.NC-active {
|
||||
display: block;
|
||||
}
|
||||
/* line 166, ../sass/screen.scss */
|
||||
/* line 165, ../sass/screen.scss */
|
||||
.NC-popover .NC-popover-inner {
|
||||
width: 240px;
|
||||
padding: 45px 38px 0 30px;
|
||||
background: transparent url('/media/img/circular/popover_top.png') no-repeat 0 0;
|
||||
}
|
||||
/* line 172, ../sass/screen.scss */
|
||||
/* line 171, ../sass/screen.scss */
|
||||
.NC-popover .NC-popover-bottom {
|
||||
background: transparent url('/media/img/circular/popover_bottom.png') no-repeat left bottom;
|
||||
height: 40px;
|
||||
}
|
||||
/* line 177, ../sass/screen.scss */
|
||||
/* line 176, ../sass/screen.scss */
|
||||
.NC-popover.NC-request-popover {
|
||||
top: 64px;
|
||||
left: 329px;
|
||||
}
|
||||
/* line 182, ../sass/screen.scss */
|
||||
/* line 181, ../sass/screen.scss */
|
||||
.NC-popover.NC-login-popover {
|
||||
top: 64px;
|
||||
left: 456px;
|
||||
}
|
||||
/* line 187, ../sass/screen.scss */
|
||||
/* line 186, ../sass/screen.scss */
|
||||
.NC-popover input {
|
||||
border: 1px solid #bdbdbd;
|
||||
border: 1px solid #BDBDBD;
|
||||
|
|
@ -315,12 +320,12 @@ a {
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
/* line 199, ../sass/screen.scss */
|
||||
/* line 198, ../sass/screen.scss */
|
||||
.NB-mark {
|
||||
margin: 20px 0 50px 0;
|
||||
}
|
||||
|
||||
/* line 203, ../sass/screen.scss */
|
||||
/* line 202, ../sass/screen.scss */
|
||||
.NB-story-wrapper {
|
||||
border-left: 5px solid #fff;
|
||||
padding: 25px 25px 15px;
|
||||
|
|
@ -332,34 +337,34 @@ a {
|
|||
-moz-box-shadow: 0px 0px 5px #c8c8c8;
|
||||
box-shadow: 0px 0px 5px #c8c8c8;
|
||||
}
|
||||
/* line 212, ../sass/screen.scss */
|
||||
/* line 211, ../sass/screen.scss */
|
||||
.NB-story-wrapper .NB-story-title a {
|
||||
font-size: 20px;
|
||||
font-size: 21px;
|
||||
font-weight: bold;
|
||||
line-height: 120%;
|
||||
text-decoration: none;
|
||||
color: #333333;
|
||||
}
|
||||
/* line 221, ../sass/screen.scss */
|
||||
/* line 220, ../sass/screen.scss */
|
||||
.NB-story-wrapper .NB-story-metadata {
|
||||
font-size: 12px;
|
||||
font-size: 14px;
|
||||
color: gray;
|
||||
font-weight: normal;
|
||||
display: block;
|
||||
/* to ensure that the author is always on one line */
|
||||
margin: 5px 0;
|
||||
margin: 5px 0 8px;
|
||||
}
|
||||
/* line 229, ../sass/screen.scss */
|
||||
/* line 228, ../sass/screen.scss */
|
||||
.NB-story-wrapper .NB-feed {
|
||||
margin: 2px 0 10px;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
/* line 233, ../sass/screen.scss */
|
||||
/* line 232, ../sass/screen.scss */
|
||||
.NB-story-wrapper .NB-feed a {
|
||||
color: gray;
|
||||
font-size: 12px;
|
||||
}
|
||||
/* line 238, ../sass/screen.scss */
|
||||
/* line 237, ../sass/screen.scss */
|
||||
.NB-story-wrapper .NB-feed img {
|
||||
float: left;
|
||||
width: 16px;
|
||||
|
|
@ -367,7 +372,7 @@ a {
|
|||
margin-right: 4px;
|
||||
}
|
||||
|
||||
/* line 247, ../sass/screen.scss */
|
||||
/* line 246, ../sass/screen.scss */
|
||||
.NB-story {
|
||||
font-size: 14px;
|
||||
line-height: 140%;
|
||||
|
|
@ -376,21 +381,21 @@ a {
|
|||
|
||||
*/
|
||||
}
|
||||
/* line 251, ../sass/screen.scss */
|
||||
/* line 250, ../sass/screen.scss */
|
||||
.NB-story .NB-story-content-wrapper {
|
||||
margin: 10px 0;
|
||||
max-height: 400px;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* line 262, ../sass/screen.scss */
|
||||
/* line 261, ../sass/screen.scss */
|
||||
.NB-story .NB-story-content p {
|
||||
margin: 10px 0;
|
||||
}
|
||||
/* line 266, ../sass/screen.scss */
|
||||
/* line 265, ../sass/screen.scss */
|
||||
.NB-story .NB-story-content img {
|
||||
margin: 10px 0;
|
||||
}
|
||||
/* line 271, ../sass/screen.scss */
|
||||
/* line 270, ../sass/screen.scss */
|
||||
.NB-story .NC-story-cutoff {
|
||||
position: absolute;
|
||||
display: none;
|
||||
|
|
@ -400,7 +405,7 @@ a {
|
|||
height: 14px;
|
||||
background: transparent url('/media/img/circular/module_cutoff.png') repeat-x left bottom;
|
||||
}
|
||||
/* line 281, ../sass/screen.scss */
|
||||
/* line 280, ../sass/screen.scss */
|
||||
.NB-story .NB-story-content-expander {
|
||||
display: none;
|
||||
position: absolute;
|
||||
|
|
@ -411,31 +416,31 @@ a {
|
|||
color: #1a9fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 292, ../sass/screen.scss */
|
||||
/* line 291, ../sass/screen.scss */
|
||||
.NB-story .NB-story-content-expander .NB-story-content-expander-text,
|
||||
.NB-story .NB-story-content-expander .NB-story-content-expander-pages {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* line 298, ../sass/screen.scss */
|
||||
/* line 297, ../sass/screen.scss */
|
||||
.NB-story-shares-container {
|
||||
text-align: right;
|
||||
color: gray;
|
||||
font-size: 11px;
|
||||
line-height: 16px;
|
||||
}
|
||||
/* line 304, ../sass/screen.scss */
|
||||
/* line 303, ../sass/screen.scss */
|
||||
.NB-story-shares-container .NB-story-share-label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-top: 3px;
|
||||
}
|
||||
/* line 310, ../sass/screen.scss */
|
||||
/* line 309, ../sass/screen.scss */
|
||||
.NB-story-shares-container .NB-user-avatar {
|
||||
display: inline-block;
|
||||
margin: 2px 0 0 2px;
|
||||
}
|
||||
/* line 314, ../sass/screen.scss */
|
||||
/* line 313, ../sass/screen.scss */
|
||||
.NB-story-shares-container .NB-user-avatar img {
|
||||
-webkit-box-shadow: 0px 0px 1px #bdbdbd;
|
||||
-moz-box-shadow: 0px 0px 1px #bdbdbd;
|
||||
|
|
@ -445,19 +450,19 @@ a {
|
|||
display: block;
|
||||
}
|
||||
|
||||
/* line 323, ../sass/screen.scss */
|
||||
/* line 322, ../sass/screen.scss */
|
||||
body.NC-hide-comments .NB-story-comments-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* line 327, ../sass/screen.scss */
|
||||
/* line 326, ../sass/screen.scss */
|
||||
.NB-story-comments-container {
|
||||
font-size: 14px;
|
||||
width: 586px;
|
||||
margin: 0 auto;
|
||||
z-index: 10;
|
||||
}
|
||||
/* line 334, ../sass/screen.scss */
|
||||
/* line 333, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-user-avatar img,
|
||||
.NB-story-comments-container img.NB-user-avatar {
|
||||
position: absolute;
|
||||
|
|
@ -470,7 +475,7 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
border-radius: 3px / 3px;
|
||||
/* @include single-box-shadow; gets in the way of transparent PNGs */
|
||||
}
|
||||
/* line 344, ../sass/screen.scss */
|
||||
/* line 343, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-user-avatar.NB-story-comment-reshare img {
|
||||
top: 27px;
|
||||
left: 0px;
|
||||
|
|
@ -478,27 +483,27 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
/* line 352, ../sass/screen.scss */
|
||||
/* line 351, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment {
|
||||
padding: 15px 0 18px 44px;
|
||||
border-bottom: 1px solid #bdbdbd;
|
||||
position: relative;
|
||||
min-height: 32px;
|
||||
}
|
||||
/* line 358, ../sass/screen.scss */
|
||||
/* line 357, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment .NB-story-comment-username {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
/* line 364, ../sass/screen.scss */
|
||||
/* line 363, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment .NB-story-comment-date {
|
||||
float: right;
|
||||
font-size: 12px;
|
||||
color: gray;
|
||||
text-shadow: 0px 1px 1px white;
|
||||
}
|
||||
/* line 371, ../sass/screen.scss */
|
||||
/* line 370, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment .NB-story-comment-location {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
|
|
@ -506,18 +511,18 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
text-shadow: 0px 1px 1px white;
|
||||
margin-left: 5px;
|
||||
}
|
||||
/* line 380, ../sass/screen.scss */
|
||||
/* line 379, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment .NB-story-comment-reply-button,
|
||||
.NB-story-comments-container .NB-story-comment .NB-story-comment-edit-button {
|
||||
display: none;
|
||||
}
|
||||
/* line 384, ../sass/screen.scss */
|
||||
/* line 383, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment .NB-story-comment-content {
|
||||
padding-top: 4px;
|
||||
line-height: 18px;
|
||||
clear: both;
|
||||
}
|
||||
/* line 390, ../sass/screen.scss */
|
||||
/* line 389, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment .NB-story-comment-reshares .NB-user-avatar img {
|
||||
top: 15px;
|
||||
left: 8px;
|
||||
|
|
@ -525,7 +530,7 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
/* line 399, ../sass/screen.scss */
|
||||
/* line 398, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment-replies {
|
||||
margin-top: 15px;
|
||||
padding: 15px 0 0px 44px;
|
||||
|
|
@ -533,13 +538,13 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
position: relative;
|
||||
min-height: 32px;
|
||||
}
|
||||
/* line 406, ../sass/screen.scss */
|
||||
/* line 405, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment-replies .NB-story-comment-reply-content {
|
||||
padding-top: 4px;
|
||||
line-height: 18px;
|
||||
clear: both;
|
||||
}
|
||||
/* line 413, ../sass/screen.scss */
|
||||
/* line 412, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment-input {
|
||||
width: 376px;
|
||||
height: 16px;
|
||||
|
|
@ -547,22 +552,27 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
padding: 6px 4px;
|
||||
border: 1px solid #bdbdbd;
|
||||
}
|
||||
/* line 422, ../sass/screen.scss */
|
||||
/* line 421, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-save {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 0;
|
||||
width: 120px;
|
||||
border: 1px solid #bdbdbd;
|
||||
-webkit-border-radius: 3px 3px;
|
||||
-moz-border-radius: 3px / 3px;
|
||||
border-radius: 3px / 3px;
|
||||
-webkit-border-radius: 4px 4px;
|
||||
-moz-border-radius: 4px / 4px;
|
||||
border-radius: 4px / 4px;
|
||||
-webkit-box-shadow: inset 0px 0px 2px white;
|
||||
-moz-box-shadow: inset 0px 0px 2px white;
|
||||
box-shadow: inset 0px 0px 2px white;
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, white 0 2px px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, white 0 2px px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, white 0 2px px inset;
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, white 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, white 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, white 0 2px 1px inset;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
|
||||
background-image: -webkit-linear-gradient(#ffffff, #f6f6f6);
|
||||
background-image: -moz-linear-gradient(#ffffff, #f6f6f6);
|
||||
background-image: -o-linear-gradient(#ffffff, #f6f6f6);
|
||||
background-image: linear-gradient(#ffffff, #f6f6f6);
|
||||
color: gray;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -572,7 +582,7 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
}
|
||||
/* line 45, ../sass/screen.scss */
|
||||
/* line 44, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-save:hover {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));
|
||||
background-image: -webkit-linear-gradient(#f6f6f6, #ffffff);
|
||||
|
|
@ -580,7 +590,7 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
background-image: -o-linear-gradient(#f6f6f6, #ffffff);
|
||||
background-image: linear-gradient(#f6f6f6, #ffffff);
|
||||
}
|
||||
/* line 49, ../sass/screen.scss */
|
||||
/* line 48, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-save:active {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, #e9e9e9));
|
||||
background-image: -webkit-linear-gradient(#e9e9e9, #e9e9e9);
|
||||
|
|
@ -593,11 +603,11 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
text-shadow: 0px -1px 1px white;
|
||||
color: #333333;
|
||||
}
|
||||
/* line 430, ../sass/screen.scss */
|
||||
/* line 429, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-delete {
|
||||
display: none;
|
||||
}
|
||||
/* line 435, ../sass/screen.scss */
|
||||
/* line 434, ../sass/screen.scss */
|
||||
.NB-story-comments-container .NB-story-comments-public-header-wrapper {
|
||||
color: gray;
|
||||
font-size: 12px;
|
||||
|
|
@ -605,14 +615,14 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
padding: 3px 0;
|
||||
}
|
||||
|
||||
/* line 444, ../sass/screen.scss */
|
||||
/* line 443, ../sass/screen.scss */
|
||||
.NB-page-controls-next,
|
||||
.NB-page-controls-end {
|
||||
background-color: #6eb4e3;
|
||||
border: 1px solid #4388b5;
|
||||
-webkit-border-radius: 3px 3px;
|
||||
-moz-border-radius: 3px / 3px;
|
||||
border-radius: 3px / 3px;
|
||||
-webkit-border-radius: 4px 4px;
|
||||
-moz-border-radius: 4px / 4px;
|
||||
border-radius: 4px / 4px;
|
||||
-webkit-box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
-moz-box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
box-shadow: inset 0px 0px 2px #80c5f2;
|
||||
|
|
@ -621,9 +631,9 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
background-image: -moz-linear-gradient(#6eb4e3, #4d98d2);
|
||||
background-image: -o-linear-gradient(#6eb4e3, #4d98d2);
|
||||
background-image: linear-gradient(#6eb4e3, #4d98d2);
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset;
|
||||
-webkit-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
-moz-box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
box-shadow: rgba(153, 153, 153, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset;
|
||||
color: white;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -639,7 +649,7 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
-o-transition: all .12s ease-out;
|
||||
-ms-transition: all .12s ease-out;
|
||||
}
|
||||
/* line 72, ../sass/screen.scss */
|
||||
/* line 71, ../sass/screen.scss */
|
||||
.NB-page-controls-next:hover,
|
||||
.NB-page-controls-end:hover {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6bb1e0), color-stop(100%, #6bb1e0));
|
||||
|
|
@ -648,7 +658,7 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
background-image: -o-linear-gradient(#6bb1e0, #6bb1e0);
|
||||
background-image: linear-gradient(#6bb1e0, #6bb1e0);
|
||||
}
|
||||
/* line 76, ../sass/screen.scss */
|
||||
/* line 75, ../sass/screen.scss */
|
||||
.NB-page-controls-next:active,
|
||||
.NB-page-controls-end:active {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d98d2), color-stop(100%, #4d98d2));
|
||||
|
|
@ -660,7 +670,7 @@ body.NC-hide-comments .NB-story-comments-container {
|
|||
-moz-box-shadow: inset 0px 0px 10px #1f74b8;
|
||||
box-shadow: inset 0px 0px 10px #1f74b8;
|
||||
}
|
||||
/* line 455, ../sass/screen.scss */
|
||||
/* line 454, ../sass/screen.scss */
|
||||
.NB-page-controls-next .NB-page-controls-text,
|
||||
.NB-page-controls-end .NB-page-controls-text {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@ $light-text-color: #808080;
|
|||
$more-text-color: #1a9fff;
|
||||
$border-color: #bdbdbd;
|
||||
|
||||
$title-font-size: 20px;
|
||||
$title-font-size: 21px;
|
||||
$small-font-size: 14px;
|
||||
$smallest-font-size: 12px;
|
||||
|
||||
|
|
@ -28,11 +28,10 @@ $default-box-shadow-blur: 1px;
|
|||
|
||||
@mixin NC-default-button {
|
||||
border: 1px solid $border-color;
|
||||
@include border-radius(3px, 3px);
|
||||
@include border-radius(4px, 4px);
|
||||
@include single-box-shadow(white, 0px, 0px, 2px, false, true);
|
||||
@include box-shadow(rgba(#999, 0.4) 0 0 10px, white 0 2px px inset);
|
||||
//@include background-image(linear-gradient(white, #f6f6f6));
|
||||
//@include single-text-shadow(0px, -1px, 1px, false, white);
|
||||
@include box-shadow(rgba(#999, 0.4) 0 0 5px, white 0 2px 1px inset);
|
||||
@include background-image(linear-gradient(white, #f6f6f6));
|
||||
color: $light-text-color;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -56,10 +55,10 @@ $default-box-shadow-blur: 1px;
|
|||
|
||||
@mixin NC-blue-button {
|
||||
border: 1px solid #4388b5;
|
||||
@include border-radius(3px, 3px);
|
||||
@include border-radius(4px, 4px);
|
||||
@include single-box-shadow(#80c5f2, 0px, 0px, 2px, false, true);
|
||||
@include background-image(linear-gradient(#6eb4e3, #4d98d2));
|
||||
@include box-shadow(rgba(#999, 0.4) 0 0 10px, #70b5e3 0 2px 1px inset);
|
||||
@include box-shadow(rgba(#999, 0.4) 0 0 5px, #70b5e3 0 2px 1px inset);
|
||||
color: white;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
|
|
@ -219,11 +218,11 @@ a {
|
|||
}
|
||||
|
||||
.NB-story-metadata {
|
||||
font-size: $smallest-font-size;
|
||||
font-size: $small-font-size;
|
||||
color: $light-text-color;
|
||||
font-weight: normal;
|
||||
display: block; /* to ensure that the author is always on one line */
|
||||
margin: 5px 0;
|
||||
margin: 5px 0 8px;
|
||||
}
|
||||
|
||||
.NB-feed {
|
||||
|
|
|
|||
|
|
@ -28,16 +28,15 @@ NEWSBLUR.Views.SocialPageLoginSignupView = Backbone.View.extend({
|
|||
'queue': false,
|
||||
'complete': _.bind(function() {
|
||||
this.$('.NB-error').remove();
|
||||
$popover.removeClass('NC-active');
|
||||
}, this)
|
||||
});
|
||||
$popover.removeClass('NC-active');
|
||||
$(document).unbind('click.loginView');
|
||||
} else {
|
||||
// Open/resize
|
||||
if (!options.resize_open) {
|
||||
this.$('.NB-error').remove();
|
||||
}
|
||||
$popover.addClass('NC-active');
|
||||
this.$('.NB-error').remove();
|
||||
$other_popover.removeClass('NC-active');
|
||||
$popover.addClass('NC-active');
|
||||
$popover.animate({
|
||||
'opacity': 1
|
||||
}, {
|
||||
|
|
@ -59,6 +58,10 @@ NEWSBLUR.Views.SocialPageLoginSignupView = Backbone.View.extend({
|
|||
.bind('keydown.login', 'ctrl+return', login)
|
||||
.bind('keydown.login', 'meta+return', login)
|
||||
.bind('keydown.login', 'return', login);
|
||||
|
||||
_.defer(_.bind(function() {
|
||||
$(document).bind('click.loginView', _.bind(this.hide_popovers, this));
|
||||
}, this));
|
||||
}
|
||||
},
|
||||
|
||||
|
|
@ -76,12 +79,16 @@ NEWSBLUR.Views.SocialPageLoginSignupView = Backbone.View.extend({
|
|||
}, {
|
||||
'duration': 300,
|
||||
'easing': 'easeInOutQuint',
|
||||
'queue': false
|
||||
'queue': false,
|
||||
'complete': _.bind(function() {
|
||||
$popover.removeClass('NC-active');
|
||||
}, this)
|
||||
});
|
||||
$popover.removeClass('NC-active');
|
||||
|
||||
$(document).unbind('click.loginView');
|
||||
} else {
|
||||
$popover.addClass('NC-active');
|
||||
$other_popover.removeClass('NC-active');
|
||||
$popover.addClass('NC-active');
|
||||
$popover.animate({
|
||||
'opacity': 1
|
||||
}, {
|
||||
|
|
@ -103,11 +110,17 @@ NEWSBLUR.Views.SocialPageLoginSignupView = Backbone.View.extend({
|
|||
.bind('keydown.invite', 'ctrl+return', request_invite)
|
||||
.bind('keydown.invite', 'meta+return', request_invite)
|
||||
.bind('keydown.invite', 'return', request_invite);
|
||||
|
||||
_.defer(_.bind(function() {
|
||||
$(document).bind('click.loginView', _.bind(this.hide_popovers, this));
|
||||
}, this));
|
||||
}
|
||||
},
|
||||
|
||||
hide_popovers: function(){
|
||||
var $popover = this.$('.NC-popover');
|
||||
hide_popovers: function(e) {
|
||||
var $popover = this.$('.NC-popover');
|
||||
if (($(e.target).closest(".NC-popover").length) || ($(e.target).closest(".NC-button").length)) return;
|
||||
$(document).unbind('click.loginView');
|
||||
// Close
|
||||
$popover.animate({
|
||||
'opacity': 0
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue