FSFE/fsfe-website
25
31
Fork 92
Code Issues 65 Pull Requests 5 Wiki Activity

Extract the spreadtheword styles #770
All checks were successful
the build was successful
Details

Browse Source
This commit is contained in:
Michael Weimann 2019-05-25 13:17:11 +02:00
parent 41a81ad655
commit ef540e70b3
Signed by: mweimann
GPG Key ID: 34F0524D4DA694A1
4 changed files with 119 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
contribute/spreadtheword.en.xhtml
View File

@ -3,127 +3,19 @@
<html>
<head>
<title>Spread the word</title>
<meta content="FSFE's Promotion Material" name="description" />
<meta content="FSFE Graphics Buttons Logo Promotion Sticker Poster Leaflets Flyer Campaigns Free Your Android I cannot read your documents Fellowship Plussy Gnu" name="keywords" />
<style type="text/css">
h1, h2, h3 {
clear: both;
}
.noclear {
clear: none;
}
div#toc {
float: right;
clear: right;
border: solid 1px;
margin: .5em;
background: rgb(240,240,240);
width: 40%;
padding: 1em 1.5em 1.5em 1.5em;
margin: 1.5em;
}
div#toc p {
text-indent: 0.5em;
margin-top: 1.5em;
}
div#toc p.head {
font-size: 1.15em;
text-align: center;
margin-top: 0;
text-indent: 0;
}
form#orderpromo {
clear: both;
margin: 2em 0 3em 0;
width: 70%;
}
form#orderpromo div {
margin-bottom: 0.7em;
}
form#orderpromo label {
font-weight: normal;
}
form#orderpromo div > label,
form#orderpromo div > input,
form#orderpromo div > textarea {
margin-left: 20px;
}
div.langselector ul {
list-style: none;
}
form#orderpromo input[type="checkbox"],
form#orderpromo input[type="radio"] {
margin-right: 0.3em;
}
div.langselector li {
display: inline-block;
width: 9em;
}
form#orderpromo .reveal {
opacity: 0;
max-height: 0;
overflow: hidden;
transform: scale(1);
transition: 0.5s;
}
form#orderpromo input[type="radio"]:checked ~ .reveal {
opacity: 1;
max-height: 300px; /* little bit of a magic number :( */
overflow: visible;
}
form#orderpromo fieldset {
border: 1px groove #aaa !important;
padding: 1em 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
form#orderpromo fieldset legend {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width:auto;
padding:0 10px;
border-bottom:none;
margin-bottom: 0;
}
form#orderpromo .help-block {
font-size: 16px;
padding-left: 19px;
}
form#orderpromo .input-group-addon {
padding: 6px 12px 6px 30px;
}
</style>
<meta
name="description"
content="FSFE's Promotion Material"/>
<meta
name="keywords"
content="FSFE Graphics Buttons Logo Promotion Sticker Poster Leaflets Flyer Campaigns Free Your Android I cannot read your documents Fellowship Plussy Gnu"/>
</head>
<body>
<body class="spreadtheword">
<p id="category"><a href="/contribute/">Contribute</a></p>
<h1 id="spread-the-word">Spread the word!</h1>
<div id="toc">
<p class="head"><strong><a href="#how-to-order">Order now</a></strong></p>

2
look/fsfe.less
View File

@ -1216,3 +1216,5 @@ video#freeyourandroid {
.home-newsletter-label {
margin-top: 30px;
}
@import "pages/spreadtheword";

6
look/fsfe.min.css vendored
View File

File diff suppressed because one or more lines are too long

107
look/pages/spreadtheword.less Normal file
View File

@ -0,0 +1,107 @@
.spreadtheword {
h1, h2, h3 {
clear: both;
}
.noclear {
clear: none;
}
div#toc {
float: right;
clear: right;
border: solid 1px;
margin: .5em;
background: rgb(240, 240, 240);
width: 40%;
padding: 1em 1.5em 1.5em 1.5em;
margin: 1.5em;
}
div#toc p {
text-indent: 0.5em;
margin-top: 1.5em;
}
div#toc p.head {
font-size: 1.15em;
text-align: center;
margin-top: 0;
text-indent: 0;
}
form#orderpromo {
clear: both;
margin: 2em 0 3em 0;
width: 70%;
}
form#orderpromo div {
margin-bottom: 0.7em;
}
form#orderpromo label {
font-weight: normal;
}
form#orderpromo div > label,
form#orderpromo div > input,
form#orderpromo div > textarea {
margin-left: 20px;
}
div.langselector ul {
list-style: none;
}
form#orderpromo input[type="checkbox"],
form#orderpromo input[type="radio"] {
margin-right: 0.3em;
}
div.langselector li {
display: inline-block;
width: 9em;
}
form#orderpromo .reveal {
opacity: 0;
max-height: 0;
overflow: hidden;
transform: scale(1);
transition: 0.5s;
}
form#orderpromo input[type="radio"]:checked ~ .reveal {
opacity: 1;
max-height: 300px; /* little bit of a magic number :( */
overflow: visible;
}
form#orderpromo fieldset {
border: 1px groove #aaa !important;
padding: 1em 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
form#orderpromo fieldset legend {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width: auto;
padding: 0 10px;
border-bottom: none;
margin-bottom: 0;
}
form#orderpromo .help-block {
font-size: 16px;
padding-left: 19px;
}
form#orderpromo .input-group-addon {
padding: 6px 12px 6px 30px;
}
}