Difference between revisions of "Template:BrainteaserFrame"
Jump to navigation
Jump to search
BITPlan brainteaser {{{issue|}}} 2017-11
| (10 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
= Usage = | = Usage = | ||
<pre> | <pre> | ||
| − | {{BrainteaserFrame|Header}} | + | {{BrainteaserFrame|Header|issue=15}} |
{{BrainteaserFrame|Footer}} | {{BrainteaserFrame|Footer}} | ||
</pre> | </pre> | ||
| Line 19: | Line 19: | ||
--> | --> | ||
<html> | <html> | ||
| − | + | <title>BITPlan brainteaser {{{issue|}}} 2017-11</title> | |
| − | + | <!-- Stil Definitionen --> | |
| − | + | <style type="text/css"> | |
| − | + | @media screen { | |
| − | + | div.outer { | |
| − | |||
| − | |||
padding-top:0; | padding-top:0; | ||
border: 1px solid black; | border: 1px solid black; | ||
| Line 34: | Line 32: | ||
font-size: 100%; | font-size: 100%; | ||
color: rgb(0, 0, 0); | color: rgb(0, 0, 0); | ||
| − | + | } | |
| − | + | } | |
| − | + | @media print { | |
| − | + | @page | |
{ | { | ||
size: auto; /* auto is the current printer page size */ | size: auto; /* auto is the current printer page size */ | ||
| Line 45: | Line 43: | ||
margin-right: 7mm; | margin-right: 7mm; | ||
} | } | ||
| − | + | div.outer { | |
| − | + | padding-top:0; | |
| − | + | border: 1px solid black; | |
| − | + | width: 19cm; | |
| − | + | margin-left: auto; margin-right: auto; | |
| − | + | overflow:hidden; | |
| − | + | font-family: Arial; | |
| − | + | font-size: 100%; | |
| − | + | color: rgb(0, 0, 0); | |
| − | + | } | |
} | } | ||
div.inner { | div.inner { | ||
| Line 78: | Line 76: | ||
text-align: left; | text-align: left; | ||
} | } | ||
| − | + | div.btheadline { | |
| − | + | font-size: 144%; | |
| − | + | padding-top: 0.1cm; | |
| + | padding-left:1em; | ||
padding-right:1em; | padding-right:1em; | ||
padding-bottom: 0.1cm; | padding-bottom: 0.1cm; | ||
display: inline-block; | display: inline-block; | ||
| − | + | color: #FFF; | |
background-color: #FF8000; | background-color: #FF8000; | ||
| − | + | } | |
| − | + | div.btcontent { | |
| − | + | font-size: 120%; | |
| − | + | padding-top: 0.3cm; | |
| − | + | padding-bottom: 0.3cm; | |
| − | + | padding-left:1em; | |
| − | div.brainteaser { | + | } |
| − | + | ||
| − | + | div.brainteaser { | |
| − | + | border-left: 0.2em solid #F80; | |
| + | border-bottom: 0.2em solid #F80; | ||
| + | } | ||
</style> | </style> | ||
| − | |||
| − | |||
<!-- äußerer Rahmen --> | <!-- äußerer Rahmen --> | ||
<div id='outerdiv' class='outer'> | <div id='outerdiv' class='outer'> | ||
| Line 105: | Line 104: | ||
<img style="float: right;" src="/images/wiki/3/38/BITPlanLogoFontLessTransparent.png" alt="BITPlan Logo" height="125%" > | <img style="float: right;" src="/images/wiki/3/38/BITPlanLogoFontLessTransparent.png" alt="BITPlan Logo" height="125%" > | ||
</html> | </html> | ||
| − | <div class="blue">brainteaser {{issue|}}}</div> | + | <div class="blue">brainteaser {{{issue|}}}</div> |
<br>breinti:zer - a mentally challenging problem or puzzle | <br>breinti:zer - a mentally challenging problem or puzzle | ||
<html> | <html> | ||
| Line 112: | Line 111: | ||
<div id='innerdiv' class="inner"> | <div id='innerdiv' class="inner"> | ||
<!-- oberer Rahmen --> | <!-- oberer Rahmen --> | ||
| − | |||
</html> | </html> | ||
|Footer=<html> | |Footer=<html> | ||
| − | + | <!-- Ende innerer Rahmen innerdiv --> | |
</div> | </div> | ||
<!-- Fußbereich --> | <!-- Fußbereich --> | ||
| Line 134: | Line 132: | ||
</div> | </div> | ||
<!-- Ende äußerer Rahmen / outerdiv --> | <!-- Ende äußerer Rahmen / outerdiv --> | ||
| − | + | </div> | |
| − | |||
</html> | </html> | ||
| − | |||
}} | }} | ||
</includeonly> | </includeonly> | ||
Latest revision as of 15:58, 31 October 2017
This is the header template for brainteasers
Usage
{{BrainteaserFrame|Header|issue=15}}
{{BrainteaserFrame|Footer}}
brainteaser 15
breinti:zer - a mentally challenging problem or puzzle