diff --git a/frontend/templates/base.html b/frontend/templates/base.html index 6b1ce1de..e6e7368e 100644 --- a/frontend/templates/base.html +++ b/frontend/templates/base.html @@ -124,9 +124,14 @@ {% block news %} +{% if not suppress_search_box %} +{% comment %} +Not needed on newly designed home page? +{% endcomment %}
We've unglued our second and third books. Help us unglue even more!
+{% endif %} {% endblock %} {% block topsection %}{% endblock %} diff --git a/frontend/templates/learn_more.html b/frontend/templates/learn_more.html index d7685d16..11142092 100644 --- a/frontend/templates/learn_more.html +++ b/frontend/templates/learn_more.html @@ -25,13 +25,17 @@ Unglue.it offers a win-win solution: Crowdfunding. We run pledge campaigns for books; you chip in. When, together, we've reached the goal, we'll reward the book's creators and issue an unglued ebook.
-
+
Creative Commons licensing means everyone, everywhere can read and share the unglued book - freely and legally. You've given your favorite book to the world. +
+
+
+ More questions? Read the FAQ.. {% if not user.is_authenticated %} {% if suppress_search_box %} - + {% else %} - + {% endif %} {% endif %}
diff --git a/static/css/documentation.css b/static/css/documentation.css index 217f3674..e5287aa3 100644 --- a/static/css/documentation.css +++ b/static/css/documentation.css @@ -1 +1 @@ -.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .quicktour{width:270px;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour.last{padding-right:0;width:270px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .movingrightalong{background:url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;height:100px;width:75px;float:left;margin-top:20px}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}body{line-height:19.5px}.have-right #js-main-container{float:left}.js-main-container-inner{padding-left:15px}.have-right #js-rightcol{margin-top:50px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}.have-right #js-rightcol .jsmodule{border-bottom:1px solid #3c4e52;width:235px}.have-right #js-rightcol .jsmodule.last{border-bottom:0;padding-bottom:10px}.js-rightcol-padd{padding:10px}.doc h2{margin:20px 0;color:#3d4e53;font-size:15px;font-weight:bold}.doc h3{color:#3d4e53;font-weight:bold}.doc ul{list-style-type:none;padding:0;margin:0}.doc ul.errorlist li{background:0;margin-bottom:0}.doc ul li{margin-left:7px}.doc ul.terms{list-style:inherit;list-style-position:inside;padding-left:1em;text-indent:-1em}.doc ul.terms li{-moz-border-radius:auto;-webkit-border-radius:auto;border-radius:auto;background:inherit}.doc ul.bullets{list-style-type:disc;margin-left:9px}.doc div.inset{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}dt{font-style:italic;font-size:15px;margin-bottom:7px;border-top:solid #edf3f4 2px;border-bottom:solid #edf3f4 2px;padding:7px 0}dd{margin:0 0 0 7px;padding-bottom:7px}dd.margin{margin-left:7px}.doc ol li{margin-bottom:7px}.collapse ul{display:none}.faq,.answer{text-transform:none!important}.faq a,.answer a{color:#6994a3}.faq{cursor:pointer}.faq:hover{text-decoration:underline}.press_spacer{clear:both;height:0}.presstoc{overflow:auto;clear:both;padding-bottom:10px}.presstoc div{float:left;padding-right:15px;margin-bottom:7px}.presstoc div.pressemail{border:solid 2px #3d4e53;padding:5px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;max-width:678px;margin-top:7px}.pressarticles div{margin-bottom:10px}.pressvideos>div{margin-bottom:15px;padding-bottom:7px;border-bottom:solid 1px #3d4e53;float:left}.pressvideos iframe,.pressvideos div.mediaborder{padding:5px;border:solid 5px #edf3f4}.pressimages{clear:both}.pressimages .outer{clear:both}.pressimages .outer div{float:left;width:25%;padding-bottom:10px}.pressimages .outer div.text{width:75%}.pressimages .outer div p{margin:0 auto;padding-left:10px;padding-right:10px}.pressimages .screenshot{width:150px;padding:5px;border:solid 5px #edf3f4}a.manage{background:#8dc63f;color:white;font-weight:bold;padding:.5em 1em;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d6dde0}a.manage:hover{text-decoration:none}.rh_help{cursor:pointer;color:#8ac3d7}.rh_help:hover{text-decoration:underline}.rh_answer{display:none;padding-left:10px;margin-bottom:7px;border:solid 2px #d6dde0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-indent:0!important}.work_campaigns{border:1px solid #d6dde0;margin:10px auto}.work_campaigns div{float:left}.work_campaigns div.campaign_info{width:60%;margin:5px}h2.thank-you{font-size:34px;color:#8dc63f;line-height:40px}.pledge_complete,.pledge_complete a{font-size:15px;line-height:18px;margin-bottom:15px}#js-slide .jsmodule.pledge{width:960px!important}ul.social.pledge{margin-bottom:100px}ul.social.pledge li{float:left;padding-right:30px!important}#widgetcode{float:right}div.pledge-container{width:100%}.yikes{color:#e35351;font-weight:bold} \ No newline at end of file +.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .quicktour{width:190px;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour.last{padding-right:0}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}.learnmore_block .movingrightalong{background:url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;height:100px;width:50px;float:left;margin-top:20px}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}body{line-height:19.5px}.have-right #js-main-container{float:left}.js-main-container-inner{padding-left:15px}.have-right #js-rightcol{margin-top:50px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}.have-right #js-rightcol .jsmodule{border-bottom:1px solid #3c4e52;width:235px}.have-right #js-rightcol .jsmodule.last{border-bottom:0;padding-bottom:10px}.js-rightcol-padd{padding:10px}.doc h2{margin:20px 0;color:#3d4e53;font-size:15px;font-weight:bold}.doc h3{color:#3d4e53;font-weight:bold}.doc ul{list-style-type:none;padding:0;margin:0}.doc ul.errorlist li{background:0;margin-bottom:0}.doc ul li{margin-left:7px}.doc ul.terms{list-style:inherit;list-style-position:inside;padding-left:1em;text-indent:-1em}.doc ul.terms li{-moz-border-radius:auto;-webkit-border-radius:auto;border-radius:auto;background:inherit}.doc ul.bullets{list-style-type:disc;margin-left:9px}.doc div.inset{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}dt{font-style:italic;font-size:15px;margin-bottom:7px;border-top:solid #edf3f4 2px;border-bottom:solid #edf3f4 2px;padding:7px 0}dd{margin:0 0 0 7px;padding-bottom:7px}dd.margin{margin-left:7px}.doc ol li{margin-bottom:7px}.collapse ul{display:none}.faq,.answer{text-transform:none!important}.faq a,.answer a{color:#6994a3}.faq{cursor:pointer}.faq:hover{text-decoration:underline}.press_spacer{clear:both;height:0}.presstoc{overflow:auto;clear:both;padding-bottom:10px}.presstoc div{float:left;padding-right:15px;margin-bottom:7px}.presstoc div.pressemail{border:solid 2px #3d4e53;padding:5px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;max-width:678px;margin-top:7px}.pressarticles div{margin-bottom:10px}.pressvideos>div{margin-bottom:15px;padding-bottom:7px;border-bottom:solid 1px #3d4e53;float:left}.pressvideos iframe,.pressvideos div.mediaborder{padding:5px;border:solid 5px #edf3f4}.pressimages{clear:both}.pressimages .outer{clear:both}.pressimages .outer div{float:left;width:25%;padding-bottom:10px}.pressimages .outer div.text{width:75%}.pressimages .outer div p{margin:0 auto;padding-left:10px;padding-right:10px}.pressimages .screenshot{width:150px;padding:5px;border:solid 5px #edf3f4}a.manage{background:#8dc63f;color:white;font-weight:bold;padding:.5em 1em;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #d6dde0}a.manage:hover{text-decoration:none}.rh_help{cursor:pointer;color:#8ac3d7}.rh_help:hover{text-decoration:underline}.rh_answer{display:none;padding-left:10px;margin-bottom:7px;border:solid 2px #d6dde0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-indent:0!important}.work_campaigns{border:1px solid #d6dde0;margin:10px auto}.work_campaigns div{float:left}.work_campaigns div.campaign_info{width:60%;margin:5px}h2.thank-you{font-size:34px;color:#8dc63f;line-height:40px}.pledge_complete,.pledge_complete a{font-size:15px;line-height:18px;margin-bottom:15px}#js-slide .jsmodule.pledge{width:960px!important}ul.social.pledge{margin-bottom:100px}ul.social.pledge li{float:left;padding-right:30px!important}#widgetcode{float:right}div.pledge-container{width:100%}.yikes{color:#e35351;font-weight:bold} \ No newline at end of file diff --git a/static/css/landingpage2.css b/static/css/landingpage2.css index e69478cb..5fbf192f 100644 --- a/static/css/landingpage2.css +++ b/static/css/landingpage2.css @@ -1 +1 @@ -.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .quicktour{width:270px;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour.last{padding-right:0;width:270px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .movingrightalong{background:url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;height:100px;width:75px;float:left;margin-top:20px}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}#expandable{display:none}#main-container.main-container-fl .js-main{width:968px;background:#fff url("/static/images/landingpage/container-top.png") top center no-repeat}#js-maincol-fl{padding:30px 30px 0 30px;overflow:hidden}#js-maincol-fl #content-block{background:0;padding:0}#js-maincol-fl #js-main-container{float:left;width:672px}#js-maincol-fl .js-main-container-inner{padding-right:40px}#js-maincol-fl h2.page-heading{margin:0 0 20px 0;color:#3d4e53;font-size:19px;font-weight:bold}#user-block{width:100%;clear:both}#user-block1,.user-block2{float:left}#user-block1{width:70%}#user-block1 #block-intro-text{float:left;width:70%;font-size:19px}#user-block1 a#readon{float:left;font-size:15px}#js-rightcol,#js-rightcol2{float:right;width:230px}#js-rightcol .jsmodule,#js-rightcol2 .jsmodule{float:left;width:208px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;margin-bottom:10px;padding:0 10px 10px 10px}#js-rightcol .jsmodule.last,#js-rightcol2 .jsmodule.last{border-bottom:0;padding-bottom:10px}#js-rightcol .jsmodule input,#js-rightcol2 .jsmodule input{-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;border:0;height:36px;line-height:36px;width:90%;outline:0;padding-left:16px}#js-rightcol .jsmodule input.signup,#js-rightcol2 .jsmodule input.signup{background:url("/static/images/landingpage/button.png") no-repeat 0 0;border:medium none;color:#FFF;cursor:pointer;display:inline-block;font-weight:bold;font-size:13px;overflow:hidden;padding:0 31px 0 11px;width:111px}#js-rightcol div.button,#js-rightcol2 div.button{padding-top:10px}#js-rightcol label,#js-rightcol2 label{width:100%;display:block;clear:both;padding:10px 0 5px 16px}.google_signup{padding:14px 0}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.js-rightcol-padd{padding:0}h3.heading{color:#3d4e53;font-weight:bold}ul.ungluingwhat{list-style:none;padding:0;margin:0 -10px}ul.ungluingwhat li{margin-bottom:7px;background:#fff;padding:10px;display:block;overflow:hidden}ul.ungluingwhat li>span{float:left}ul.ungluingwhat .user-avatar{width:43px}ul.ungluingwhat .user-avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}ul.ungluingwhat .user-book-info{margin-left:5px;width:160px;word-wrap:break-word;font-size:15px;line-height:19.5px}ul.ungluingwhat .user-book-info a{font-weight:normal}div.typo2{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}div.signup_btn{display:block;overflow:hidden}div.signup_btn a{background:url("/static/images/bg.png") no-repeat scroll right top transparent;color:#fff;display:block;font-size:13px;font-weight:bold;height:36px;line-height:36px;letter-spacing:1px;text-decoration:none;text-transform:capitalize;float:left}div.signup_btn a span{background:url("/static/images/bg.png") no-repeat scroll -770px -36px transparent;display:block;margin-right:29px;padding:0 5px 0 15px}.have-content-right-module .item-content{float:left;width:364px;font-size:15px;height:132px;border-bottom:7px solid #8ac3d7}.have-content-right-module .item-content p{margin-bottom:20px;line-height:135%}.have-content-right-module .item-content h2.page-heading{padding-right:97px;line-height:43px;padding-bottom:4px;padding-top:5px}.have-content-right-module .content-right-module{width:268px;float:right}.have-content-right-module .content-right-module h3{color:#8ac3d7;text-transform:uppercase;font-size:24px;font-weight:normal;padding:0;margin:0 0 16px 0}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;width:100%}.js-maincontainer-faq-inner{float:right;color:#3d4e53;font-size:15px;padding-right:60px}.js-maincontainer-faq-inner a{font-weight:normal;color:#3d4e53;text-decoration:underline}h3.module-title{padding:10px 0;font-size:19px;font-weight:normal}.landingheader{border-bottom:solid 5px #6994a3;float:left;height:134px}h3.featured_books{clear:both;color:white;background:#8ac3d7;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:10px}.spacer{height:15px;width:100%;clear:both}ul#as_seen_on{margin:15px 0;position:relative;height:80px}ul#as_seen_on li{float:left;list-style-type:none;padding:10px;line-height:80px}ul#as_seen_on li:hover{background:#8ac3d7}ul#as_seen_on li img{vertical-align:middle;max-width:131px}.speech_bubble{position:relative;margin:1em 0;border:5px solid #6994a3;color:#3d4e53;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#fff;font-size:19px;padding:1.5em}.speech_bubble:before{content:"";position:absolute;top:-20px;bottom:auto;left:auto;right:60px;border-width:0 20px 20px;border-style:solid;border-color:#6994a3 transparent;display:block;width:0}.speech_bubble:after{content:"";position:absolute;top:-13px;bottom:auto;left:auto;right:67px;border-width:0 13px 13px;border-style:solid;border-color:#fff transparent;display:block;width:0}.speech_bubble span{margin-left:1em}.speech_bubble span:before{position:absolute;top:.75em;left:.75em;font-size:38px;content:"\201C"}.speech_bubble span:after{position:absolute;top:.75em;font-size:38px;content:"\201D"}#footer{clear:both;margin-top:30px} \ No newline at end of file +.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .quicktour{width:190px;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour.last{padding-right:0}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}.learnmore_block .movingrightalong{background:url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;height:100px;width:50px;float:left;margin-top:20px}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit}#expandable{display:none}#main-container.main-container-fl .js-main{width:968px;background:#fff url("/static/images/landingpage/container-top.png") top center no-repeat}#js-maincol-fl{padding:30px 30px 0 30px;overflow:hidden}#js-maincol-fl #content-block{background:0;padding:0}#js-maincol-fl #js-main-container{float:left;width:672px}#js-maincol-fl .js-main-container-inner{padding-right:40px}#js-maincol-fl h2.page-heading{margin:0 0 20px 0;color:#3d4e53;font-size:19px;font-weight:bold}#user-block{width:100%;clear:both}#user-block1,.user-block2{float:left}#user-block1{width:70%}#user-block1 #block-intro-text{float:left;width:70%;font-size:19px}#user-block1 a#readon{float:left;font-size:15px}#js-rightcol,#js-rightcol2{float:right;width:230px}#js-rightcol .jsmodule,#js-rightcol2 .jsmodule{float:left;width:208px;background:#edf3f4;border:1px solid #d6dde0;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;margin-bottom:10px;padding:0 10px 10px 10px}#js-rightcol .jsmodule.last,#js-rightcol2 .jsmodule.last{border-bottom:0;padding-bottom:10px}#js-rightcol .jsmodule input,#js-rightcol2 .jsmodule input{-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;border:0;height:36px;line-height:36px;width:90%;outline:0;padding-left:16px}#js-rightcol .jsmodule input.signup,#js-rightcol2 .jsmodule input.signup{background:url("/static/images/landingpage/button.png") no-repeat 0 0;border:medium none;color:#FFF;cursor:pointer;display:inline-block;font-weight:bold;font-size:13px;overflow:hidden;padding:0 31px 0 11px;width:111px}#js-rightcol div.button,#js-rightcol2 div.button{padding-top:10px}#js-rightcol label,#js-rightcol2 label{width:100%;display:block;clear:both;padding:10px 0 5px 16px}.google_signup{padding:14px 0}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.google_signup div{height:24px;line-height:24px;float:left;padding-left:5px;font-size:15px;display:inline-block}.google_signup img{float:left;height:24px;width:24px}.js-rightcol-padd{padding:0}h3.heading{color:#3d4e53;font-weight:bold}ul.ungluingwhat{list-style:none;padding:0;margin:0 -10px}ul.ungluingwhat li{margin-bottom:7px;background:#fff;padding:10px;display:block;overflow:hidden}ul.ungluingwhat li>span{float:left}ul.ungluingwhat .user-avatar{width:43px}ul.ungluingwhat .user-avatar img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}ul.ungluingwhat .user-book-info{margin-left:5px;width:160px;word-wrap:break-word;font-size:15px;line-height:19.5px}ul.ungluingwhat .user-book-info a{font-weight:normal}div.typo2{background:#edf3f4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;font-style:italic}div.signup_btn{display:block;overflow:hidden}div.signup_btn a{background:url("/static/images/bg.png") no-repeat scroll right top transparent;color:#fff;display:block;font-size:13px;font-weight:bold;height:36px;line-height:36px;letter-spacing:1px;text-decoration:none;text-transform:capitalize;float:left}div.signup_btn a span{background:url("/static/images/bg.png") no-repeat scroll -770px -36px transparent;display:block;margin-right:29px;padding:0 5px 0 15px}.have-content-right-module .item-content{float:left;width:364px;font-size:15px;height:132px;border-bottom:7px solid #8ac3d7}.have-content-right-module .item-content p{margin-bottom:20px;line-height:135%}.have-content-right-module .item-content h2.page-heading{padding-right:97px;line-height:43px;padding-bottom:4px;padding-top:5px}.have-content-right-module .content-right-module{width:268px;float:right}.have-content-right-module .content-right-module h3{color:#8ac3d7;text-transform:uppercase;font-size:24px;font-weight:normal;padding:0;margin:0 0 16px 0}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;width:100%}.js-maincontainer-faq-inner{float:right;color:#3d4e53;font-size:15px;padding-right:60px}.js-maincontainer-faq-inner a{font-weight:normal;color:#3d4e53;text-decoration:underline}h3.module-title{padding:10px 0;font-size:19px;font-weight:normal}.landingheader{border-bottom:solid 5px #6994a3;float:left;height:134px}h3.featured_books{clear:both;color:white;background:#8ac3d7;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:10px}.spacer{height:15px;width:100%;clear:both}ul#as_seen_on{margin:15px 0;position:relative;height:80px}ul#as_seen_on li{float:left;list-style-type:none;padding:10px;line-height:80px}ul#as_seen_on li:hover{background:#8ac3d7}ul#as_seen_on li img{vertical-align:middle;max-width:131px}.speech_bubble{position:relative;margin:1em 0;border:5px solid #6994a3;color:#3d4e53;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#fff;font-size:19px;padding:1.5em}.speech_bubble:before{content:"";position:absolute;top:-20px;bottom:auto;left:auto;right:60px;border-width:0 20px 20px;border-style:solid;border-color:#6994a3 transparent;display:block;width:0}.speech_bubble:after{content:"";position:absolute;top:-13px;bottom:auto;left:auto;right:67px;border-width:0 13px 13px;border-style:solid;border-color:#fff transparent;display:block;width:0}.speech_bubble span{margin-left:1em}.speech_bubble span:before{position:absolute;top:.75em;left:.75em;font-size:38px;content:"\201C"}.speech_bubble span:after{position:absolute;top:.75em;font-size:38px;content:"\201D"}#footer{clear:both;margin-top:30px} \ No newline at end of file diff --git a/static/css/learnmore.css b/static/css/learnmore.css index 762e2771..ea4f9ad8 100644 --- a/static/css/learnmore.css +++ b/static/css/learnmore.css @@ -1 +1 @@ -.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .quicktour{width:270px;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour.last{padding-right:0;width:270px}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .movingrightalong{background:url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;height:100px;width:75px;float:left;margin-top:20px}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit} \ No newline at end of file +.header-text{height:36px;line-height:36px;display:block;text-decoration:none;font-weight:bold;letter-spacing:-0.05em}.panelborders{border-width:1px 0;border-style:solid none;border-color:#fff}.roundedspan{border:1px solid #d4d4d4;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:1px;color:#fff;margin:0 8px 0 0;display:inline-block}.roundedspan>span{padding:7px 7px;min-width:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;display:inline-block}.roundedspan>span .hovertext{display:none}.roundedspan>span:hover .hovertext{display:inline}.mediaborder{padding:5px;border:solid 5px #edf3f4}.actionbuttons{width:auto;height:36px;line-height:36px;background:#8dc63f;-moz-border-radius:32px;-webkit-border-radius:32px;border-radius:32px;color:white;cursor:pointer;font-size:13px;font-weight:bold;padding:0 15px;border:0;margin:5px 0}.errors{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;border:solid #e35351 3px;clear:both;width:90%;height:auto;line-height:16px;padding:7px 0;font-weight:bold;font-size:13px;text-align:center}.errors li{list-style:none;border:0}.user-block{width:100%;clear:both}#user-block1{width:100%}#user-block1 #block-intro-text{float:left;width:702px;font-size:19px}#user-block1 a#readon{float:left}#user-block-hide .quicktour.last{background:0}.learnmore_block{float:left;width:100%;clear:both;border-top:solid 1px #8ac3d7;margin-top:20px}.learnmore_block .quicktour{width:190px;float:left;font-style:italic;line-height:20px;font-size:13px;margin-top:20px}.learnmore_block .quicktour .highlight{font-weight:bold}.learnmore_block .quicktour.last{padding-right:0}.learnmore_block .quicktour.last .signup{color:#8dc63f;font-weight:bold;margin-top:10px}.learnmore_block .quicktour.last .signup img{margin-left:5px;vertical-align:middle;margin-bottom:3px}.learnmore_block .quicktour.right{float:right}.learnmore_block .movingrightalong{background:url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;height:100px;width:50px;float:left;margin-top:20px}#block-intro-text div{display:none;line-height:25px;padding-bottom:10px}#block-intro-text div#active{display:inherit} \ No newline at end of file diff --git a/static/less/learnmore.less b/static/less/learnmore.less index 799a4518..11e80d9a 100644 --- a/static/less/learnmore.less +++ b/static/less/learnmore.less @@ -30,7 +30,7 @@ margin-top: 20px; .quicktour { - width: 270px; + width: 190px; float: left; font-style: italic; line-height:20px; @@ -43,7 +43,6 @@ &.last { padding-right:0px; - width:270px; .signup { color: @call-to-action; @@ -57,12 +56,16 @@ } } } + + &.right { + float: right; + } } .movingrightalong { background: url("@{image-base}landingpage/quicktour-arrow.png") no-repeat center; height: 100px; - width: 75px; + width: 50px; float: left; margin-top: 20px; }