delint scss
eric
parent
f74a802254
commit
88ad163451
|
|
@ -13,7 +13,7 @@
|
|||
float: left;
|
||||
margin-right:10px;
|
||||
width:151px;
|
||||
|
||||
|
||||
img {
|
||||
@include mediaborder-base;
|
||||
}
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
font-weight:normal;
|
||||
color:$link-color;
|
||||
}
|
||||
|
||||
|
||||
> div {
|
||||
width:100%;
|
||||
clear:both;
|
||||
|
|
@ -60,50 +60,50 @@
|
|||
border-top:1px solid $pale-blue;
|
||||
padding:10px 0;
|
||||
}
|
||||
|
||||
|
||||
> div.layout {
|
||||
border: none;
|
||||
padding: 0;
|
||||
|
||||
|
||||
div.pubinfo {
|
||||
float: left;
|
||||
width: auto;
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.btn_wishlist span {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
.find-book label {
|
||||
float:left;
|
||||
line-height:31px;
|
||||
}
|
||||
|
||||
|
||||
.find-link {
|
||||
float:right;
|
||||
|
||||
|
||||
img {
|
||||
padding: 2px;
|
||||
@include one-border-radius(5px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.pledged-info {
|
||||
padding:10px 0;
|
||||
position: relative;
|
||||
|
||||
|
||||
&.noborder {
|
||||
border-top: none;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
||||
.campaign-status-info {
|
||||
float: left;
|
||||
width: 50%;
|
||||
margin-top: $font-size-default;
|
||||
|
||||
|
||||
span {
|
||||
font-size: $font-size-larger;
|
||||
color: $medium-blue;
|
||||
|
|
@ -111,7 +111,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.thermometer {
|
||||
@include one-border-radius(10px);
|
||||
border: solid 2px $blue-grey;
|
||||
|
|
@ -122,22 +122,22 @@
|
|||
|
||||
/* looks better if we start the gradient a little closer to the success color */
|
||||
$greener-than-alert: #CF6944;
|
||||
|
||||
|
||||
background: -webkit-gradient(linear, left top, right top, from($call-to-action), to($greener-than-alert));
|
||||
background: -webkit-linear-gradient(left, $greener-than-alert, $call-to-action);
|
||||
background: -moz-linear-gradient(left, $greener-than-alert, $call-to-action);
|
||||
background: -ms-linear-gradient(left, $greener-than-alert, $call-to-action);
|
||||
background: -o-linear-gradient(left, $greener-than-alert, $call-to-action);
|
||||
background: linear-gradient(left, $greener-than-alert, $call-to-action);
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$alert', endColorstr='$call-to-action'); /* IE6 & IE7 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$alert', endColorstr='$call-to-action')"; /* IE8+ */
|
||||
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$alert', endColorstr='$call-to-action'); /* IE6 & IE7 */
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='$alert', endColorstr='$call-to-action')"; /* IE8+ */
|
||||
|
||||
&.successful {
|
||||
border-color: $bright-blue;
|
||||
background: $pale-blue;
|
||||
}
|
||||
|
||||
|
||||
.cover {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
|
|
@ -147,11 +147,11 @@
|
|||
margin-top: -7px;
|
||||
background: lighten($blue-grey, 10%);
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
&:hover span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
span.explanation{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
&:hover span.explanation {
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
|
@ -185,7 +185,7 @@
|
|||
@include one-border-radius(10px);
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.status {
|
||||
position: absolute;
|
||||
|
|
@ -194,5 +194,5 @@
|
|||
height: 25px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -20,13 +20,13 @@
|
|||
|
||||
.row2 .book-list.listview {
|
||||
background: #fff;
|
||||
|
||||
|
||||
.book-name:hover {
|
||||
background: #fff;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
div.book-list.listview{
|
||||
div.book-list.listview{
|
||||
clear:both;
|
||||
display:block;
|
||||
vertical-align: middle;
|
||||
|
|
@ -50,37 +50,37 @@ div.book-list.listview{
|
|||
margin-right:10px;
|
||||
background:url("#{$image-base}booklist/booklist-vline.png") right center no-repeat;
|
||||
float: left;
|
||||
|
||||
.title {
|
||||
|
||||
.title {
|
||||
display:block;
|
||||
line-height:normal;
|
||||
overflow: hidden;
|
||||
@include height(19px);
|
||||
margin-bottom: 5px;
|
||||
font-weight:bold;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
.listview.author {
|
||||
overflow: hidden;
|
||||
display:block;
|
||||
line-height:normal;
|
||||
@include height(19px);
|
||||
}
|
||||
|
||||
|
||||
&.listview:hover {
|
||||
// allow titles and authors to expand onhover
|
||||
overflow: visible;
|
||||
|
||||
width: auto;
|
||||
min-width: 219px;
|
||||
|
||||
|
||||
margin-top: -1px;
|
||||
padding-right: 15px;
|
||||
border: 1px solid $blue-grey;
|
||||
@include border-radius(0, 10px, 10px, 0);
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
|
||||
&.listview {
|
||||
z-index:100;
|
||||
// z-index only works on positioned elements, so if you
|
||||
|
|
@ -99,38 +99,38 @@ div.book-list.listview{
|
|||
//position: absolute;
|
||||
margin-left:255px;
|
||||
float:left;
|
||||
|
||||
|
||||
span {
|
||||
font-weight:normal;
|
||||
color:$text-blue;
|
||||
text-transform: none;
|
||||
padding-left:20px;
|
||||
}
|
||||
|
||||
|
||||
span.booklist_pledge {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
&.pledge span.booklist_pledge {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
|
||||
&.add-wishlist span, &.create-account span {
|
||||
background:url("#{$image-base}booklist/add-wishlist.png") left center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
&.add-wishlist span.booklist_pledge {
|
||||
background: none;
|
||||
}
|
||||
|
||||
|
||||
&.remove-wishlist span {
|
||||
background:url("#{$image-base}booklist/remove-wishlist-blue.png") left center no-repeat;
|
||||
}
|
||||
|
||||
|
||||
&.on-wishlist > span, > span.on-wishlist {
|
||||
background:url("#{$image-base}checkmark_small.png") left center no-repeat;
|
||||
background:url("#{$image-base}checkmark_small.png") left center no-repeat;
|
||||
}
|
||||
|
||||
&.booklist-status {
|
||||
|
|
@ -157,7 +157,7 @@ div.add-wishlist, div.remove-wishlist {
|
|||
max-width: 180px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.read_itbutton {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
|
@ -170,7 +170,7 @@ div.unglue-this {
|
|||
font-size:11px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
&.complete {
|
||||
.unglue-this-inner1 {
|
||||
background:url($background-booklist) 0 -84px no-repeat;
|
||||
|
|
@ -190,10 +190,10 @@ div.unglue-this {
|
|||
|
||||
&.processing {
|
||||
.unglue-this-inner1 {
|
||||
background:url($background-booklist) 0 0 no-repeat;
|
||||
background:url($background-booklist) 0 0 no-repeat;
|
||||
height:42px;
|
||||
}
|
||||
|
||||
|
||||
.unglue-this-inner2 {
|
||||
background:url($background-booklist) 100% -42px no-repeat;
|
||||
margin-left:25px;
|
||||
|
|
@ -208,7 +208,7 @@ ul.book-list-view {
|
|||
margin:15px;
|
||||
float:right;
|
||||
list-style:none;
|
||||
|
||||
|
||||
li {
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
|
|
@ -245,24 +245,24 @@ ul.navigation {
|
|||
padding:0;
|
||||
margin:0;
|
||||
list-style:none;
|
||||
|
||||
|
||||
li {
|
||||
float: left;
|
||||
line-height:normal;
|
||||
margin-right:5px;
|
||||
|
||||
|
||||
a {
|
||||
color:$dark-blue;
|
||||
font-weight:normal;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
|
||||
&.arrow-l a {
|
||||
@include navigation-arrows(0, -168px);
|
||||
}
|
||||
|
||||
|
||||
&.arrow-r a {
|
||||
@include navigation-arrows(-1px, -185px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -283,16 +283,16 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
overflow:hidden;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
|
||||
|
||||
&:hover {
|
||||
overflow:visible;
|
||||
z-index:1000;
|
||||
border:none;
|
||||
border:none;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
position:absolute;
|
||||
/* the excerpt you get looks cooler if you select from the middle, but
|
||||
/* the excerpt you get looks cooler if you select from the middle, but
|
||||
the popup version doesn't extend past the containing div's boundaries,
|
||||
so the positioned part is cut off.
|
||||
top:-20px;
|
||||
|
|
@ -304,7 +304,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
.listview.icons {
|
||||
position: absolute;
|
||||
right: 31px;
|
||||
|
||||
|
||||
.booklist-status-img {
|
||||
@include one-border-radius(4px);
|
||||
background-color: #fff;
|
||||
|
|
@ -318,7 +318,7 @@ ul.navigation li a:hover, ul.navigation li.active a {
|
|||
.booklist-status-label, {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.boolist-ebook img {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
|
@ -337,13 +337,13 @@ div#content-block-content {
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
div#libtools {
|
||||
div#libtools {
|
||||
margin-left: 15px;
|
||||
margin-bottom: 1em;
|
||||
border:1px solid $blue-grey;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
|
||||
|
||||
p {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
|
@ -360,7 +360,7 @@ div#libtools {
|
|||
padding: 0 10px 0 10px;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
|
||||
p:first-child {
|
||||
font-size: larger;
|
||||
margin-top: 5px;
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
background:#FFF;
|
||||
margin:0px;
|
||||
@include one-border-radius(4px);
|
||||
border: 1px solid #81bb38;
|
||||
border: 1px solid #81bb38;
|
||||
}
|
||||
|
||||
.buyit {
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
@include greenpanelactionitems(10px, $lineheight);
|
||||
padding:0px 0px 0px $padding;
|
||||
color:$dark-green;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
|
@ -69,12 +69,12 @@
|
|||
padding:0px;
|
||||
margin:0 0 0 0;
|
||||
@include greenpanelactionborders;
|
||||
|
||||
|
||||
a, span {
|
||||
@include greenpanelactionitems(left, 30px);
|
||||
padding:0 $right 0 21px;
|
||||
color:#FFF;
|
||||
|
||||
|
||||
&:hover { @include panelhoverlink;}
|
||||
}
|
||||
}
|
||||
|
|
@ -112,7 +112,7 @@ $charset: "utf-8";
|
|||
color: $text-blue;
|
||||
border: 5px solid $pale-blue;
|
||||
position: relative;
|
||||
|
||||
|
||||
&:hover {
|
||||
color: $text-blue;
|
||||
}
|
||||
|
|
@ -121,7 +121,7 @@ $charset: "utf-8";
|
|||
padding:5px 0px;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
|
||||
.pledge.side1 {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -138,8 +138,8 @@ $charset: "utf-8";
|
|||
line-height:16px;
|
||||
max-height:32px;
|
||||
color: $text-blue;
|
||||
overflow: hidden;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
a {
|
||||
color: $medium-blue;
|
||||
}
|
||||
|
|
@ -153,11 +153,11 @@ $charset: "utf-8";
|
|||
position: absolute;
|
||||
bottom: -3px;
|
||||
width: 140px;
|
||||
|
||||
|
||||
.booklist-status-img {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.booklist-status-label {
|
||||
position: absolute;
|
||||
color: $green;
|
||||
|
|
@ -167,11 +167,11 @@ $charset: "utf-8";
|
|||
font-size: 17px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
|
||||
.panelnope {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.rounded {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
|
@ -181,7 +181,7 @@ span.rounded {
|
|||
@include roundedspan;
|
||||
}
|
||||
|
||||
span.grey {
|
||||
span.grey {
|
||||
@include supporter-color-span(#bacfd6, "grey");
|
||||
}
|
||||
|
||||
|
|
@ -220,17 +220,17 @@ div.panelview.side2 {
|
|||
height: 135px;
|
||||
}
|
||||
.greenpanel2 .button_text {
|
||||
height: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px
|
||||
}
|
||||
.greenpanel2 .bottom_button {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
height: 26px;
|
||||
}
|
||||
.greenpanel2 .add_button {
|
||||
position: absolute;
|
||||
bottom: 60px;
|
||||
position: absolute;
|
||||
bottom: 60px;
|
||||
height: 26px;
|
||||
}
|
||||
|
||||
|
|
@ -240,7 +240,7 @@ div.panelview.side2 {
|
|||
margin: 0px auto 10px auto;
|
||||
padding: 5px 0 10px 0;
|
||||
height:58px;
|
||||
|
||||
|
||||
p{
|
||||
margin:0;
|
||||
}
|
||||
|
|
@ -256,24 +256,24 @@ div.panelview.side2 {
|
|||
|
||||
&:hover { @include panelhoverlink; }
|
||||
}
|
||||
|
||||
|
||||
&.pledge {
|
||||
span {
|
||||
@include readit_inner(25px, 35px);
|
||||
background: none;
|
||||
|
||||
|
||||
&:hover { @include panelhoverlink; }
|
||||
}
|
||||
|
||||
|
||||
background-image: url("#{$image-base}icons/pledgearrow-green.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 90% center;
|
||||
}
|
||||
background-position: 90% center;
|
||||
}
|
||||
}
|
||||
|
||||
.read_itbutton_fail {
|
||||
@include readit;
|
||||
|
||||
|
||||
span {
|
||||
@include readit_inner(15px, 35px);
|
||||
background: none;
|
||||
|
|
@ -287,7 +287,7 @@ div.panelview.side2 {
|
|||
|
||||
.Unglue_itbutton{
|
||||
@include readit;
|
||||
|
||||
|
||||
a {
|
||||
background-image: url("#{$image-base}book-panel/unglue_icon.png");
|
||||
@include readit_inner(25px, 40px);
|
||||
|
|
@ -320,10 +320,10 @@ div.panelview.side2 {
|
|||
a {
|
||||
color:#FFF;
|
||||
text-decoration:none;
|
||||
|
||||
|
||||
&:hover { @include panelhoverlink;}
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
/* necessary to ensure title/author don't overflow onto icons */
|
||||
line-height:16px;
|
||||
|
|
@ -337,7 +337,7 @@ div.panelview.side2 {
|
|||
@include banners(0);
|
||||
background: url("#{$image-base}book-panel/more_icon.png") no-repeat left center;
|
||||
cursor: pointer;
|
||||
|
||||
|
||||
> div {
|
||||
@include height(30px);
|
||||
padding-bottom:8px;
|
||||
|
|
@ -390,7 +390,7 @@ div.panelview.side2 {
|
|||
padding:0px;
|
||||
margin:0px;
|
||||
float:left;
|
||||
|
||||
|
||||
}
|
||||
.right_add{
|
||||
padding:10px;
|
||||
|
|
@ -403,11 +403,11 @@ div.panelview.side2 {
|
|||
margin:0px;
|
||||
padding:0px;
|
||||
left:0px;
|
||||
|
||||
img {
|
||||
|
||||
img {
|
||||
z-index: 100;
|
||||
width: 120px;
|
||||
height: 182px;
|
||||
height: 182px;
|
||||
}
|
||||
|
||||
span {
|
||||
|
|
@ -418,5 +418,5 @@ div.panelview.side2 {
|
|||
z-index: 1000;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
border:none;
|
||||
margin:0;
|
||||
line-height: 16px;
|
||||
|
||||
|
||||
/* Bubble in upper left looks different depending on campaign status */
|
||||
&.ACTIVE {
|
||||
background: $green;
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
&.No.campaign.yet {
|
||||
background: $orange;
|
||||
color: white;
|
||||
|
|
@ -42,15 +42,15 @@
|
|||
span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
|
||||
&.spacer {
|
||||
visibility: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.findtheungluers {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
}
|
||||
|
||||
#js-slide .jsmodule {
|
||||
width: 660px !important;
|
||||
width: 660px !important;
|
||||
}
|
||||
|
||||
#js-search {
|
||||
|
|
@ -74,14 +74,14 @@
|
|||
text-align: left;
|
||||
font-weight: normal;
|
||||
font-size: $font-size-default;
|
||||
|
||||
|
||||
> li {
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.errorlist {
|
||||
margin-top: 7px;
|
||||
|
||||
margin-top: 7px;
|
||||
|
||||
li {
|
||||
width: auto;
|
||||
height: auto;
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
width:470px;
|
||||
margin:0 10px;
|
||||
|
||||
div#content-block {
|
||||
div#content-block {
|
||||
background: none;
|
||||
padding:0;
|
||||
}
|
||||
|
|
@ -113,13 +113,13 @@
|
|||
.add-wishlist, .add-wishlist-workpage, .remove-wishlist-workpage, .remove-wishlist, .on-wishlist, .create-account {
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
|
||||
|
||||
span {
|
||||
font-weight:normal;
|
||||
color:$text-blue;
|
||||
text-transform: none;
|
||||
padding-left:20px;
|
||||
|
||||
|
||||
&.on-wishlist {
|
||||
background:url("#{$image-base}checkmark_small.png") left center no-repeat;
|
||||
cursor: default;
|
||||
|
|
@ -138,15 +138,15 @@
|
|||
/* Center - tabs and content below them */
|
||||
div#content-block-content {
|
||||
padding-left: 5px;
|
||||
|
||||
|
||||
a {
|
||||
color: $medium-blue;
|
||||
}
|
||||
|
||||
|
||||
#tabs-1 img {
|
||||
@include mediaborder-base;
|
||||
}
|
||||
|
||||
|
||||
#tabs-3 {
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
|
@ -154,15 +154,15 @@ div#content-block-content {
|
|||
|
||||
.tabs-content {
|
||||
padding-right: 5px;
|
||||
|
||||
|
||||
iframe {
|
||||
@include mediaborder-base;
|
||||
}
|
||||
|
||||
|
||||
form {
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
|
||||
.clearfix {
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 2px solid $blue-grey;
|
||||
|
|
@ -179,12 +179,12 @@ div#content-block-content {
|
|||
.work_supporter_avatar {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
|
||||
|
||||
img {
|
||||
@include one-border-radius(5px);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.work_supporter_name {
|
||||
@include height(50px);
|
||||
float: left;
|
||||
|
|
@ -197,13 +197,13 @@ div#content-block-content {
|
|||
min-width: 235px;
|
||||
float: left;
|
||||
}
|
||||
.show_supporter_contact_form
|
||||
.show_supporter_contact_form
|
||||
{
|
||||
display:block;
|
||||
margin-left: 5px;
|
||||
float: right;
|
||||
}
|
||||
.supporter_contact_form
|
||||
.supporter_contact_form
|
||||
{
|
||||
display:none;
|
||||
margin-left: 5px;
|
||||
|
|
@ -243,24 +243,24 @@ div#content-block-content {
|
|||
margin-left: -5px;
|
||||
}
|
||||
|
||||
.editions {
|
||||
.editions {
|
||||
div {
|
||||
float:left;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
.image {
|
||||
width: 60px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.metadata {
|
||||
|
||||
.metadata {
|
||||
display:block;
|
||||
overflow: hidden;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -273,7 +273,7 @@ div#content-block-content {
|
|||
|
||||
.show_more_edition {
|
||||
text-align: right;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -283,7 +283,7 @@ div#content-block-content {
|
|||
display:none;
|
||||
clear: both;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 60px;
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.more_ebooks {
|
||||
|
|
@ -300,7 +300,7 @@ div#content-block-content {
|
|||
.add-wishlist, .on-wishlist, .create-account {
|
||||
float: none;
|
||||
}
|
||||
|
||||
|
||||
.on-wishlist {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
|
@ -310,7 +310,7 @@ div#content-block-content {
|
|||
float:right;
|
||||
width:235px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
|
||||
h3.jsmod-title {
|
||||
background:$medium-blue-grey;
|
||||
@include one-border-radius(10px);
|
||||
|
|
@ -320,7 +320,7 @@ div#content-block-content {
|
|||
font-size: $font-size-larger;
|
||||
margin:0 0 10px 0;
|
||||
color: white;
|
||||
|
||||
|
||||
span {
|
||||
padding:0;
|
||||
color:#fff;
|
||||
|
|
@ -331,11 +331,11 @@ div#content-block-content {
|
|||
|
||||
.jsmodule {
|
||||
margin-bottom:10px;
|
||||
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#pledge-rightcol {
|
||||
|
|
@ -346,7 +346,7 @@ div#content-block-content {
|
|||
border:1px solid $blue-grey;
|
||||
@include one-border-radius(10px);
|
||||
padding:10px;
|
||||
}
|
||||
}
|
||||
|
||||
#widgetcode {
|
||||
display: none;
|
||||
|
|
@ -366,18 +366,18 @@ ul.support li {
|
|||
&.last {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
display:block;
|
||||
padding-right:10px;
|
||||
|
||||
&.menu-item-price {
|
||||
&.menu-item-price {
|
||||
font-size: $font-size-header;
|
||||
float: left;
|
||||
display: inline;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
|
||||
&.menu-item-desc {
|
||||
float: none;
|
||||
clear: both;
|
||||
|
|
@ -386,7 +386,7 @@ ul.support li {
|
|||
line-height: $font-size-larger*1.3;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background:$call-to-action url("#{$image-base}icons/pledgearrow-hover.png") 98% center no-repeat;
|
||||
|
|
@ -417,7 +417,7 @@ ul.support li {
|
|||
margin: 20px auto;
|
||||
}
|
||||
|
||||
div#libtools {
|
||||
div#libtools {
|
||||
border:1px solid $blue-grey;
|
||||
@include one-border-radius(10px);
|
||||
padding:10px;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
/* Campaign and manage_campaign use same tab styling, so it's factored out here */
|
||||
|
||||
#tabs{
|
||||
#tabs{
|
||||
border-bottom: 4px solid $medium-blue;
|
||||
clear: both;
|
||||
float: left;
|
||||
|
|
@ -30,7 +30,7 @@ ul.tabs {
|
|||
margin:0;
|
||||
list-style:none;
|
||||
width: 100%;
|
||||
|
||||
|
||||
li {
|
||||
float: left;
|
||||
height: 46px;
|
||||
|
|
@ -40,12 +40,12 @@ ul.tabs {
|
|||
background: none;
|
||||
margin: 0;
|
||||
padding: 0 2px 0 0;
|
||||
|
||||
|
||||
&.tabs4 {
|
||||
padding-right:0px;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
a {
|
||||
height: 41px;
|
||||
line-height: 18px;
|
||||
display:block;
|
||||
|
|
@ -56,16 +56,16 @@ ul.tabs {
|
|||
background:$blue-grey;
|
||||
color:$text-blue;
|
||||
padding-top: 5px;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
div {
|
||||
padding-top: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a:hover, &.active a {
|
||||
background:$medium-blue;
|
||||
color:#fff;
|
||||
|
|
|
|||
|
|
@ -6,27 +6,27 @@
|
|||
margin: 0 5px 8px 0;
|
||||
//min-height: 105px;
|
||||
width: 95%;
|
||||
|
||||
|
||||
&.row1 {
|
||||
background: #f6f9f9;
|
||||
}
|
||||
|
||||
|
||||
&.row2 {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
div {
|
||||
float: left;
|
||||
|
||||
|
||||
img {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.image img {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
|
||||
// so div will stretch to height of content
|
||||
&:after {
|
||||
content: ".";
|
||||
|
|
@ -35,13 +35,13 @@
|
|||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
.nonavatar {
|
||||
width: 620px;
|
||||
|
||||
|
||||
span {
|
||||
padding-right: 5px;
|
||||
|
||||
|
||||
&.text:before {
|
||||
content: "\201C";
|
||||
font-size: $font-size-larger;
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.avatar {
|
||||
float: right;
|
||||
margin: 0 auto;
|
||||
|
|
|
|||
|
|
@ -20,11 +20,11 @@ body {
|
|||
background:$pale-blue;
|
||||
border:1px solid $blue-grey;
|
||||
@include one-border-radius(12px);
|
||||
|
||||
|
||||
.jsmodule {
|
||||
border-bottom:1px solid #3c4e52;
|
||||
width:235px;
|
||||
|
||||
|
||||
&.last {
|
||||
border-bottom:none;
|
||||
padding-bottom:10px;
|
||||
|
|
@ -59,23 +59,23 @@ body {
|
|||
background: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
li {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
|
||||
&.terms {
|
||||
list-style: inherit;
|
||||
list-style-position: inside;
|
||||
padding-left: 1em;
|
||||
text-indent: -1em;
|
||||
|
||||
|
||||
li {
|
||||
@include one-border-radius(auto);
|
||||
background: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.bullets {
|
||||
list-style-type: disc;
|
||||
margin-left: 9px;
|
||||
|
|
@ -101,7 +101,7 @@ dt {
|
|||
dd {
|
||||
margin: 0 0 0 7px;
|
||||
padding-bottom: 7px;
|
||||
|
||||
|
||||
&.margin {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
|
@ -124,7 +124,7 @@ dd {
|
|||
|
||||
.faq {
|
||||
cursor: pointer;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -141,7 +141,7 @@ dd {
|
|||
float: left;
|
||||
padding-right: 15px;
|
||||
margin-bottom: 7px;
|
||||
|
||||
|
||||
&.pressemail {
|
||||
border: solid 2px $text-blue;
|
||||
padding: 5px;
|
||||
|
|
@ -166,7 +166,7 @@ dd {
|
|||
border-bottom: solid 1px $text-blue;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
iframe, div.mediaborder {
|
||||
@include mediaborder-base;
|
||||
}
|
||||
|
|
@ -175,7 +175,7 @@ dd {
|
|||
.pressimages {
|
||||
.outer {
|
||||
clear: both;
|
||||
|
||||
|
||||
div {
|
||||
float: left;
|
||||
width: 25%;
|
||||
|
|
@ -184,8 +184,8 @@ dd {
|
|||
&.text {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
p {
|
||||
|
||||
p {
|
||||
margin: 0 auto;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
|
|
@ -193,7 +193,7 @@ dd {
|
|||
}
|
||||
}
|
||||
clear: both;
|
||||
|
||||
|
||||
.screenshot {
|
||||
width: 150px;
|
||||
@include mediaborder-base;
|
||||
|
|
@ -209,7 +209,7 @@ a.manage {
|
|||
cursor: pointer;
|
||||
@include one-border-radius(5px);
|
||||
border: 1px solid $blue-grey;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -218,7 +218,7 @@ a.manage {
|
|||
.rh_help {
|
||||
cursor: pointer;
|
||||
color: $bright-blue;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -239,7 +239,7 @@ a.manage {
|
|||
|
||||
div {
|
||||
float: left;
|
||||
|
||||
|
||||
&.campaign_info {
|
||||
width: 60%;
|
||||
margin: 5px;
|
||||
|
|
@ -256,7 +256,7 @@ h2.thank-you {
|
|||
.pledge_complete, .pledge_complete a {
|
||||
font-size: $font-size-larger;
|
||||
line-height: 18px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#js-slide .jsmodule.pledge {
|
||||
|
|
@ -268,7 +268,7 @@ ul.social.pledge {
|
|||
float: left;
|
||||
padding-right: 30px !important;
|
||||
}
|
||||
|
||||
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
margin: auto 5px auto 0;
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
width: 50px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
|
||||
|
|
@ -51,14 +51,14 @@
|
|||
padding-bottom: 15px;
|
||||
margin-bottom: 5px;
|
||||
width: 74%;
|
||||
|
||||
|
||||
h3 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#lightbox_content .one_click {
|
||||
border: solid 2px $call-to-action;
|
||||
border: solid 2px $call-to-action;
|
||||
}
|
||||
|
||||
#lightbox_content .ebook_download_container {
|
||||
|
|
@ -75,8 +75,8 @@
|
|||
}
|
||||
|
||||
#lightbox_content ul {
|
||||
padding-left: 50px;
|
||||
|
||||
padding-left: 50px;
|
||||
|
||||
li {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
|
@ -95,15 +95,15 @@
|
|||
padding: 0.5% !important;
|
||||
width: 23% !important;
|
||||
min-width: 105px;
|
||||
|
||||
|
||||
ul {
|
||||
padding: 0.5% !important;
|
||||
}
|
||||
|
||||
|
||||
.jsmod-title {
|
||||
@include one-border-radius(10px);
|
||||
height: auto;
|
||||
|
||||
|
||||
span {
|
||||
padding: 5% !important;
|
||||
color: white !important;
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
border:1px solid $blue-grey;
|
||||
@include one-border-radius(10px);
|
||||
padding:10px;
|
||||
|
||||
|
||||
textarea {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
|
@ -125,7 +125,7 @@
|
|||
|
||||
.btn_support.kindle{
|
||||
height: 40px;
|
||||
|
||||
|
||||
a {
|
||||
width: auto;
|
||||
font-size: $font-size-larger;
|
||||
|
|
|
|||
|
|
@ -9,62 +9,62 @@
|
|||
width:968px;
|
||||
background:#fff url("#{$image-base}landingpage/container-top.png") top center no-repeat;
|
||||
}
|
||||
#js-maincol-fl {
|
||||
#js-maincol-fl {
|
||||
padding:30px 30px 0 30px;
|
||||
overflow:hidden;
|
||||
|
||||
#content-block {
|
||||
background:none;
|
||||
background:none;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#js-main-container {
|
||||
float: left;
|
||||
|
||||
#js-main-container {
|
||||
float: left;
|
||||
width:672px;
|
||||
}
|
||||
|
||||
.js-main-container-inner {
|
||||
|
||||
.js-main-container-inner {
|
||||
padding-right:40px;
|
||||
}
|
||||
|
||||
h2.page-heading {
|
||||
margin:0 0 20px 0;
|
||||
color:$text-blue;
|
||||
font-size: $font-size-header;
|
||||
|
||||
h2.page-heading {
|
||||
margin:0 0 20px 0;
|
||||
color:$text-blue;
|
||||
font-size: $font-size-header;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
#user-block1, .user-block2 {
|
||||
#user-block1, .user-block2 {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#user-block1 {
|
||||
#block-intro-text {
|
||||
float:left;
|
||||
width:702px;
|
||||
#user-block1 {
|
||||
#block-intro-text {
|
||||
float:left;
|
||||
width:702px;
|
||||
font-size: $font-size-header;
|
||||
}
|
||||
|
||||
a#readon {
|
||||
|
||||
a#readon {
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
}
|
||||
|
||||
#js-rightcol, #js-rightcol2 {
|
||||
#js-rightcol, #js-rightcol2 {
|
||||
float:right;
|
||||
width:230px;
|
||||
|
||||
.jsmodule {
|
||||
|
||||
.jsmodule {
|
||||
float: left;
|
||||
width: 208px;
|
||||
background:$pale-blue;
|
||||
border:1px solid $blue-grey;
|
||||
@include one-border-radius(12px);
|
||||
margin-bottom:10px;
|
||||
background:$pale-blue;
|
||||
border:1px solid $blue-grey;
|
||||
@include one-border-radius(12px);
|
||||
margin-bottom:10px;
|
||||
padding: 0 10px 10px 10px;
|
||||
|
||||
|
||||
|
||||
|
||||
input {
|
||||
border: none;
|
||||
@include height(36px);
|
||||
|
|
@ -73,45 +73,45 @@
|
|||
padding-left: 16px;
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
|
||||
input.signup {
|
||||
|
||||
input.signup {
|
||||
border: medium none;
|
||||
|
||||
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
padding: 0 31px 0 11px;
|
||||
width: 111px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
input.donate {
|
||||
input.donate {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding: 0 31px 0 11px;
|
||||
width: 50%;
|
||||
|
||||
|
||||
}
|
||||
.donate_amount {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
div {
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
}
|
||||
}
|
||||
|
||||
div.button {
|
||||
padding-top:10px;
|
||||
text-align: center;
|
||||
|
||||
div.button {
|
||||
padding-top:10px;
|
||||
text-align: center;
|
||||
color: #FFF;
|
||||
}
|
||||
#donatesubmit {
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
label {
|
||||
label {
|
||||
width:100%;
|
||||
display:block;
|
||||
clear:both;
|
||||
|
|
@ -120,41 +120,41 @@
|
|||
}
|
||||
|
||||
|
||||
.js-rightcol-padd {
|
||||
.js-rightcol-padd {
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
h3.heading {
|
||||
color:$text-blue;
|
||||
color:$text-blue;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
ul.ungluingwhat {
|
||||
list-style: none;
|
||||
padding:0;
|
||||
ul.ungluingwhat {
|
||||
list-style: none;
|
||||
padding:0;
|
||||
margin:0 -10px;
|
||||
|
||||
li {
|
||||
margin-bottom:3px;
|
||||
background:#fff;
|
||||
padding: 10px;
|
||||
display:block;
|
||||
|
||||
li {
|
||||
margin-bottom:3px;
|
||||
background:#fff;
|
||||
padding: 10px;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
|
||||
> span {
|
||||
|
||||
> span {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.user-avatar {
|
||||
|
||||
.user-avatar {
|
||||
width:43px;
|
||||
|
||||
|
||||
img {
|
||||
@include one-border-radius(5px);
|
||||
}
|
||||
}
|
||||
|
||||
.user-book-info {
|
||||
|
||||
.user-book-info {
|
||||
margin-left: 5px;
|
||||
width: 160px;
|
||||
word-wrap: break-word;
|
||||
|
|
@ -166,17 +166,17 @@ ul.ungluingwhat {
|
|||
}
|
||||
}
|
||||
|
||||
div.typo2 {
|
||||
background:$pale-blue;
|
||||
@include one-border-radius(12px);
|
||||
padding:10px;
|
||||
div.typo2 {
|
||||
background:$pale-blue;
|
||||
@include one-border-radius(12px);
|
||||
padding:10px;
|
||||
font-style:italic;
|
||||
}
|
||||
|
||||
div.signup_btn {
|
||||
div.signup_btn {
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
|
||||
|
||||
a {
|
||||
background: url("#{$image-base}bg.png") no-repeat scroll right top transparent;
|
||||
color: #fff;
|
||||
|
|
@ -188,7 +188,7 @@ div.signup_btn {
|
|||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
float:left;
|
||||
|
||||
|
||||
span {
|
||||
background: url("#{$image-base}bg.png") no-repeat scroll -770px -36px transparent;
|
||||
display: block;
|
||||
|
|
@ -199,64 +199,64 @@ div.signup_btn {
|
|||
}
|
||||
|
||||
.have-content-right-module {
|
||||
.item-content {
|
||||
float:left;
|
||||
width:364px;
|
||||
.item-content {
|
||||
float:left;
|
||||
width:364px;
|
||||
font-size: $font-size-larger;
|
||||
height: 132px;
|
||||
border-bottom:7px solid $bright-blue;
|
||||
|
||||
p {
|
||||
margin-bottom:20px;
|
||||
border-bottom:7px solid $bright-blue;
|
||||
|
||||
p {
|
||||
margin-bottom:20px;
|
||||
line-height:135%;
|
||||
}
|
||||
|
||||
h2.page-heading {
|
||||
|
||||
h2.page-heading {
|
||||
padding-right:97px;
|
||||
line-height:43px;
|
||||
padding-bottom:4px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.content-right-module {
|
||||
width:268px;
|
||||
float:right;
|
||||
|
||||
|
||||
h3 {
|
||||
color:$bright-blue;
|
||||
text-transform:uppercase;
|
||||
font-size:24px;
|
||||
font-weight:normal;
|
||||
padding:0;
|
||||
text-transform:uppercase;
|
||||
font-size:24px;
|
||||
font-weight:normal;
|
||||
padding:0;
|
||||
margin:0 0 16px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h2.page-heading {
|
||||
h2.page-heading {
|
||||
color:#3c4e52;
|
||||
font-size:28px !important;
|
||||
font-style:italic;
|
||||
font-weight:normal !important;
|
||||
}
|
||||
|
||||
#js-maincontainer-faq {
|
||||
clear: both;
|
||||
overflow:hidden;
|
||||
margin:15px 0;
|
||||
#js-maincontainer-faq {
|
||||
clear: both;
|
||||
overflow:hidden;
|
||||
margin:15px 0;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.js-maincontainer-faq-inner {
|
||||
float:right;
|
||||
color:$text-blue;
|
||||
font-size: $font-size-larger;
|
||||
.js-maincontainer-faq-inner {
|
||||
float:right;
|
||||
color:$text-blue;
|
||||
font-size: $font-size-larger;
|
||||
padding-right:60px;
|
||||
|
||||
a {
|
||||
|
||||
a {
|
||||
font-weight:normal;
|
||||
color:$text-blue;
|
||||
color:$text-blue;
|
||||
text-decoration:underline;
|
||||
}
|
||||
}
|
||||
|
|
@ -290,7 +290,7 @@ a.more_featured_books {
|
|||
margin: 5px 0;
|
||||
border: 5px solid white;
|
||||
line-height: 305px;
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
border-color: $pale-blue;
|
||||
|
|
@ -318,11 +318,11 @@ ul#as_seen_on {
|
|||
list-style-type: none;
|
||||
padding: 10px;
|
||||
line-height: 80px;
|
||||
|
||||
|
||||
&:hover {
|
||||
background: $bright-blue;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
max-width: 131px;
|
||||
|
|
@ -351,11 +351,11 @@ ul#as_seen_on {
|
|||
border-style: solid;
|
||||
border-color: $medium-blue transparent;
|
||||
/* reduce the damage in FF3.0 */
|
||||
display:block;
|
||||
display:block;
|
||||
width:0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
|
|
@ -367,10 +367,10 @@ ul#as_seen_on {
|
|||
border-style: solid;
|
||||
border-color: #fff transparent;
|
||||
/* reduce the damage in FF3.0 */
|
||||
display:block;
|
||||
display:block;
|
||||
width:0;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
padding-left: 1em;
|
||||
&:before {
|
||||
|
|
@ -380,7 +380,7 @@ ul#as_seen_on {
|
|||
font-size: $font-size-header*2;
|
||||
content:"\201C";
|
||||
}
|
||||
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: .75em;
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
@import "variables.scss";
|
||||
|
||||
.user-block {
|
||||
width:100%;
|
||||
width:100%;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#user-block1 {
|
||||
width:100%;
|
||||
|
||||
|
||||
a#readon {
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -17,13 +17,13 @@
|
|||
background: none;
|
||||
}
|
||||
|
||||
.learnmore_block {
|
||||
.learnmore_block {
|
||||
float: left;
|
||||
width:100%;
|
||||
width:100%;
|
||||
clear:both;
|
||||
border-top: solid 1px $bright-blue;
|
||||
margin-top: 20px;
|
||||
|
||||
|
||||
.learnmore_row{
|
||||
border-bottom: dashed 2px $bright-blue;
|
||||
clear: left;
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
}
|
||||
.arrow {
|
||||
font-size: 24pt;
|
||||
color: $bright-blue;
|
||||
color: $bright-blue;
|
||||
line-height: 48pt;
|
||||
float: left;
|
||||
padding-right: 8px;
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
font-size: 48pt;
|
||||
line-height: 48pt;
|
||||
font-style: normal;
|
||||
|
||||
|
||||
.makeaskgive{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
|
@ -97,7 +97,7 @@
|
|||
display: inherit;
|
||||
font-size: 10pt;
|
||||
padding: .7em 1em;
|
||||
top: -15px;
|
||||
top: -15px;
|
||||
}
|
||||
}
|
||||
&.last {
|
||||
|
|
@ -109,7 +109,7 @@
|
|||
color: $call-to-action;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
|
||||
|
||||
img {
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
|
|
@ -117,11 +117,11 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.right {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="submit"].qtbutton{
|
||||
|
|
@ -133,7 +133,7 @@ input[type="submit"].qtbutton{
|
|||
display: none;
|
||||
line-height: 25px;
|
||||
padding-bottom: 10px;
|
||||
|
||||
|
||||
&#active {
|
||||
display: inherit;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,27 +6,27 @@
|
|||
margin: 0 5px 8px 0;
|
||||
//min-height: 105px;
|
||||
width: 95%;
|
||||
|
||||
|
||||
&.row1 {
|
||||
background: #f6f9f9;
|
||||
}
|
||||
|
||||
|
||||
&.row2 {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
div {
|
||||
float: left;
|
||||
|
||||
|
||||
img {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.image img {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
|
||||
// so div will stretch to height of content
|
||||
&:after {
|
||||
content: ".";
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
margin: 0 auto;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
}
|
||||
|
||||
input[name="launch"] {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#launchme {
|
||||
|
|
@ -19,7 +19,7 @@ input[name="launch"] {
|
|||
span, input[type="text"], textarea {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
input[type="submit"] {
|
||||
float: right;
|
||||
}
|
||||
|
|
@ -27,16 +27,16 @@ input[name="launch"] {
|
|||
input[type="text"] {
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
|
||||
textarea {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
|
||||
.premium_add_label {
|
||||
width: 30%;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
|
||||
.premium_field_label {
|
||||
width: 1%;
|
||||
margin-left: -1%;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
background: $pale-blue;
|
||||
padding: 10px 20px;
|
||||
margin: -15px auto 7px 7px;
|
||||
|
||||
|
||||
a {
|
||||
font-size: $font-size-default;
|
||||
font-weight: bold;
|
||||
|
|
@ -25,7 +25,7 @@ th {
|
|||
|
||||
tr {
|
||||
line-height:24px;
|
||||
|
||||
|
||||
&.row1{
|
||||
background: $pale-blue;
|
||||
}
|
||||
|
|
@ -34,7 +34,7 @@ tr {
|
|||
td {
|
||||
padding-left: 7px;
|
||||
padding-right: 7px;
|
||||
|
||||
|
||||
&#last {
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -50,7 +50,7 @@ table input[type="submit"] {
|
|||
.comments {
|
||||
border: solid 3px $blue-grey;
|
||||
margin: 3px auto;
|
||||
|
||||
|
||||
hr {
|
||||
margin: 10px auto 5px;
|
||||
color: $blue-grey;
|
||||
|
|
@ -58,40 +58,40 @@ table input[type="submit"] {
|
|||
height:2px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
.comments_book {
|
||||
@include mediaborder-base;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
max-width: 80px;
|
||||
|
||||
|
||||
img {
|
||||
max-width: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.comments_textual {
|
||||
padding: 10px 5px 5px;
|
||||
|
||||
|
||||
div {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.comments_info {
|
||||
.comments_info {
|
||||
border-bottom: solid 1px $blue-grey;
|
||||
padding: 5px;
|
||||
|
||||
div {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.comments_graphical {
|
||||
padding: 5px auto;
|
||||
}
|
||||
|
||||
span {
|
||||
text-indent: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
padding: 10px 0;
|
||||
font-size: $font-size-default;
|
||||
line-height: $font-size-default*1.5;
|
||||
|
||||
|
||||
.helptext {
|
||||
font-style: italic;
|
||||
|
||||
|
|
@ -28,12 +28,12 @@
|
|||
@include one-border-radius(5px);
|
||||
margin: 10px auto;
|
||||
padding: 9px;
|
||||
width: 45%;
|
||||
|
||||
width: 45%;
|
||||
|
||||
.google_signup {
|
||||
padding: 21px;
|
||||
}
|
||||
|
||||
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 90%;
|
||||
}
|
||||
|
|
@ -45,9 +45,9 @@
|
|||
margin: 10px auto;
|
||||
float: none;
|
||||
padding: 10px;
|
||||
width: 50%;
|
||||
|
||||
|
||||
width: 50%;
|
||||
|
||||
|
||||
input[type="text"], input[type="password"] {
|
||||
width: 90%;
|
||||
}
|
||||
|
|
@ -69,43 +69,43 @@
|
|||
p {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0 auto;
|
||||
width:210px;
|
||||
background:url("#{$image-base}landingpage/search-box-two.png") 0 0 no-repeat;
|
||||
height:36px;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
|
||||
form {
|
||||
margin: 0 auto;
|
||||
width:210px;
|
||||
background:url("#{$image-base}landingpage/search-box-two.png") 0 0 no-repeat;
|
||||
height:36px;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
|
||||
input {
|
||||
&.inputbox {
|
||||
border:none;
|
||||
color:#66942e;
|
||||
@include height(26px);
|
||||
font-size: $font-size-default;
|
||||
float:left;
|
||||
padding:0;
|
||||
margin:5px 0 5px 20px;
|
||||
&.inputbox {
|
||||
border:none;
|
||||
color:#66942e;
|
||||
@include height(26px);
|
||||
font-size: $font-size-default;
|
||||
float:left;
|
||||
padding:0;
|
||||
margin:5px 0 5px 20px;
|
||||
width: 149px;
|
||||
outline: none;
|
||||
|
||||
|
||||
&:focus {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.greenbutton[type="submit"] {
|
||||
|
||||
&.greenbutton[type="submit"] {
|
||||
background:url("#{$image-base}landingpage/search-button-two.png") 0 0 no-repeat;
|
||||
width:40px;
|
||||
height:40px;
|
||||
padding:0;
|
||||
margin:0;
|
||||
border:none;
|
||||
display:block;
|
||||
float: right;
|
||||
text-indent:-10000px;
|
||||
width:40px;
|
||||
height:40px;
|
||||
padding:0;
|
||||
margin:0;
|
||||
border:none;
|
||||
display:block;
|
||||
float: right;
|
||||
text-indent:-10000px;
|
||||
font-size:0;
|
||||
@include one-border-radius(0);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ span.rounded {
|
|||
@include roundedspan;
|
||||
}
|
||||
|
||||
span.grey {
|
||||
span.grey {
|
||||
@include supporter-color-span(#bacfd6, grey);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,44 +1,44 @@
|
|||
@import "variables.scss";
|
||||
|
||||
#js-maincontainer-bot-block {
|
||||
clear:both;
|
||||
#js-maincontainer-bot-block {
|
||||
clear:both;
|
||||
overflow:visible;
|
||||
margin-top:55px;
|
||||
|
||||
#js-search {
|
||||
|
||||
#js-search {
|
||||
@include one-border-radius(64px);
|
||||
background-color: $call-to-action;
|
||||
width:652px;
|
||||
height:80px;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
color:#fff;
|
||||
|
||||
width:652px;
|
||||
height:80px;
|
||||
overflow:hidden;
|
||||
clear:both;
|
||||
color:#fff;
|
||||
|
||||
label {
|
||||
line-height:80px;
|
||||
font-size: $font-size-header;
|
||||
float:left;
|
||||
padding:0;
|
||||
width:auto;
|
||||
line-height:80px;
|
||||
font-size: $font-size-header;
|
||||
float:left;
|
||||
padding:0;
|
||||
width:auto;
|
||||
padding:0 15px 0 30px;
|
||||
}
|
||||
|
||||
form {
|
||||
float:left;
|
||||
width:210px;
|
||||
background:url("#{$image-base}landingpage/search-box-two.png") 0 0 no-repeat;
|
||||
height:36px;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
|
||||
form {
|
||||
float:left;
|
||||
width:210px;
|
||||
background:url("#{$image-base}landingpage/search-box-two.png") 0 0 no-repeat;
|
||||
height:36px;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
margin-top:22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#js-slideshow {
|
||||
padding:0 30px;
|
||||
#js-slideshow {
|
||||
padding:0 30px;
|
||||
position:relative;
|
||||
|
||||
|
||||
a.prev {
|
||||
@include clickyarrows();
|
||||
background:url("#{$image-base}landingpage/arrow-left.png") 0 0 no-repeat;
|
||||
|
|
@ -48,8 +48,8 @@
|
|||
a.next {
|
||||
@include clickyarrows();
|
||||
background:url("#{$image-base}landingpage/arrow-right.png") 0 0 no-repeat;
|
||||
right: 0;
|
||||
}
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.spacer {
|
||||
|
|
@ -59,45 +59,45 @@
|
|||
|
||||
|
||||
#js-search input {
|
||||
&.inputbox {
|
||||
border:none;
|
||||
color:#66942e;
|
||||
@include height(26px);
|
||||
font-size: $font-size-default;
|
||||
float:left;
|
||||
padding:0;
|
||||
margin:5px 0 5px 20px;
|
||||
&.inputbox {
|
||||
border:none;
|
||||
color:#66942e;
|
||||
@include height(26px);
|
||||
font-size: $font-size-default;
|
||||
float:left;
|
||||
padding:0;
|
||||
margin:5px 0 5px 20px;
|
||||
width: 149px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.greenbutton {
|
||||
|
||||
&.greenbutton {
|
||||
background:url("#{$image-base}landingpage/search-button-two.png") 0 0 no-repeat;
|
||||
width:40px;
|
||||
height:40px;
|
||||
padding:0;
|
||||
margin:0;
|
||||
border:none;
|
||||
display:block;
|
||||
float: right;
|
||||
text-indent:-10000px;
|
||||
width:40px;
|
||||
height:40px;
|
||||
padding:0;
|
||||
margin:0;
|
||||
border:none;
|
||||
display:block;
|
||||
float: right;
|
||||
text-indent:-10000px;
|
||||
font-size:0;
|
||||
}
|
||||
}
|
||||
|
||||
#js-slide .jsmodule > h3 {
|
||||
background:url("#{$image-base}landingpage/bg-slide.png") bottom center no-repeat;
|
||||
padding-bottom:7px;
|
||||
#js-slide .jsmodule > h3 {
|
||||
background:url("#{$image-base}landingpage/bg-slide.png") bottom center no-repeat;
|
||||
padding-bottom:7px;
|
||||
padding-left:35px;
|
||||
|
||||
span {
|
||||
background:$bright-blue;
|
||||
color:#fff;
|
||||
padding:10px 20px;
|
||||
@include border-radius(10px, 10px, 0, 0);
|
||||
font-size: $font-size-header;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
|
||||
span {
|
||||
background:$bright-blue;
|
||||
color:#fff;
|
||||
padding:10px 20px;
|
||||
@include border-radius(10px, 10px, 0, 0);
|
||||
font-size: $font-size-header;
|
||||
overflow:hidden;
|
||||
display:inline-block;
|
||||
font-weight:normal;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
margin:10px auto 0 auto;
|
||||
font-size: $font-size-larger;
|
||||
line-height: $font-size-larger*1.5;
|
||||
|
||||
|
||||
&.pale {
|
||||
border-color: $blue-grey;
|
||||
font-size: $font-size-default;
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
text-transform:uppercase;
|
||||
color:$text-blue;
|
||||
font-size: $font-size-larger;
|
||||
display:block;
|
||||
display:block;
|
||||
}
|
||||
|
||||
@mixin utilitylinks($topbottom, $leftright, $fontsize)
|
||||
|
|
@ -86,7 +86,7 @@ body{
|
|||
bottom: 10%;
|
||||
right: 0;
|
||||
z-index:500;
|
||||
|
||||
|
||||
p {
|
||||
/* see http://scottgale.com/blog/css-vertical-text/2010/03/01/ */
|
||||
a {
|
||||
|
|
@ -120,11 +120,11 @@ body{
|
|||
a {
|
||||
font-weight:bold;
|
||||
font-size: inherit;
|
||||
|
||||
|
||||
text-decoration:none;
|
||||
cursor:pointer;
|
||||
color: $medium-blue;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
|
@ -150,8 +150,8 @@ img {
|
|||
border:none;
|
||||
}
|
||||
|
||||
img.user-avatar {
|
||||
float:left;
|
||||
img.user-avatar {
|
||||
float:left;
|
||||
margin-right:10px;
|
||||
@include one-border-radius(7px);
|
||||
}
|
||||
|
|
@ -159,7 +159,7 @@ img.user-avatar {
|
|||
input, textarea, a.fakeinput {
|
||||
border: 2px solid $blue-grey;
|
||||
@include one-border-radius(5px);
|
||||
|
||||
|
||||
&:focus {
|
||||
border: 2px solid $call-to-action;
|
||||
outline: none;
|
||||
|
|
@ -183,7 +183,7 @@ h2 {
|
|||
color:$text-blue;
|
||||
float:left;
|
||||
width:50%;
|
||||
|
||||
|
||||
span {
|
||||
font-style:italic;
|
||||
}
|
||||
|
|
@ -197,7 +197,7 @@ h3 {
|
|||
padding:0;
|
||||
margin:0;
|
||||
height:2.3em;
|
||||
|
||||
|
||||
span {
|
||||
font-size: $font-size-header;
|
||||
font-style: italic;
|
||||
|
|
@ -213,7 +213,7 @@ input[type="submit"], a.fakeinput {
|
|||
color: white;
|
||||
font-weight: bold;
|
||||
padding: 0.5em 1em;
|
||||
cursor: pointer;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -249,7 +249,7 @@ ul.menu{
|
|||
|
||||
.errorlist + input {
|
||||
border: 2px solid $alert !important;
|
||||
|
||||
|
||||
&:focus {
|
||||
border: 1px solid $call-to-action !important;
|
||||
}
|
||||
|
|
@ -257,7 +257,7 @@ ul.menu{
|
|||
|
||||
.errorlist + textarea {
|
||||
border: 2px solid $alert !important;
|
||||
|
||||
|
||||
&:focus {
|
||||
border: 2px solid $call-to-action !important;
|
||||
}
|
||||
|
|
@ -274,7 +274,7 @@ ul.menu{
|
|||
line-height: 16px;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
text-align: left;
|
||||
text-align: left;
|
||||
display: inline;
|
||||
li {
|
||||
display: inline;
|
||||
|
|
@ -298,7 +298,7 @@ ul.menu{
|
|||
.js-logo {
|
||||
float:left;
|
||||
padding-top:10px;
|
||||
|
||||
|
||||
a {
|
||||
img { border: none;}
|
||||
}
|
||||
|
|
@ -313,13 +313,13 @@ ul.menu{
|
|||
@include one-border-radius(5px);
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
|
||||
&#authenticated:hover, &#authenticated.highlight {
|
||||
background: $blue-grey;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
ul {
|
||||
&#user_menu {
|
||||
white-space:nowrap;
|
||||
|
|
@ -331,14 +331,14 @@ ul.menu{
|
|||
padding: 0;
|
||||
overflow: visible;
|
||||
margin: 0;
|
||||
|
||||
|
||||
li {
|
||||
border-top: 1px solid white;
|
||||
list-style-type: none;
|
||||
float: none;
|
||||
background: $blue-grey;
|
||||
padding: 7px 10px;
|
||||
|
||||
|
||||
&:hover {
|
||||
background: $call-to-action;
|
||||
a {
|
||||
|
|
@ -351,12 +351,12 @@ ul.menu{
|
|||
color: $text-blue;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
height: auto;
|
||||
line-height: $font-size-larger*1.75;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
|
@ -367,31 +367,31 @@ ul.menu{
|
|||
float:left;
|
||||
position: relative;
|
||||
z-index: 50;
|
||||
|
||||
|
||||
.notbutton{
|
||||
color:$text-blue;
|
||||
color:$text-blue;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
@include header-text;
|
||||
}
|
||||
|
||||
|
||||
span#welcome {
|
||||
@include header-text;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
&.last {
|
||||
padding-left: 20px;
|
||||
|
||||
|
||||
a {
|
||||
|
||||
|
||||
span {
|
||||
@include border-radius(32px, 0, 0, 32px);
|
||||
background-color: $call-to-action;
|
||||
|
|
@ -403,8 +403,8 @@ ul.menu{
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.unseen_count {
|
||||
|
||||
.unseen_count {
|
||||
border: solid 2px;
|
||||
@include one-border-radius(700px);
|
||||
padding: 3px;
|
||||
|
|
@ -412,13 +412,13 @@ ul.menu{
|
|||
width: 16px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
|
||||
|
||||
&#i_haz_notifications {
|
||||
background-color: $call-to-action;
|
||||
color: white;
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
|
||||
&#no_notifications_for_you {
|
||||
border-color: $pale-blue;
|
||||
background-color: $pale-blue;
|
||||
|
|
@ -453,19 +453,19 @@ form.login, #login form {
|
|||
line-height: 20px;
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
|
||||
|
||||
input {
|
||||
width: 90%;
|
||||
@include one-border-radius(5px);
|
||||
border: 1px solid $blue-grey;
|
||||
@include height(18px);
|
||||
margin-bottom: 6px;
|
||||
|
||||
|
||||
&[type=submit] {
|
||||
text-decoration: capitalize;
|
||||
@include actionbuttons;
|
||||
}
|
||||
|
||||
|
||||
&:focus {
|
||||
border: solid 1px $call-to-action;
|
||||
}
|
||||
|
|
@ -476,12 +476,12 @@ form.login, #login form {
|
|||
margin-bottom: $font-size-default;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
|
||||
input[type="submit"] {
|
||||
font-size: $font-size-larger;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
span.helptext {
|
||||
display: block;
|
||||
margin-top: -11px;
|
||||
|
|
@ -498,12 +498,12 @@ form.login, #login form {
|
|||
float:left;
|
||||
padding-top:25px;
|
||||
margin-left: 81px;
|
||||
|
||||
|
||||
input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.inputbox {
|
||||
padding:0 0 0 15px;
|
||||
margin:0;
|
||||
|
|
@ -519,7 +519,7 @@ form.login, #login form {
|
|||
float: left;
|
||||
color:$medium-blue;
|
||||
}
|
||||
|
||||
|
||||
.button {
|
||||
background:url("#{$image-base}blue-search-button.png") no-repeat;
|
||||
padding:0;
|
||||
|
|
@ -533,7 +533,7 @@ form.login, #login form {
|
|||
}
|
||||
}
|
||||
|
||||
.js-search-inner {
|
||||
.js-search-inner {
|
||||
float:right;
|
||||
}
|
||||
|
||||
|
|
@ -559,7 +559,7 @@ a#readon {
|
|||
font-size: $font-size-default;
|
||||
|
||||
font-weight:bold;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.spread_the_word {
|
||||
|
|
@ -574,15 +574,15 @@ a#readon {
|
|||
float:left;
|
||||
width:235px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
|
||||
a {
|
||||
font-weight:normal;
|
||||
|
||||
|
||||
&:hover{
|
||||
text-decoration:underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.jsmod-content {
|
||||
border: solid 1px $pale-blue;
|
||||
@include border-radius(0, 0, 10px, 10px);
|
||||
|
|
@ -591,19 +591,19 @@ a#readon {
|
|||
ul {
|
||||
&.level1 > li > a, &.level1 > li > span {
|
||||
border-bottom:1px solid $pale-blue;
|
||||
border-top:1px solid $pale-blue;
|
||||
border-top:1px solid $pale-blue;
|
||||
@include utilityheaders;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
&.level2 li {
|
||||
@include utilitylinks(5px, 20px, $font-size-larger);
|
||||
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
@include one-border-radius(5px);
|
||||
}
|
||||
|
||||
|
||||
.ungluer-name {
|
||||
@include height(30px);
|
||||
}
|
||||
|
|
@ -621,7 +621,7 @@ a#readon {
|
|||
width: 32px;
|
||||
}
|
||||
a span.thumbnail-caption {
|
||||
font-size: $font-size-small;
|
||||
font-size: $font-size-small;
|
||||
display: inline-block;
|
||||
width: 154px;
|
||||
overflow-y: scroll;
|
||||
|
|
@ -670,7 +670,7 @@ div#content-block {
|
|||
background:url($background-header) 100% -223px no-repeat;
|
||||
padding:0 0 0 7px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
|
||||
&.jsmodule {
|
||||
background: none;
|
||||
}
|
||||
|
|
@ -689,7 +689,7 @@ div#content-block-content, div#content-block-content-1 {
|
|||
width:100%;
|
||||
overflow:hidden;
|
||||
padding-left: 10px;
|
||||
|
||||
|
||||
.cols3 .column {
|
||||
width:33.33%;
|
||||
float:left;
|
||||
|
|
@ -704,18 +704,18 @@ div#content-block-content, div#content-block-content-1 {
|
|||
padding: 15px 0px 45px 0px;
|
||||
margin-top: 15px;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
.column {
|
||||
float:left;
|
||||
width: 25%;
|
||||
padding-top:5px;
|
||||
|
||||
|
||||
ul {
|
||||
padding-top:5px;
|
||||
margin-left:0;
|
||||
padding-left:0;
|
||||
}
|
||||
|
||||
|
||||
li {
|
||||
@include utilitylinks(5px, 0, $font-size-larger);
|
||||
text-transform: none;
|
||||
|
|
@ -768,7 +768,7 @@ a.nounderline {
|
|||
top: 25%;
|
||||
padding: 9px;
|
||||
max-width: 90%;
|
||||
|
||||
|
||||
.collapser_x {
|
||||
margin-top: -27px;
|
||||
margin-right: -27px;
|
||||
|
|
@ -780,38 +780,38 @@ a.nounderline {
|
|||
padding: 9px 0;
|
||||
font-size: $font-size-larger;
|
||||
line-height: 20px;
|
||||
|
||||
|
||||
a {
|
||||
font-size: $font-size-larger;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
b {
|
||||
color: $call-to-action;
|
||||
}
|
||||
|
||||
|
||||
&.last {
|
||||
border-bottom: solid 2px $blue-grey;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.right_border {
|
||||
border-right: solid 1px $blue-grey;
|
||||
float: left;
|
||||
padding: 9px;
|
||||
}
|
||||
|
||||
|
||||
.signuptoday {
|
||||
float: right;
|
||||
margin-top: 0;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
|
||||
h2 + form, h3 + form, h4 + form {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
|
||||
h2, h3, h4 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
|
@ -830,7 +830,7 @@ a.nounderline {
|
|||
float: right;
|
||||
@include height(24px);
|
||||
width: 24px;
|
||||
@include one-border-radius(24px);
|
||||
@include one-border-radius(24px);
|
||||
-moz-box-shadow: -1px 1px $text-blue;
|
||||
-webkit-box-shadow: -1px 1px $text-blue;
|
||||
box-shadow: -1px 1px $text-blue;
|
||||
|
|
@ -848,12 +848,12 @@ a.nounderline {
|
|||
a {
|
||||
padding-right: 17px;
|
||||
color: white;
|
||||
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
padding:0 15px;
|
||||
@include height(36px);
|
||||
float: left;
|
||||
|
|
@ -878,7 +878,7 @@ li.checked {
|
|||
.btn_support {
|
||||
margin: 10px;
|
||||
width: 215px;
|
||||
|
||||
|
||||
a, form input, > span {
|
||||
font-size: $font-size-shout;
|
||||
border: 4px solid $blue-grey;
|
||||
|
|
@ -898,33 +898,33 @@ li.checked {
|
|||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.create-account span {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: none;
|
||||
}
|
||||
|
||||
|
||||
a:hover, form input:hover {
|
||||
background-color: darken($call-to-action, 7%);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
width: 207px;
|
||||
}
|
||||
|
||||
|
||||
form input {
|
||||
width: 215px;
|
||||
}
|
||||
|
||||
|
||||
&.modify a, &.modify form input {
|
||||
background-color: $medium-blue-grey;
|
||||
|
||||
|
||||
&:hover {
|
||||
background-color: darken($medium-blue-grey, 7%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* download page */
|
||||
|
|
@ -934,30 +934,30 @@ li.checked {
|
|||
border-bottom: solid $blue-grey 1px;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
|
||||
|
||||
> div {
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
font-size: $font-size-larger;
|
||||
line-height: $font-size-larger*1.5;
|
||||
width: 98%;
|
||||
|
||||
|
||||
&.active {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.one_click {
|
||||
float: left;
|
||||
& > div {
|
||||
float: left;
|
||||
|
||||
|
||||
#kindle a, .kindle a , #marvin a, .marvin a, #mac_ibooks a, .mac_ibooks a{
|
||||
font-size: $font-size-larger;
|
||||
padding: 9px 0;
|
||||
}
|
||||
|
||||
|
||||
div {
|
||||
margin: 0 10px 0 0;
|
||||
}
|
||||
|
|
@ -993,7 +993,7 @@ li.checked {
|
|||
padding: 10px;
|
||||
font-size: $font-size-header;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
#id_preapproval_amount {
|
||||
width: 50%;
|
||||
|
|
@ -1001,8 +1001,8 @@ li.checked {
|
|||
font-size: $font-size-larger;
|
||||
}
|
||||
#askblock {
|
||||
float:right;
|
||||
min-width:260px;
|
||||
float:right;
|
||||
min-width:260px;
|
||||
background: $pale-blue;
|
||||
padding: 10px;
|
||||
width:30%
|
||||
|
|
|
|||
|
|
@ -3,14 +3,14 @@
|
|||
{
|
||||
background:url("#{$image-base}icons/#{$sharewhere}.png") 10px center no-repeat;
|
||||
cursor: pointer;
|
||||
|
||||
|
||||
span {
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
|
||||
&:hover {
|
||||
background:$call-to-action url("#{$image-base}icons/#{$sharewhere}-hover.png") 10px center no-repeat;
|
||||
|
||||
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
|
|
@ -28,19 +28,19 @@ ul.social {
|
|||
line-height: 28px !important;
|
||||
margin: 0 !important;
|
||||
@include one-border-radius(0px);
|
||||
|
||||
|
||||
&.facebook {
|
||||
@include shareclass("facebook");
|
||||
}
|
||||
|
||||
|
||||
&.twitter {
|
||||
@include shareclass("twitter");
|
||||
}
|
||||
|
||||
|
||||
&.email {
|
||||
@include shareclass("email");
|
||||
}
|
||||
|
||||
|
||||
&.embed {
|
||||
@include shareclass("embed");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@import "variables.scss";
|
||||
|
||||
.block-inner {
|
||||
.block-inner {
|
||||
padding-right:10px;
|
||||
}
|
||||
|
||||
|
|
@ -14,38 +14,38 @@
|
|||
width:100%;
|
||||
clear:both;
|
||||
padding-top: 10px;
|
||||
|
||||
.block {
|
||||
float:left;
|
||||
|
||||
.block {
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
.block1, .block3 {
|
||||
width:25%;
|
||||
}
|
||||
|
||||
|
||||
.block2 {
|
||||
width:50%;
|
||||
|
||||
|
||||
div {
|
||||
float: left;
|
||||
max-width: 340px;
|
||||
}
|
||||
|
||||
|
||||
input {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
float:left;
|
||||
input {
|
||||
float:left;
|
||||
margin:3px 10px 0 0;
|
||||
width: 45%;
|
||||
|
||||
|
||||
&[type=checkbox] {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
&#librarything_input, &#goodreads_input {
|
||||
width: auto;
|
||||
cursor: pointer;
|
||||
|
|
@ -53,25 +53,25 @@
|
|||
color: $text-blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
&.profile-save {
|
||||
width: 116px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
label {
|
||||
float:left;
|
||||
float:left;
|
||||
width:90%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
textarea {
|
||||
width:95%;
|
||||
}
|
||||
|
||||
|
||||
select {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#user-block1 {
|
||||
|
|
@ -102,14 +102,14 @@
|
|||
width:75%;
|
||||
}
|
||||
|
||||
.user-block3,
|
||||
.user-block3,
|
||||
.user-block4 {
|
||||
float:left;
|
||||
width:25%;
|
||||
|
||||
|
||||
&.recommended {
|
||||
margin-top: auto;
|
||||
|
||||
|
||||
img {
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
|
@ -134,7 +134,7 @@
|
|||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 60px;
|
||||
|
||||
|
||||
img {
|
||||
vertical-align:text-bottom;
|
||||
border:1px solid #d4d4d4;
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.social {
|
||||
.social {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
|
|
@ -152,7 +152,7 @@
|
|||
margin-right: -5px;
|
||||
border: 2px solid white;
|
||||
padding: 3px 2px 2px 3px;
|
||||
|
||||
|
||||
&:hover {
|
||||
border: 2px solid $call-to-action;
|
||||
@include one-border-radius(5px);
|
||||
|
|
@ -169,7 +169,7 @@ span.special-user-name {
|
|||
}
|
||||
|
||||
span.user-name,
|
||||
span.user-short-info {
|
||||
span.user-short-info {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
@ -178,14 +178,14 @@ span.user-short-info {
|
|||
}
|
||||
|
||||
span.user-name,
|
||||
span.user-name a {
|
||||
span.user-name a {
|
||||
font-size: $font-size-default;
|
||||
color:$text-blue;
|
||||
}
|
||||
|
||||
span.user-status-title {
|
||||
float:left;
|
||||
margin-right: 8px;
|
||||
span.user-status-title {
|
||||
float:left;
|
||||
margin-right: 8px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
|
|
@ -197,26 +197,26 @@ span.blue {
|
|||
@include supporter-color-span(#a7d26a, "blue");
|
||||
}
|
||||
|
||||
span.orange {
|
||||
span.orange {
|
||||
@include supporter-color-span(#eabc7c, "orange");
|
||||
}
|
||||
|
||||
span.grey {
|
||||
span.grey {
|
||||
@include supporter-color-span(#bacfd6, "grey");
|
||||
}
|
||||
|
||||
div.check-list {
|
||||
float: left;
|
||||
div.check-list {
|
||||
float: left;
|
||||
padding-bottom:7px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
a.profile-edit {
|
||||
display:block;
|
||||
a.profile-edit {
|
||||
display:block;
|
||||
// background:url("#{$image-base}header/icon-edit.png") right top no-repeat;
|
||||
}
|
||||
|
||||
div.profile-save {
|
||||
div.profile-save {
|
||||
padding-top:15px;
|
||||
border: none;
|
||||
}
|
||||
|
|
@ -235,16 +235,16 @@ input.profile-save {
|
|||
background: url("#{$image-base}supporter_icons/goodreads_square.png") left center no-repeat;
|
||||
min-height: 33px;
|
||||
margin: 12px auto;
|
||||
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
div, input {
|
||||
margin: auto 10px auto 36px;
|
||||
}
|
||||
|
||||
|
||||
#goodreads_shelves {
|
||||
margin: auto 10px auto 36px;
|
||||
display: block;
|
||||
|
|
@ -264,16 +264,16 @@ input.profile-save {
|
|||
.weareonthat {
|
||||
background: url("#{$image-base}checkmark_small.png") left center no-repeat;
|
||||
}
|
||||
span.my-setting {
|
||||
span.my-setting {
|
||||
@include height(40px);
|
||||
display:block;
|
||||
padding:0 0 10px 10px;
|
||||
display:block;
|
||||
padding:0 0 10px 10px;
|
||||
font-size: $font-size-header;
|
||||
font-weight: bold;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
span.my-setting.active {
|
||||
span.my-setting.active {
|
||||
background:$blue-grey url("#{$image-base}header/collspane.png") 90% center no-repeat;
|
||||
}
|
||||
|
||||
|
|
@ -284,7 +284,7 @@ span.my-setting.active {
|
|||
margin-top: 10px;
|
||||
width: 100%;
|
||||
border-bottom: 4px solid $blue-grey;
|
||||
|
||||
|
||||
ul.tabs li a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -311,32 +311,32 @@ span.my-setting.active {
|
|||
}
|
||||
}
|
||||
|
||||
#tabs ul.book-list-view {
|
||||
#tabs ul.book-list-view {
|
||||
margin-bottom:0 !important;
|
||||
}
|
||||
|
||||
#tabs-1,
|
||||
#tabs-2,
|
||||
#tabs-3 {
|
||||
#tabs-3 {
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
ul.tabs {
|
||||
float:left;
|
||||
padding:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
list-style:none;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
@include height(46px);
|
||||
float: left;
|
||||
@include height(46px);
|
||||
margin-right:2px;
|
||||
|
||||
|
||||
&.tabs1, &.tabs2, &.tabs3 {
|
||||
width:112px;
|
||||
}
|
||||
|
||||
a {
|
||||
a {
|
||||
@include height(46px);
|
||||
display:block;
|
||||
text-align:center;
|
||||
|
|
@ -346,31 +346,31 @@ ul.tabs {
|
|||
background:$medium-blue;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
&.tabs1 a:hover, &.tabs1.active a {
|
||||
background:$green;
|
||||
color:#fff
|
||||
}
|
||||
}
|
||||
|
||||
&.tabs2 a:hover, &.tabs2.active a {
|
||||
background:#eabc7c;
|
||||
color:#fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.tabs3 a:hover, &.tabs3.active a {
|
||||
background:$blue-grey;
|
||||
color:$text-blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#rss {
|
||||
height: 46px;
|
||||
|
||||
|
||||
img {
|
||||
padding: 16px 0 0 14px;
|
||||
}
|
||||
|
||||
|
||||
span {
|
||||
margin-left: 3px;
|
||||
font-size: $font-size-default;
|
||||
|
|
@ -421,7 +421,7 @@ div#content-block-content {
|
|||
padding:10px;
|
||||
}
|
||||
|
||||
.book-image {
|
||||
.book-image {
|
||||
padding:0 0 10px 0;
|
||||
}
|
||||
|
||||
|
|
@ -471,7 +471,7 @@ div#content-block-content {
|
|||
}
|
||||
|
||||
#js-slide .jsmodule {
|
||||
width: 660px !important;
|
||||
width: 660px !important;
|
||||
}
|
||||
|
||||
#js-maincontainer-bot-block {
|
||||
|
|
@ -486,7 +486,7 @@ div#content-block-content {
|
|||
@include one-border-radius(5px);
|
||||
width: 665px;
|
||||
margin: 7px 0;
|
||||
|
||||
|
||||
a {
|
||||
font-size: $font-size-larger;
|
||||
color: $call-to-action;
|
||||
|
|
|
|||
|
|
@ -151,29 +151,29 @@ $cursor-disabled: not-allowed;
|
|||
@mixin supporter-color-span($hex, $color)
|
||||
{
|
||||
$url: "#{$image-base}header-button-#{$color}.png";
|
||||
background:$hex url($url) left bottom repeat-x;
|
||||
background:$hex url($url) left bottom repeat-x;
|
||||
}
|
||||
|
||||
@mixin roundedspan
|
||||
{
|
||||
border:1px solid #d4d4d4;
|
||||
@include one-border-radius(7px);
|
||||
padding:1px;
|
||||
color:#fff;
|
||||
padding:1px;
|
||||
color:#fff;
|
||||
margin:0 8px 0 0;
|
||||
display:inline-block;
|
||||
|
||||
> span {
|
||||
padding:7px 7px;
|
||||
min-width:15px;
|
||||
|
||||
> span {
|
||||
padding:7px 7px;
|
||||
min-width:15px;
|
||||
@include one-border-radius(5px);
|
||||
text-align:center;
|
||||
text-align:center;
|
||||
display:inline-block;
|
||||
|
||||
|
||||
.hovertext {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
&:hover .hovertext {
|
||||
display: inline;
|
||||
}
|
||||
|
|
@ -182,8 +182,8 @@ $cursor-disabled: not-allowed;
|
|||
|
||||
@mixin height($x)
|
||||
{
|
||||
height:$x;
|
||||
line-height:$x;
|
||||
height:$x;
|
||||
line-height:$x;
|
||||
}
|
||||
|
||||
@mixin mediaborder-base()
|
||||
|
|
@ -217,8 +217,8 @@ $cursor-disabled: not-allowed;
|
|||
padding: 7px 0;
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
text-align: center;
|
||||
|
||||
text-align: center;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
border: none;
|
||||
|
|
@ -227,11 +227,11 @@ $cursor-disabled: not-allowed;
|
|||
|
||||
@mixin clickyarrows()
|
||||
{
|
||||
text-indent:-10000px;
|
||||
text-indent:-10000px;
|
||||
font-size:0;
|
||||
width:15px;
|
||||
height:22px;
|
||||
display:block;
|
||||
position:absolute;
|
||||
width:15px;
|
||||
height:22px;
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:45%;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue