Add partners, change fonts & backgrounds

assets/main.css

@@ -120,8 +120,16 @@ a {
     max-height: 438px;
     display: none;
     font-size: 18px;
-    background-color: rgba(0, 0, 0, 0.2);
     position: relative;
+    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+}
+.content-center-wrapper .background {
+    position: absolute;
+    bottom: 12%;
+    top: 20px;
+    left: 20px;
+    right: 20px;
+
 }
 
 .content-center-wrapper .page.active {
@@ -183,6 +191,7 @@ a {
     padding-left: 10px;
     color: #ddd;
     font-weight: bold;
+    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 }
 .content-right-wrapper ul li:nth-child(5) .menubg {
     letter-spacing: -1px;
@@ -229,6 +238,13 @@ a {
     z-index: 100;
 }
 
+@media (max-width: 1080px) {
+    .content-center-wrapper .background {
+        bottom: auto;
+        height: 85%;
+    }
+}
+
 @media (max-width: 900px) {
     .content-left-wrapper {
         top: -96px;
@@ -290,16 +306,23 @@ a {
     top: -120px;
     text-align: center;
     color: #D2BD99;
-    font-size: 10px;
+    font-size: 15px;
+    line-height: 1.5em;
 }
 
 .credits a {
     color: #D2BD99;
 }
-
+.credits .partner-link {
+    font-size: 0;
+}
+.credits .partner-link img {
+    vertical-align: top;
+}
 /* Smoke canvas setup */
 
 #smoke-1 {
     width: 800px;
     height: 140px;
 }
+

index.html

@@ -69,6 +69,7 @@
             </div>
 
             <div class="content-center-wrapper">
+                <!-- <div class="background"></div> -->
                 <div class="page page-1 active">
                     <p>Kedves Érdeklődő! 2010. szeptember 27-től engedélyezett az otthoni pálinkafőzés. Nem váltak valóra azok a jóslatok, hogy egy mértéktelen ivászat és otthoni pancsolás időszaka fog eljönni. A hobbifőzők megtanulták a minőségi pálinka készítés technológiáját, tanfolyamokra járnak, gondosan megválogatják a felhasználni kívánt alapanyagokat és természetesen a pálinkafőző berendezéseket is. A kínálat hatalmas, mindenki találhat ízlésének és pénztárcájának megfelelőt. Én az egylépcsős töltetes főzők mellett teszem le a voksom. A folyamatos fejlesztések és tapasztalatok eredményeképpen megszületett a Prédikátor pálinkafőzők legújabb sorozata.  Duplafalu üst, töltetes reflux oszlop, nézőüveg, több pontos hőmérsékleti kontroll, intenzív és szabályozható deflegmáció, karimával szerelt modulok, hogy csak a leglényegesebb változásokat említsem.  A Készülék megbízhatóan dolgozik, szinte már művészet kibillenteni stabil termodinamikai egyensúlyából.  Továbbra is alapelv, hogy kezdők és professzionális felhasználók is elégedettek legyenek a készülékkel, ami gyakorlatilag ugyan azt tudja, amit egy kisüzemi méregdrága pálinkafőző berendezés. Alap és komplexebb beállítás mellett is végzi a dolgát. A minőség garanciája, hogy a pálinkafőzők nem szériában gyártott termékek, a gyártás a szakma szeretetéből, tiszteletéből nőtt ki. Minden egyes darab a legnagyobb gondossággal készül, igényes apró részletek eredménye, egy igazán szemet gyönyörködtető professzionális pálinkafőző. (foto) Ez a Prédikátor Lepárló!</p>
                     <p>(Akció! Aki vállalja, hogy az előkészített alkatrészekből velem összeépíti a saját pálinkafőzőjét, az 5% kedvezményt kap a vételárból. Nem mellesleg tökéletesen tisztában lesz a főző műszaki adottságaival is.)</p>
@@ -307,7 +308,16 @@
                 </ul>
             </div>
             <div class="clearfix"></div>
-            <div class="credits">HTML by <a href="http://szimadesign.hu/" target="_blank">szimadesign</a>, programming by <a href="http://linkedin.com/in/karolyi" target="_blank">karolyi</a></div>
+            <div class="credits">
+                HTML by <a href="http://szimadesign.hu/" target="_blank">szimadesign</a>,
+                programming by <a href="http://linkedin.com/in/karolyi" target="_blank">karolyi</a>,
+                partner: <a href="http://totalinox.hu/" target="_blank" class="partner-link">
+                    <img src="/images/logo-total-inox.png">
+                </a>
+                <a href="http://cu-technik.hu/" target="_blank" class="partner-link">
+                    <img src="/images/logo-cu-technik.png">
+                </a>
+            </div>
         </div>
     </div>
 </body>