PageRenderTime 27ms CodeModel.GetById 0ms RepoModel.GetById 0ms app.codeStats 1ms

/dwoo-old/compiled/templates/spektakels.tpl.d17.php

https://github.com/jonathanslenders/balancirk-website
PHP | 337 lines | 253 code | 45 blank | 39 comment | 3 complexity | 418968d825550b9c0fae7e559f76729a MD5 | raw file
  1. <?php
  2. /* template head */
  3. if (function_exists('Dwoo_Plugin_include')===false)
  4. $this->getLoader()->loadPlugin('include');
  5. /* end template head */ ob_start(); /* template body */ ;
  6. '';// checking for modification in file:templates/base.tpl
  7. if (!("1300637056" == filemtime('templates/base.tpl'))) { ob_end_clean(); return false; };?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  11. <title>Balancirk</title>
  12. <!--
  13. ====================================================================================
  14. www.balancirk.be website:
  15. - Grafisch ontwerp: Copyright (c) 2010 - I. Swinnen
  16. - HTML/CSS: Jonathan Slenders
  17. - Tekst-inhoud: Balancirk VZW
  18. Niets van deze website mag gekopieerd worden zonder toestemming van Balancirk.
  19. ====================================================================================
  20. -->
  21. <meta name="author" content="Balancirk" />
  22. <meta name="keywords" content="balancirk, ballancirk,
  23. ballancirque, balancirque, ballencirk, circus, belgie, limburg" />
  24. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  25. <link rel="shortcut icon" href="/favicon.png" type="image/png" />
  26. <link rel="icon" href="/favicon.png" type="image/png" />
  27. <meta name="description" content="Balancirk - gedreven door de magie van het circus!" />
  28. <style type="text/css" media="screen">
  29. /* Reset layout */
  30. * {
  31. margin: 0;
  32. padding: 0;
  33. border: 0;
  34. outline: 0;
  35. font-weight: inherit;
  36. font-style: inherit;
  37. text-decoration: inherit;
  38. text-align: inherit;
  39. list-style-type: none;
  40. font-size: 100%;
  41. font-family: "Gill Sans MT", sans-serif; }
  42. strong { font-weight: bold; }
  43. em { font-style: italic; }
  44. a { color: #c5434f; }
  45. body, html { height: 100%;
  46. font-size: 11pt;
  47. /*background-color: #69a325; */
  48. background-color: #3e502b; }
  49. #vertical-alignment-tool { float:left; height:50%; margin-bottom: -420px; }
  50. #container0 {
  51. margin: 0 20px;
  52. clear: both;
  53. background-color: #eff9d0;
  54. /* border: 1px solid #eff9d0;*/
  55. border: 1px solid #3e502b;
  56. }
  57. #container1 {
  58. margin-top: -74px;
  59. background-image: url('graphics/background-right.png');
  60. background-position: right center; background-repeat: no-repeat;}
  61. #container2 {
  62. height: 800px;
  63. background-image: url('graphics/background-left.png');
  64. background-position: left center; background-repeat: no-repeat; }
  65. #container3 {
  66. min-height: 500px; padding: 100px 30px 0px 80px; }
  67. .copyright { background-color: #df2b1e; padding: 3px 20px 3px 150px; color: white; font-size: 90%; }
  68. ul#menu { margin: 40px 0 6px 100px; padding-left: 30px; padding-right: 150px;
  69. text-align: left; background-color: #df2b1e;
  70. height: 30px;
  71. list-style-type: none; }
  72. ul#menu li {
  73. position: relative;
  74. line-height: 29px;
  75. display: inline-block;
  76. background-image: url('graphics/menu_separator.png');
  77. background-repeat: repeat-y;
  78. background-position: left center;
  79. padding: 0 16px 0 25px;
  80. }
  81. ul#menu li a { color: white;}
  82. ul#menu li a:hover { color: #eff9d0; text-decoration: none; }
  83. ul#menu li.first { background-image: none; }
  84. ul#menu li ul { display: none;
  85. background-color: #df2b1e;
  86. background-position: left top;
  87. }
  88. ul#menu li:hover ul {
  89. display: block;
  90. position: absolute;
  91. left: -1px;
  92. }
  93. ul#menu li ul li { margin: 0; padding: 0;
  94. background-image: none;
  95. }
  96. ul#menu li ul li a { margin: 0; }
  97. ul#menu li ul li a {
  98. width: 12em;
  99. padding: 3px 3px 3px 10px;
  100. display: block;
  101. text-align: left;
  102. background-image: none; }
  103. #content {
  104. color: #68a323;
  105. overflow: auto;
  106. overflow-x: hidden;
  107. -ms-overflow-x: hidden;
  108. }
  109. #content table td, #content table th { color: #5d7f2b; }
  110. #content table.transparent td { background-color: transparent; color: #68a323; }
  111. #content p, #content ul { margin: 1em 0; }
  112. #content h2 { font-size: 130%; font-weight: bold; }
  113. #content h3 { font-size: 100%; font-weight: bold; }
  114. #content a { text-decoration: none; }
  115. #content a:hover { text-decoration: underline; }
  116. #content a img { border: none; }
  117. #content table tr td { background-color: #bfd5b1; }
  118. #content table.form-table tr td { background-color: transparent; }
  119. #content table tr.aodd td { background-color: #e6f4d6; }
  120. #content table tr td { padding: 3px 10px; border: none; }
  121. #content table tr th { font-weight: bold; }
  122. #content table { }
  123. #content dt { margin-left: 20px; font-weight: bold; }
  124. #content dd { margin: 0 0 20px 40px; }
  125. #content ul li { list-style-type: square; margin-left: 30px; }
  126. /* Forms */
  127. input, textarea{ border: 1px solid white; background-color: white; }
  128. input:focus, textarea:focus { border: 1px solid #5d7f2b; }
  129. input[type='submit'] { padding: 4px; background-color: rgb(126,177,43);; color: white; }
  130. p.error { background-color: #330000; color: #ffffff; padding: .2em; }
  131. p.info { background-color: #003300; color: #ffffff; padding: .2em; }
  132. /* Foto albums */
  133. div#picture-list {
  134. text-align: center; }
  135. div#picture-list span {
  136. width: 190px;
  137. height/**/:auto;
  138. border: 1px solid #c9ddb3;
  139. display: -moz-inline-block;
  140. display: -moz-inline-box;
  141. display: inline-block;
  142. margin: .5em;
  143. padding: .2em;
  144. background-image: url("/graphics/40p.png");
  145. }
  146. div#picture-list span img { padding-top: .5em; }
  147. div#picture-list span a { font-weight: bold; text-decoration: none; }
  148. div#picture-list span a:hover { text-decoration: none; }
  149. div#picture-list span:hover {
  150. background-image: '';
  151. background-color: white;
  152. }
  153. /*
  154. .weird_shape div { background-color: blue; opacity: .2; }
  155. */
  156. </style>
  157. <!--[if IE 7]>
  158. <style type="text/css">
  159. ul#menu li { display: inline; }
  160. ul#menu li a { text-decoration: none; }
  161. ul#menu li ul { top: 100%; }
  162. </style>
  163. <![endif]-->
  164. <!--[if IE 6]>
  165. <style type="text/css">
  166. #menu li { background: none transparent !important; }
  167. #menu li { float: left; width: 120px; margin: 0 -10px; padding: 0; background-image: none; }
  168. #menu li.menu_links, #menu li.menu_contact { width: 80px; }
  169. #menu li a { margin: 0; padding: 0; text-decoration: none; }
  170. #menu ul li { float: left; }
  171. #menu ul li a { height: 1%; }
  172. /* img, div { behavior: url(downloads/iepngfix.htc); } */
  173. </style>
  174. <![endif]-->
  175. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  176. </head>
  177. <body>
  178. <div id="vertical-alignment-tool">&nbsp;</div>
  179. <div id="container0">
  180. <ul id="menu">
  181. <li class=" first"><a href="/menu-atelier">Circusatelier</a>
  182. <ul class="first">
  183. <li><a href="/lessen">Wekelijkse lessen</a></li>
  184. <li><a href="/kampen-en-stages">Kampen en stages</a></li>
  185. <li><a href="/leerdoeleinden">Doelstellingen</a></li>
  186. <li><a href="/lidgeld">Lidgeld</a></li>
  187. <li><a href="/inschrijvingen">Inschrijvingen</a></li>
  188. <li><a href="/de-lesgevers">De lesgevers</a></li>
  189. <li><a href="/visie">Visie</a></li>
  190. </ul>
  191. </li>
  192. <li class=""><a href="/menu-op-verplaatsing">Op verplaatsing</a>
  193. <ul>
  194. <li><a href="/workshops">Workshops, initiaties en vrije instuif</a></li>
  195. <li><a href="/spektakels">Spektakels</a></li>
  196. </ul>
  197. </li>
  198. <li class=""><a href="/menu-fotos-en-filmpjes">Foto's en filmpjes</a>
  199. <ul>
  200. <li><a href="/albums">Foto albums</a></li>
  201. <li><a href="/filmpjes">Filmpjes</a></li>
  202. </ul>
  203. </li>
  204. <li class=""><a href="/gastenboek">Gastenboek</a></li>
  205. <li class=" menu_links"><a href="/links">Links</a></li>
  206. <li class=" menu_contact"><a href="/contact">Contact</a></li>
  207. </ul>
  208. <div id="container1">
  209. <div id="container2">
  210. <div id="container3">
  211. <div id="content" >
  212. <div class="weird_shape">
  213. <div style="float: right; clear: right; height: 30px; width: 150px;"> </div>
  214. <div style="float: right; clear: right; height: 30px; width: 155px;"> </div>
  215. <div style="float: right; clear: right; height: 30px; width: 165px;"> </div>
  216. <div style="float: right; clear: right; height: 30px; width: 175px;"> </div>
  217. <div style="float: right; clear: right; height: 30px; width: 183px;"> </div>
  218. <div style="float: right; clear: right; height: 30px; width: 196px;"> </div>
  219. <div style="float: right; clear: right; height: 30px; width: 207px;"> </div>
  220. <div style="float: right; clear: right; height: 30px; width: 222px;"> </div>
  221. <div style="float: right; clear: right; height: 30px; width: 235px;"> </div>
  222. <div style="float: right; clear: right; height: 30px; width: 245px;"> </div>
  223. <div style="float: right; clear: right; height: 30px; width: 255px;"> </div>
  224. <div style="float: right; clear: right; height: 30px; width: 265px;"> </div>
  225. <div style="float: right; clear: right; height: 30px; width: 275px;"> </div>
  226. <div style="float: right; clear: right; height: 30px; width: 282px;"> </div>
  227. <div style="float: right; clear: right; height: 30px; width: 287px;"> </div>
  228. <div style="float: right; clear: right; height: 30px; width: 289px;"> </div>
  229. <div style="float: right; clear: right; height: 30px; width: 291px;"> </div>
  230. <div style="float: right; clear: right; height: 30px; width: 291px;"> </div>
  231. <div style="float: right; clear: right; height: 30px; width: 291px;"> </div>
  232. <div style="float: right; clear: right; height: 30px; width: 291px;"> </div>
  233. <div style="float: right; clear: right; height: 30px; width: 289px;"> </div>
  234. </div>
  235. <?php if ((isset($this->scope["authenticated"]) ? $this->scope["authenticated"] : null)) {
  236. ?>
  237. <?php echo Dwoo_Plugin_include($this, "templates/_edit.tpl", null, null, null, '_root', null);?>
  238. <?php
  239. }?>
  240. <h2>Spektakels</h2>
  241. <table class="transparent">
  242. <tr>
  243. <td>
  244. <img style="width: 200px; padding: 0 20px;"
  245. src="/_albums/2010-07-08-vuurshow-kapermolen/full/DSC_8585.jpg" />
  246. </td>
  247. <td>
  248. <p>
  249. <strong>Vuurshow</strong>: een spektakel voor in het donker waar bij een maximale bezetting 9 artiesten ongevreesd hun kunsten vertonen met verschillende vuurmaterialen.
  250. De volledige show duurt een 20 tal minuten, maar er is altijd de mogelijkheid om in te korten of bepaalde technieken weg te laten.
  251. </p>
  252. <p><a href="/album?album=2010-07-08-vuurshow-kapermolen">Meer foto's &raquo;</a></p>
  253. </td>
  254. </tr>
  255. <tr>
  256. <td>
  257. <img style="width: 200px; padding: 0 20px;"
  258. src="/_albums/2010-belle-epoque/full/DSC_0072.jpg" />
  259. </td>
  260. <td><p>
  261. <strong>Belle Epoque en feu</strong>: In dit vlammend theaterstuk stellen we onze vier jongleurs voor op een originele manier. Niet lang daarna verlichten de eerste vlammen de scene. Geheel in het thema Belle Epoque tonen we u onze vuurkunsten vanuit onze mooie salon. Brandende lasso's, fakkels passeren, piramides en vuurspuwen zijn slechts enkele van de ingredi&euml;nten. Gelieve ons te contacteren voor meer informatie.</p>
  262. <ul><li>Lange versie: 30min</li><li>Korte versie: 15min</li><li>Speelveld: 7x4min</li>
  263. </ul>
  264. <p><a href="/album?album=2010-belle-epoque">Meer foto's &raquo;</a></p>
  265. </td>
  266. </tr>
  267. </table>
  268. </div>
  269. <div style="position: relative; margin: 0 0 0 0; width: 805px; ">
  270. <p style="margin-left: 90px; ">
  271. <a href="/index"><img src="graphics/address.png" style="width: 500px;" alt="Balancirk adres" /></a>
  272. </p>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. <div class="copyright">
  278. Copyright &copy; 2010 - BalanCirk vzw - Illustratie en grafisch ontwerp &copy; Inger Swinnen 2010
  279. </div>
  280. </div>
  281. </body>
  282. </html>
  283. <?php /* end template body */
  284. return $this->buffer . ob_get_clean();
  285. ?>