Difference between revisions of "Template:BrainteaserFrame"

From BITPlan Wiki
Jump to navigation Jump to search
 
(12 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>
{{BrainteaserFrame|Header}}
+
{{BrainteaserFrame|Header|issue=15}}
 
{{BrainteaserFrame|Footer}}
 
{{BrainteaserFrame|Footer}}
  
Line 19: Line 19:
 
-->
 
-->
 
<html>
 
<html>
<head>
+
<title>BITPlan brainteaser {{{issue|}}} 2017-11</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
<!-- Stil Definitionen -->
<title>BITPlan brainteaser 15 2017-11</title>
+
<style type="text/css">
<!-- Stil Definitionen -->
+
  @media screen {
<style type="text/css">
+
    div.outer {
@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 {
+
@media print {
@page  
+
  @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 {
+
div.outer {
padding-top:0;  
+
  padding-top:0;  
border: 1px solid black;  
+
  border: 1px solid black;  
width: 19cm;  
+
  width: 19cm;  
margin-left: auto; margin-right: auto;
+
  margin-left: auto; margin-right: auto;
overflow:hidden;
+
  overflow:hidden;
font-family: Arial;
+
  font-family: Arial;
font-size: 100%;
+
  font-size: 100%;
color: rgb(0, 0, 0);
+
  color: rgb(0, 0, 0);
}
+
      }
 
}
 
}
 
div.inner {
 
div.inner {
Line 78: Line 76:
 
text-align: left;
 
text-align: left;
 
}
 
}
div.btheadline {  
+
  div.btheadline {  
padding-top: 0.1cm;
+
    font-size: 144%;
padding-left:1em;
+
    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;
+
        color: #FFF;
 
background-color: #FF8000;   
 
background-color: #FF8000;   
}
+
  }
div.btcontent {
+
  div.btcontent {
padding-top: 0.3cm;
+
    font-size: 120%;
padding-bottom: 0.3cm;
+
    padding-top: 0.3cm;
padding-left:1em;
+
    padding-bottom: 0.3cm;
}
+
    padding-left:1em;
div.brainteaser {
+
  }
        border-left: 0.2em solid #F80;
+
        border-bottom: 0.2em solid #F80;
+
  div.brainteaser {
      }
+
    border-left: 0.2em solid #F80;
 +
    border-bottom: 0.2em solid #F80;
 +
  }
 
</style>
 
</style>
  </head>
 
<body>
 
 
<!-- äußerer Rahmen -->
 
<!-- äußerer Rahmen -->
 
<div id='outerdiv' class='outer'>
 
<div id='outerdiv' class='outer'>
Line 104: Line 103:
 
<div id="topheader" style='border-bottom: 1px solid rgb(255, 128, 0); background-color: #e8e8e8; valign: top; padding:0.5cm; height:2.7cm; width:"100%"'>             
 
<div id="topheader" style='border-bottom: 1px solid rgb(255, 128, 0); background-color: #e8e8e8; valign: top; padding:0.5cm; height:2.7cm; width:"100%"'>             
 
<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%" >
<div class="blue">brainteaser 15</div>  
+
</html>
 +
<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>
 
</div>
 
</div>
 
<!-- innerer Rahmen -->
 
<!-- innerer Rahmen -->
 
  <div id='innerdiv' class="inner">
 
  <div id='innerdiv' class="inner">
 
<!-- oberer Rahmen -->
 
<!-- oberer Rahmen -->
    <div id='tops' class='brainteaser'> 
 
 
</html>
 
</html>
 
|Footer=<html>
 
|Footer=<html>
<!-- Ende innerer Rahmen innerdiv -->
+
<!-- Ende innerer Rahmen innerdiv -->
 
    </div>
 
    </div>
 
  <!-- Fußbereich -->
 
  <!-- Fußbereich -->
Line 132: Line 132:
 
     </div>
 
     </div>
 
     <!-- Ende äußerer Rahmen / outerdiv -->
 
     <!-- Ende äußerer Rahmen / outerdiv -->
</div>
+
    </div>  
  </body>   
 
 
</html>
 
</html>
 
 
}}
 
}}
 
</includeonly>
 
</includeonly>

Latest revision as of 16:58, 31 October 2017

This is the header template for brainteasers

Usage

{{BrainteaserFrame|Header|issue=15}}
{{BrainteaserFrame|Footer}}


BITPlan brainteaser {{{issue|}}} 2017-11

BITPlan Logo

brainteaser 15


breinti:zer - a mentally challenging problem or puzzle