diff --git a/static/scss/book_detail.scss b/static/scss/book_detail.scss index 45ba25ef..99d00264 100644 --- a/static/scss/book_detail.scss +++ b/static/scss/book_detail.scss @@ -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; } - + } \ No newline at end of file diff --git a/static/scss/book_list.scss b/static/scss/book_list.scss index 15ebcec3..0dd86fdd 100644 --- a/static/scss/book_list.scss +++ b/static/scss/book_list.scss @@ -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; diff --git a/static/scss/book_panel2.scss b/static/scss/book_panel2.scss index 220b9092..ebdcca64 100644 --- a/static/scss/book_panel2.scss +++ b/static/scss/book_panel2.scss @@ -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; } - + } \ No newline at end of file diff --git a/static/scss/campaign2.scss b/static/scss/campaign2.scss index c28a0eb1..d93189aa 100644 --- a/static/scss/campaign2.scss +++ b/static/scss/campaign2.scss @@ -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; diff --git a/static/scss/campaign_tabs.scss b/static/scss/campaign_tabs.scss index 2d94a73a..33c98204 100644 --- a/static/scss/campaign_tabs.scss +++ b/static/scss/campaign_tabs.scss @@ -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; diff --git a/static/scss/comments.scss b/static/scss/comments.scss index 0feb970b..2a6a2ffd 100644 --- a/static/scss/comments.scss +++ b/static/scss/comments.scss @@ -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; diff --git a/static/scss/documentation2.scss b/static/scss/documentation2.scss index 32011a9b..8466eedb 100644 --- a/static/scss/documentation2.scss +++ b/static/scss/documentation2.scss @@ -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; } diff --git a/static/scss/download.scss b/static/scss/download.scss index e8ce21bd..85b592d2 100644 --- a/static/scss/download.scss +++ b/static/scss/download.scss @@ -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; diff --git a/static/scss/landingpage4.scss b/static/scss/landingpage4.scss index 4b6ec1a9..e1548aab 100644 --- a/static/scss/landingpage4.scss +++ b/static/scss/landingpage4.scss @@ -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; diff --git a/static/scss/learnmore2.scss b/static/scss/learnmore2.scss index 146356f9..575bb60e 100644 --- a/static/scss/learnmore2.scss +++ b/static/scss/learnmore2.scss @@ -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; } diff --git a/static/scss/liblist.scss b/static/scss/liblist.scss index cd4f4b84..ba65b395 100644 --- a/static/scss/liblist.scss +++ b/static/scss/liblist.scss @@ -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; diff --git a/static/scss/manage_campaign.scss b/static/scss/manage_campaign.scss index aebbf3ae..813cc336 100644 --- a/static/scss/manage_campaign.scss +++ b/static/scss/manage_campaign.scss @@ -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%; diff --git a/static/scss/notices.scss b/static/scss/notices.scss index 80d2cf23..49162a71 100644 --- a/static/scss/notices.scss +++ b/static/scss/notices.scss @@ -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; - } + } } } \ No newline at end of file diff --git a/static/scss/registration2.scss b/static/scss/registration2.scss index c096c5a0..f517e5b5 100644 --- a/static/scss/registration2.scss +++ b/static/scss/registration2.scss @@ -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); } diff --git a/static/scss/search.scss b/static/scss/search.scss index 26ed4f04..ba645ce8 100644 --- a/static/scss/search.scss +++ b/static/scss/search.scss @@ -4,7 +4,7 @@ span.rounded { @include roundedspan; } -span.grey { +span.grey { @include supporter-color-span(#bacfd6, grey); } diff --git a/static/scss/searchandbrowse2.scss b/static/scss/searchandbrowse2.scss index cfe1ca2a..57177f83 100644 --- a/static/scss/searchandbrowse2.scss +++ b/static/scss/searchandbrowse2.scss @@ -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; } } diff --git a/static/scss/sitewide4.scss b/static/scss/sitewide4.scss index 4bb35054..30ffa7df 100644 --- a/static/scss/sitewide4.scss +++ b/static/scss/sitewide4.scss @@ -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% diff --git a/static/scss/social_share.scss b/static/scss/social_share.scss index 97f7c895..45cb1e0d 100644 --- a/static/scss/social_share.scss +++ b/static/scss/social_share.scss @@ -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"); } diff --git a/static/scss/supporter_layout.scss b/static/scss/supporter_layout.scss index ec05e059..812a9b9b 100644 --- a/static/scss/supporter_layout.scss +++ b/static/scss/supporter_layout.scss @@ -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; diff --git a/static/scss/variables.scss b/static/scss/variables.scss index cf27d5f7..1094f7e7 100644 --- a/static/scss/variables.scss +++ b/static/scss/variables.scss @@ -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%; }