// Styles basedocumentation.html and its descendants. @import "variables.less"; @import "learnmore.less"; body { line-height: 17px; } /* Learn More area (not already styles by learnmore.less) */ .user-block { width:100%; clear:both; } #user-block1, .user-block2 { float:left; } #user-block1 { width:70%; #block-intro-text { float:left; width:70%; font-size: @font-size-header; } a#readon { float: left; margin-top:10px; } } .user-block2 { color: @medium-blue; font-size: @font-size-default; line-height:normal; width:30%; .block-inner { float:right; padding-right:0; } label { float:left; font-size: @font-size-header; height:30px; line-height:30px; color:@text-blue; padding-right:15px; } } #user-block-hide .quicktour.last { background: none; } /* Containers */ .have-right #js-main-container { float: left; } .js-main-container-inner { padding-left:15px; } .have-right #js-rightcol { margin-top:50px; background:@pale-blue; border:1px solid @blue-grey; .one-border-radius(12px); .jsmodule { border-bottom:1px solid #3c4e52; width:235px; &.last { border-bottom:none; padding-bottom:10px; } } } .js-rightcol-padd { padding:10px; } /* Elements */ .doc h2 { margin:20px 0; color:@text-blue; font-size: @font-size-larger; font-weight: bold; } .doc h3 { color:@text-blue; font-weight:bold; } .doc ul { list-style: none; padding:0; margin:0; li { margin-bottom:7px; .one-border-radius(14px); padding:10px; background:@pale-blue; } &.errorlist li { background: none; margin-bottom: 0; } &.terms { list-style: inherit; list-style-position: inside; padding-left: 1em; text-indent: -1em; li { .one-border-radius(auto); background: inherit; } } } .doc div.inset { background:@pale-blue; .one-border-radius(12px); padding:10px; font-style:italic; } dt { margin:7px 0px 7px -7px; .one-border-radius(14px); padding:10px 0px 10px 7px; background:@pale-blue; } dd { margin: 0; padding-bottom: 7px; } .doc ol li { margin-bottom: 7px; } .collapse ul { display: none; } .faq, .answer { text-transform: none !important; a { color: @medium-blue; } } .faq { cursor: pointer; &:hover { text-decoration: underline; } } /* items on press page */ .press_spacer { clear:both; height:0px; } .presstoc { div { float: left; padding-right: 15px; margin-bottom: 7px; &.pressemail { border: solid 2px @text-blue; padding: 5px; .one-border-radius(7px); max-width: 678px; margin-top: 7px; } } overflow: auto; clear: both; padding-bottom: 10px; } .pressarticles div { margin-bottom: 10px; } .pressvideos { > div { margin-bottom: 15px; padding-bottom: 7px; border-bottom: solid 1px @text-blue; float: left; } iframe, div.mediaborder { .mediaborder; } } .pressimages { .outer { clear: both; div { float: left; width: 25%; padding-bottom: 10px; &.text { width: 75%; } p { margin: 0 auto; padding-left: 10px; padding-right: 10px; } } } clear: both; .screenshot { width: 150px; .mediaborder; } } /* Miscellaneous */ a.manage { background: @call-to-action; color: white; font-weight: bold; padding: 0.5em 1em; cursor: pointer; .one-border-radius(5px); border: 1px solid @blue-grey; &:hover { text-decoration: none; } } .rh_help { cursor: pointer; color: @bright-blue; &:hover { text-decoration: underline; } } .rh_answer { display: none; padding-left: 10px; margin-bottom: 7px; border: solid 2px @blue-grey; .one-border-radius(5px); text-indent: 0 !important; } .work_campaigns { border: 1px solid @blue-grey; margin: 10px auto; div { float: left; &.campaign_info { width: 60%; margin: 5px; } } } h2.thank-you { font-size: 34px; color: @call-to-action; line-height: 40px; } .pledge_complete, .pledge_complete a { font-size: @font-size-larger; line-height: 18px; margin-bottom: 15px; } #js-slide .jsmodule.pledge { width: 960px !important; } ul.social.pledge { li { float: left; padding-right: 30px !important; } margin-bottom: 100px; } #widgetcode { float: right; } div.pledge-container { width: 100%; } .yikes { color: @alert; font-weight: bold; }