improve CSS, and move many style attributes to easier rules

svn path=/trunk/; revision=35500
This commit is contained in:
Max Mehl 2017-06-17 11:53:59 +00:00
parent 8aa4b60524
commit e8526ef20a
1 changed files with 34 additions and 17 deletions

View File

@ -12,9 +12,13 @@
width: 40%;
}
h1, h3 {
h1, h2, h3 {
clear: both;
}
.noclear {
clear: none;
}
div#toc {
float: right;
@ -26,6 +30,24 @@
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%;
}
</style>
@ -39,10 +61,10 @@
<div id="toc">
<p style="text-indent:0.5em; font-size: 1.15em; text-align: center;"><strong><a href="#how-to-order">Order now</a></strong></p>
<p class="head"><strong><a href="#how-to-order">Order now</a></strong></p>
<p style="text-indent:0.5em;padding-top: 1em;"><strong>Available promotion material</strong></p>
<ul style="margin-bottom: 1em;">
<p><strong>Available promotion material</strong></p>
<ul>
<li><a href="#fsfe-and-fellowship-material">About the FSFE</a></li>
<li><a href="#freedom">About Free Software</a></li>
<li><a href="#f-droid">"Free Your Android" - campaign</a></li>
@ -50,30 +72,27 @@
<li><a href="#nocloud">"There is no cloud ..." - campaign</a></li>
<li><a href="#dfd">"Document Freedom Day"- campaign</a></li>
</ul>
<p style="text-indent:0.5em;padding-top: 1em;"><strong>Behind the scene</strong></p>
<p><strong>Behind the scenes</strong></p>
<ul>
<li><a href="#feedback">Any Feedback?</a></li>
<li><a href="#archives">Our Archive</a></li>
<li><a href="#upcoming">Upcoming promotion and campaigns</a></li>
<li><a href="#feedback">Any Feedback?</a></li>
<li><a href="#archives">Our Archive</a></li>
<li><a href="#upcoming">Upcoming promotion and campaigns</a></li>
</ul>
</div>
<h2 id="promo-material">FSFE Promotion Material</h2>
<h2 id="promo-material" class="noclear">FSFE Promotion Material</h2>
<p>
Are you going to a Free Software meeting or are you even organising one? Maybe you like to promote Free Software and the work of the FSFE around your friends and colleagues or at some public event? There are various reasons why and when you might like to receive promotion material for Free Software and the FSFE. Whatever it might be, we will be happy to send you our printed promotion material for <strong>no cost</strong>.<br /> On this page, you find an overview about our material and details about each product.</p>
<h2 id="how-to-order" style="clear:none">How to order</h2>
<h2 id="how-to-order" class="noclear">How to order</h2>
<p>
To order promotion material please use the following order form. You can order our default package or individual quantities and tell us explicitly what kind of promotion material you need or prefer. Feel free to decide for yourself. However, please keep in mind, that for postal reasons, in general we just send packages up to 1kg. If you need more, please ask in advance.
</p>
<div style="clear:both; margin: 2em 0 3em 0; width: 70%">
<form class="highlight labeledform" id="orderpromo" method="post" action="/cgi-bin/promotion.php" accept-charset="utf-8">
<!-- Translators: please set the value for the language to your language code -->
<input type="hidden" name="language" value="en" />
@ -113,9 +132,7 @@ No focus; just send me the default package. That means we will try to ensure tha
<input type="submit" name="dothis" value="Order now!"/>
<input type="submit" name="url" value="I am a spam robot" style="display:none;" /><br/>
</form>
</div>
<h1 id="available-promotion-material" style="margin-top:3em;">Available promotion material</h1>