EbookFoundation
/
regluit
mirror of https://github.com/EbookFoundation/regluit.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
regluit/static/css/documentation.css

355 lines
6.4 KiB
CSS
Raw Normal View History

prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
/* variables and mixins used in multiple less files go here */
.header-text {
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.panelborders {
border-width: 1px 0px;
border-style: solid none;
border-color: #FFFFFF;
}
fleshing out the press kit
2012-01-10 21:27:31 +00:00
.mediaborder {
padding: 5px;
border: solid 5px #EDF3F4;
}
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
.google_signup_div {
padding: 14px 0;
}
.google_signup_div div {
css tweaks per stefan, updated press coverage
2012-01-30 15:09:45 +00:00
height: 24px;
line-height: 24px;
height: 24px;
line-height: 24px;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
float: left;
padding-left: 5px;
}
.google_signup_div img {
float: left;
css tweaks per stefan, updated press coverage
2012-01-30 15:09:45 +00:00
height: 24px;
width: 24px;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
}
.actionbuttons {
width: auto;
height: 36px;
line-height: 36px;
height: 36px;
line-height: 36px;
background: #8dc63f;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
border-radius: 32px;
-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: none;
now the rest of the registration-related stuff is prettier
2012-01-13 21:24:34 +00:00
margin: 5px 0;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
}
now the text before the learn more button randomizes onload and onclick
2012-01-02 21:20:07 +00:00
/* variables and mixins used in multiple less files go here */
.header-text {
height: 36px;
line-height: 36px;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 13px;
letter-spacing: -0.05em;
}
.panelborders {
border-width: 1px 0px;
border-style: solid none;
border-color: #FFFFFF;
}
fleshing out the press kit
2012-01-10 21:27:31 +00:00
.mediaborder {
padding: 5px;
border: solid 5px #EDF3F4;
}
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
.google_signup_div {
padding: 14px 0;
}
.google_signup_div div {
css tweaks per stefan, updated press coverage
2012-01-30 15:09:45 +00:00
height: 24px;
line-height: 24px;
height: 24px;
line-height: 24px;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
float: left;
padding-left: 5px;
}
.google_signup_div img {
float: left;
css tweaks per stefan, updated press coverage
2012-01-30 15:09:45 +00:00
height: 24px;
width: 24px;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
}
.actionbuttons {
width: auto;
height: 36px;
line-height: 36px;
height: 36px;
line-height: 36px;
background: #8dc63f;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
border-radius: 32px;
-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: none;
now the rest of the registration-related stuff is prettier
2012-01-13 21:24:34 +00:00
margin: 5px 0;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
}
now the text before the learn more button randomizes onload and onclick
2012-01-02 21:20:07 +00:00
.user-block-hide {
float: left;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
width: 100%;
clear: both;
now the text before the learn more button randomizes onload and onclick
2012-01-02 21:20:07 +00:00
border-top: solid 1px #8ac3d7;
margin-top: 20px;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
}
now the text before the learn more button randomizes onload and onclick
2012-01-02 21:20:07 +00:00
.user-block-hide .quicktour {
width: 270px;
float: left;
font-style: italic;
line-height: 20px;
font-size: 13px;
margin-top: 20px;
}
.user-block-hide .quicktour .highlight {
font-weight: bold;
}
.user-block-hide .quicktour.last {
padding-right: 0px;
width: 270px;
background: url("/static/images/landingpage/signmeup-arrow.png") no-repeat center bottom;
padding-bottom: 42px;
}
.user-block-hide .movingrightalong {
background: url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;
height: 100px;
width: 75px;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
float: left;
now the text before the learn more button randomizes onload and onclick
2012-01-02 21:20:07 +00:00
margin-top: 20px;
}
.block-intro-text div {
display: none;
size of unglue definition text box does not change now as definitions change
2012-01-03 14:12:31 +00:00
line-height: 25px;
now the text before the learn more button randomizes onload and onclick
2012-01-02 21:20:07 +00:00
}
.block-intro-text div#active {
display: inherit;
}
site prominently identified as preview. campaign elements of explore bar labeled as coming soon and pages will show alpha content on unglue.it (they still show full content elsewhere for development purposes)
2012-01-15 17:04:43 +00:00
body {
font-size: 13px;
line-height: 16px;
}
now the text before the learn more button randomizes onload and onclick
2012-01-02 21:20:07 +00:00
/* Learn More area (not already styles by learnmore.less) */
.user-block {
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
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: 20px;
}
.user-block1 a.readon {
float: left;
margin-top: 10px;
}
.user-block2 {
color: #6994a3;
font-size: 11px;
line-height: normal;
width: 30%;
}
.user-block2 .block-inner {
float: right;
padding-right: 0;
}
.user-block2 label {
float: left;
font-size: 20px;
height: 30px;
line-height: 30px;
color: #3d4e53;
padding-right: 15px;
}
green circle+arrow in learn more area makes no sense outside of landing page
2012-01-03 14:19:50 +00:00
.user-block-hide .quicktour.last {
background: none;
}
prettifying the documentation pages with new css
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: #edf3f4;
border: 1px solid #d6dde0;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
}
.have-right #js-rightcol .jsmodule {
border-bottom: 1px solid #3c4e52;
width: 235px;
}
.have-right #js-rightcol .jsmodule.last {
border-bottom: none;
padding-bottom: 10px;
}
.js-rightcol-padd {
padding: 10px;
}
/* Elements */
.doc h2 {
margin: 20px 0;
color: #3d4e53;
font-size: 17px;
font-weight: bold;
}
.doc h3 {
color: #3d4e53;
font-weight: bold;
}
.doc ul {
list-style: none;
padding: 0;
margin: 0;
}
.doc ul li {
margin-bottom: 7px;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
padding: 10px;
background: #edf3f4;
}
.doc div.inset {
background: #edf3f4;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
padding: 10px;
font-style: italic;
}
dt {
margin: 7px 0px 7px -7px;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
padding: 10px 0px 10px 7px;
background: #edf3f4;
}
dd {
margin: 0;
it is the skeleton of a press kit
2012-01-10 16:10:27 +00:00
padding-bottom: 7px;
prettifying the documentation pages with new css
2011-11-18 18:27:26 +00:00
}
.doc ol li {
margin-bottom: 7px;
}
making errors more obvious on campaign management page and goal more obvious on work page
2011-11-28 16:38:31 +00:00
.errorlist li {
border: solid #8dc63f 4px;
}
it is not unlike a sidebar organizing the FAQs
2012-01-03 21:17:04 +00:00
.collapse ul {
display: none;
}
it is the skeleton of a press kit
2012-01-10 16:10:27 +00:00
/* items on press page */
fleshing out the press kit
2012-01-10 21:27:31 +00:00
.spacer {
clear: both;
behold, an About page
2012-01-15 18:19:35 +00:00
height: 0px;
fleshing out the press kit
2012-01-10 21:27:31 +00:00
}
it is the skeleton of a press kit
2012-01-10 16:10:27 +00:00
.presstoc {
overflow: auto;
clear: both;
padding-bottom: 10px;
}
.presstoc div {
float: left;
padding-right: 15px;
behold, an About page
2012-01-15 18:19:35 +00:00
margin-bottom: 7px;
it is the skeleton of a press kit
2012-01-10 16:10:27 +00:00
}
.presstoc div.pressemail {
border: solid 2px #3d4e53;
padding: 5px;
making styling of sign in, password change, etc. less grody
2012-01-13 17:34:42 +00:00
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
fleshing out the press kit
2012-01-10 21:27:31 +00:00
max-width: 678px;
behold, an About page
2012-01-15 18:19:35 +00:00
margin-top: 7px;
fleshing out the press kit
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 #3d4e53;
float: left;
}
.pressvideos iframe {
padding: 5px;
border: solid 5px #EDF3F4;
padding: 5px;
border: solid 5px #EDF3F4;
it is the skeleton of a press kit
2012-01-10 16:10:27 +00:00
}
.pressimages {
clear: both;
}
.pressimages .outer {
clear: both;
}
.pressimages .outer div {
float: left;
width: 25%;
padding-bottom: 10px;
now the press page has pretty images. and links get a text decoration on hover, to be more obvious.
2012-01-11 15:00:10 +00:00
}
.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;
padding: 5px;
border: solid 5px #EDF3F4;
it is the skeleton of a press kit
2012-01-10 16:10:27 +00:00
}