2011-12-20 15:39:02 +00:00
|
|
|
// Styles basedocumentation.html and its descendants.
|
2011-11-18 18:27:26 +00:00
|
|
|
@import "variables.less";
|
2012-01-02 21:20:07 +00:00
|
|
|
@import "learnmore.less";
|
2011-11-18 18:27:26 +00:00
|
|
|
|
2012-01-15 17:04:43 +00:00
|
|
|
body {
|
2012-06-13 16:31:21 +00:00
|
|
|
line-height: 17px;
|
2012-01-15 17:04:43 +00:00
|
|
|
}
|
|
|
|
|
2012-01-02 21:20:07 +00:00
|
|
|
/* Learn More area (not already styles by learnmore.less) */
|
2011-11-18 18:27:26 +00:00
|
|
|
.user-block {
|
|
|
|
width:100%; clear:both;
|
|
|
|
}
|
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
#user-block1, .user-block2 {
|
2011-11-18 18:27:26 +00:00
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
#user-block1 {
|
2011-11-18 18:27:26 +00:00
|
|
|
width:70%;
|
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
#block-intro-text {
|
2011-11-18 18:27:26 +00:00
|
|
|
float:left;
|
|
|
|
width:70%;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-header;
|
2011-11-18 18:27:26 +00:00
|
|
|
}
|
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
a#readon {
|
2011-11-18 18:27:26 +00:00
|
|
|
float: left;
|
|
|
|
margin-top:10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-block2 {
|
|
|
|
color: @medium-blue;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-default;
|
2011-11-18 18:27:26 +00:00
|
|
|
line-height:normal;
|
|
|
|
width:30%;
|
|
|
|
|
|
|
|
.block-inner {
|
|
|
|
float:right;
|
|
|
|
padding-right:0;
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
float:left;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-header;
|
2011-11-18 18:27:26 +00:00
|
|
|
height:30px;
|
|
|
|
line-height:30px;
|
|
|
|
color:@text-blue;
|
|
|
|
padding-right:15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-02-07 17:01:00 +00:00
|
|
|
#user-block-hide .quicktour.last {
|
2012-01-03 14:19:50 +00:00
|
|
|
background: none;
|
|
|
|
}
|
|
|
|
|
2011-11-18 18:27:26 +00:00
|
|
|
/* 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;
|
2012-01-13 17:34:42 +00:00
|
|
|
.one-border-radius(12px);
|
2011-11-18 18:27:26 +00:00
|
|
|
|
|
|
|
.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;
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-larger;
|
2011-11-18 18:27:26 +00:00
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.doc h3 {
|
|
|
|
color:@text-blue;
|
|
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
.doc ul {
|
|
|
|
list-style: none;
|
|
|
|
padding:0;
|
|
|
|
margin:0;
|
|
|
|
|
|
|
|
li {
|
|
|
|
margin-bottom:7px;
|
2012-01-13 17:34:42 +00:00
|
|
|
.one-border-radius(14px);
|
2011-11-18 18:27:26 +00:00
|
|
|
padding:10px;
|
2012-04-16 16:14:04 +00:00
|
|
|
background:@pale-blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.errorlist li {
|
|
|
|
background: none;
|
|
|
|
margin-bottom: 0;
|
2011-11-18 18:27:26 +00:00
|
|
|
}
|
2012-03-19 20:08:05 +00:00
|
|
|
|
|
|
|
&.terms {
|
|
|
|
list-style: inherit;
|
|
|
|
list-style-position: inside;
|
|
|
|
padding-left: 1em;
|
|
|
|
text-indent: -1em;
|
|
|
|
|
|
|
|
li {
|
|
|
|
.one-border-radius(auto);
|
|
|
|
background: inherit;
|
|
|
|
}
|
|
|
|
}
|
2011-11-18 18:27:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.doc div.inset {
|
|
|
|
background:@pale-blue;
|
2012-01-13 17:34:42 +00:00
|
|
|
.one-border-radius(12px);
|
2011-11-18 18:27:26 +00:00
|
|
|
padding:10px;
|
|
|
|
font-style:italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
dt {
|
|
|
|
margin:7px 0px 7px -7px;
|
2012-01-13 17:34:42 +00:00
|
|
|
.one-border-radius(14px);
|
2011-11-18 18:27:26 +00:00
|
|
|
padding:10px 0px 10px 7px;
|
|
|
|
background:@pale-blue;
|
|
|
|
}
|
|
|
|
|
|
|
|
dd {
|
|
|
|
margin: 0;
|
2012-01-10 16:10:27 +00:00
|
|
|
padding-bottom: 7px;
|
2011-11-18 18:27:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.doc ol li {
|
|
|
|
margin-bottom: 7px;
|
2011-11-28 16:38:31 +00:00
|
|
|
}
|
|
|
|
|
2012-01-03 21:17:04 +00:00
|
|
|
.collapse ul {
|
|
|
|
display: none;
|
2012-01-10 16:10:27 +00:00
|
|
|
}
|
|
|
|
|
2012-03-26 19:26:47 +00:00
|
|
|
.faq, .answer {
|
|
|
|
text-transform: none !important;
|
|
|
|
a {
|
|
|
|
color: @medium-blue;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.faq {
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-01-10 16:10:27 +00:00
|
|
|
/* items on press page */
|
2012-03-28 16:50:42 +00:00
|
|
|
.press_spacer {
|
2012-01-10 21:27:31 +00:00
|
|
|
clear:both;
|
2012-01-15 18:19:35 +00:00
|
|
|
height:0px;
|
2012-01-10 21:27:31 +00:00
|
|
|
}
|
|
|
|
|
2012-01-10 16:10:27 +00:00
|
|
|
.presstoc {
|
|
|
|
div {
|
|
|
|
float: left;
|
|
|
|
padding-right: 15px;
|
2012-01-15 18:19:35 +00:00
|
|
|
margin-bottom: 7px;
|
2012-01-10 16:10:27 +00:00
|
|
|
|
|
|
|
&.pressemail {
|
|
|
|
border: solid 2px @text-blue;
|
|
|
|
padding: 5px;
|
2012-01-13 17:34:42 +00:00
|
|
|
.one-border-radius(7px);
|
2012-01-10 21:27:31 +00:00
|
|
|
max-width: 678px;
|
2012-01-15 18:19:35 +00:00
|
|
|
margin-top: 7px;
|
2012-01-10 16:10:27 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
overflow: auto;
|
|
|
|
clear: both;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
2012-01-10 21:27:31 +00:00
|
|
|
.pressarticles div {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pressvideos {
|
|
|
|
> div {
|
|
|
|
margin-bottom: 15px;
|
|
|
|
padding-bottom: 7px;
|
|
|
|
border-bottom: solid 1px @text-blue;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
2012-05-04 13:56:41 +00:00
|
|
|
iframe, div.mediaborder {
|
2012-01-10 21:27:31 +00:00
|
|
|
.mediaborder;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-01-10 16:10:27 +00:00
|
|
|
.pressimages {
|
|
|
|
.outer {
|
|
|
|
clear: both;
|
|
|
|
|
|
|
|
div {
|
|
|
|
float: left;
|
|
|
|
width: 25%;
|
|
|
|
padding-bottom: 10px;
|
2012-01-11 15:00:10 +00:00
|
|
|
|
|
|
|
&.text {
|
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin: 0 auto;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
}
|
2012-01-10 16:10:27 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
clear: both;
|
2012-01-11 15:00:10 +00:00
|
|
|
|
|
|
|
.screenshot {
|
|
|
|
width: 150px;
|
|
|
|
.mediaborder;
|
|
|
|
}
|
2012-03-28 16:50:42 +00:00
|
|
|
}
|
|
|
|
|
2012-04-03 18:58:32 +00:00
|
|
|
/* 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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-04-09 14:11:06 +00:00
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
2012-04-03 18:58:32 +00:00
|
|
|
.work_campaigns {
|
|
|
|
border: 1px solid @blue-grey;
|
|
|
|
margin: 10px auto;
|
|
|
|
|
|
|
|
div {
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
&.campaign_info {
|
|
|
|
width: 60%;
|
|
|
|
margin: 5px;
|
|
|
|
}
|
|
|
|
}
|
2012-04-10 19:00:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
h2.thank-you {
|
|
|
|
font-size: 34px;
|
|
|
|
color: @call-to-action;
|
2012-05-08 13:27:03 +00:00
|
|
|
line-height: 40px;
|
2012-04-10 19:00:28 +00:00
|
|
|
}
|
|
|
|
|
2012-04-19 14:50:40 +00:00
|
|
|
.pledge_complete, .pledge_complete a {
|
2012-06-13 16:31:21 +00:00
|
|
|
font-size: @font-size-larger;
|
|
|
|
line-height: 18px;
|
|
|
|
margin-bottom: 15px;
|
2012-04-10 19:00:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#js-slide .jsmodule.pledge {
|
|
|
|
width: 960px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul.social.pledge {
|
|
|
|
li {
|
|
|
|
float: left;
|
|
|
|
padding-right: 30px !important;
|
|
|
|
}
|
|
|
|
|
2012-05-01 17:49:23 +00:00
|
|
|
margin-bottom: 100px;
|
2012-04-10 19:00:28 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#widgetcode {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
div.pledge-container {
|
|
|
|
width: 100%;
|
2012-05-08 13:27:03 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.yikes {
|
|
|
|
color: @alert;
|
|
|
|
font-weight: bold;
|
2012-01-03 21:17:04 +00:00
|
|
|
}
|