Strona główna: Różnice pomiędzy wersjami
(Szkielet) |
|||
Linia 1: | Linia 1: | ||
− | <!-- | + | <!-- Logo, baner --> |
<div id="main-page-header" class="wikiglob" style=" | <div id="main-page-header" class="wikiglob" style=" | ||
− | + | height: 100%; | |
− | + | min-width: 350px; | |
− | + | border: 1px #C5C5C5 solid; | |
− | + | border-radius: .5em; | |
− | + | -moz-border-radius: .5em; | |
− | + | -webkit-border-radius: .5em; | |
− | + | padding: 5px 15px 5px 15px; | |
− | + | overflow: hidden; | |
− | + | vertical-align: center; | |
− | |||
− | |||
− | |||
− | |||
"> | "> | ||
<div style=" | <div style=" | ||
− | + | float: left; | |
− | + | width: 75%; | |
"> | "> | ||
<div style=" | <div style=" | ||
− | + | float: right; | |
− | + | width: 70%; | |
− | + | text-align: center; | |
"> | "> | ||
− | + | Tekst 0 | |
</div> | </div> | ||
<div style=" | <div style=" | ||
− | + | float: left; | |
− | + | width: 30%; | |
− | + | padding: .2em 0 0 0; | |
− | + | text-align: left; | |
"> | "> | ||
<span style=" | <span style=" | ||
− | + | display: block; | |
− | + | font-size: 180%; | |
− | "> | + | "> |
+ | Tekst 1 | ||
+ | </span> | ||
<span style=" | <span style=" | ||
− | + | display: block; | |
− | + | padding: .5em 0 0 0; | |
− | + | font-size: 120%; | |
− | "> | + | "> |
+ | Tekst 2 | ||
+ | </span> | ||
<span style=" | <span style=" | ||
− | + | display: block; | |
− | + | padding: .1em 0 0 0; | |
− | + | font-size: 100%; | |
− | "> | + | "> |
+ | Tekst 3 | ||
+ | </span> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style=" | <div style=" | ||
− | + | float: right; | |
− | + | width: 25%; | |
− | + | text-align: right; | |
"> | "> | ||
− | + | Teskt 4 | |
</div> | </div> | ||
</div> | </div> | ||
− | <!-- | + | |
− | <div id=" | + | <!-- Blok główny --> |
+ | <div id="main-page-content" style=" | ||
+ | margin-bottom:10px; | ||
+ | width:100%; | ||
+ | margin-top: 10px; | ||
+ | "> | ||
+ | |||
+ | <!-- Notka powitalna --> | ||
+ | <div id="main-page-wikiinfo" style=" | ||
+ | margin-bottom: 10px; | ||
+ | border: 1px solid #a7d7f9; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | background: transparent; | ||
+ | padding: 5px; | ||
+ | "> | ||
+ | Notka powitalna | ||
+ | </div> | ||
+ | |||
+ | <!-- Szukajka --> | ||
+ | <div class="layout plainlinks" style=" | ||
+ | margin-bottom: 10px; | ||
+ | border: 1px solid #a7d7f9; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | background: transparent; | ||
+ | padding: 5px; | ||
+ | "> | ||
+ | Szukajka | ||
</div> | </div> | ||
− | <!-- | + | |
− | <div | + | <!-- 1 rząd --> |
− | + | <!-- Lewa kolumna --> | |
− | + | <div style=" | |
+ | float: left; | ||
+ | margin-right: 1%; | ||
+ | height: 100%; | ||
+ | width: 32.5%; | ||
+ | background-color: transparent; | ||
+ | overflow-x: hidden; | ||
+ | "> | ||
+ | <div style=" | ||
+ | border: 1px solid #a7d7f9; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | background-color: white; | ||
+ | padding: 5px; | ||
+ | "> | ||
+ | Czy wiesz, że... | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Środkowa kolumna --> | ||
+ | <div style=" | ||
+ | float: left; | ||
+ | margin-right: 1%; | ||
+ | height: 100%; | ||
+ | width: 32.5%; | ||
+ | background-color: transparent; | ||
+ | overflow-x: hidden; | ||
+ | "> | ||
+ | <div style=" | ||
+ | border: 1px solid #a7d7f9; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | background-color: white; | ||
+ | padding: 5px; | ||
+ | "> | ||
+ | Dobry artykuł... | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Prawa kolumna --> | ||
+ | <div style=" | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | width: 32.5%; | ||
+ | background-color: transparent; | ||
+ | overflow-x: hidden; | ||
+ | "> | ||
+ | <div style=" | ||
+ | border: 1px solid #a7d7f9; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | background-color:white; | ||
+ | padding: 5px; | ||
+ | "> | ||
+ | Dobre zdjęcie... | ||
+ | </div> | ||
+ | </div><br clear="all" /> | ||
+ | |||
+ | <!-- 2 rząd --> | ||
+ | <!-- Lewa kolumna --> | ||
+ | <div style=" | ||
+ | float: left; | ||
+ | margin-top: 10px; | ||
+ | margin-right: 1%; | ||
+ | height: 100%; | ||
+ | width: 32.5%; | ||
+ | background-color: transparent; | ||
+ | overflow-x: hidden; | ||
"> | "> | ||
− | |||
<div style=" | <div style=" | ||
− | + | border: 1px solid #a7d7f9; | |
− | + | -moz-border-radius: 10px; | |
− | + | -webkit-border-radius: 10px; | |
− | + | border-radius: 10px; | |
− | + | background-color: white; | |
− | + | padding: 5px; | |
− | |||
"> | "> | ||
+ | Wydarzenia... | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Środkowa kolumna --> | ||
<div style=" | <div style=" | ||
− | + | float: left; | |
− | + | margin-top: 10px; | |
− | + | margin-right: 1%; | |
− | + | height: 100%; | |
− | + | width: 32.5%; | |
− | + | background-color: transparent; | |
+ | overflow-x: hidden; | ||
"> | "> | ||
− | + | <div style=" | |
− | + | border: 1px solid #a7d7f9; | |
− | + | -moz-border-radius: 10px; | |
− | + | -webkit-border-radius: 10px; | |
− | + | border-radius: 10px; | |
− | + | background-color: white; | |
− | + | padding: 5px; | |
− | + | "> | |
− | + | Rocznice... | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | <!-- | + | |
+ | <!-- Prawa kolumna --> | ||
<div style=" | <div style=" | ||
− | + | float: left; | |
− | + | margin-top: 10px; | |
− | + | height: 100%; | |
− | + | width: 32.5%; | |
− | + | background-color: transparent; | |
− | + | overflow-x: hidden; | |
"> | "> | ||
<div style=" | <div style=" | ||
− | + | border: 1px solid #a7d7f9; | |
− | + | -moz-border-radius: 10px; | |
− | + | -webkit-border-radius: 10px; | |
− | + | border-radius: 10px; | |
− | + | background-color:white; | |
− | + | padding: 5px; | |
"> | "> | ||
− | + | Nowe artykuły... | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div><br clear="all" /> | </div><br clear="all" /> | ||
</div> | </div> | ||
− | <!-- | + | <!-- Koniec bloku głównego --> |
− | + | ||
− | + | <!-- Stopka --> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <!-- | ||
<div style=" | <div style=" | ||
− | + | margin-bottom: 10px; | |
− | + | border: 1px solid #a7d7f9; | |
− | + | -moz-border-radius: 10px; | |
− | + | -webkit-border-radius: 10px; | |
− | + | border-radius: 10px; | |
− | + | background: transparent; | |
− | + | padding: 5px; | |
− | + | text-align: center; | |
− | + | font-size: 85%; | |
− | " | + | "> |
− | + | <p>Stopka 1</p> | |
− | <p> | + | <p>Stopka 2</p> |
− | <p> | ||
</div> | </div> |
Wersja z 09:03, 19 kwi 2011
Tekst 0
Tekst 1 Tekst 2 Tekst 3
Teskt 4
Notka powitalna
Szukajka
Stopka 1
Stopka 2