Ana Sayfa
iletisim
zdefteri
wofh.rumain
Yeni
forum
22
a
imanway.com
aramayap
paradisejam.com
11
ı
asci
rff
tt
55
marchanddetrucs
alideriaru
bu
razdor.ru
kkk
222
88
Yeni sayfanın başlığı
goo
lazim
kingwarcom
ok
200
OO
gg
442
klkll
66
ggg
warinsectcom
tttt
online
eee
clubmateru
club-mate.ru
ff
1244
4str
ff0
HH8
HH
slaytfoto
8801
HJHJ
YJY6
nh
kolu
akan bulut
ttt
fff
ba
64654
g
r
f
grgr
ooo
endlessgenclikcom
54+6
744
8
ku
uku
tgt
uuu
tevhid
efef
ıııı
ğğğ
477
uh
efe
grfx.cstvcom
Y4
flk
5464
ukuk
kıkk
worldofants.net
dessower.ru
do.igg.com
efefvv
paper
fragoria.mail.ru
ukku
gw.igg.com
.sapkowski.su
vfvf
grgr5
egeg7
gbffdf
b
mavi
okkkk
52
888
co
grgrg
werr
rgrjhtjyh
ooooaşlığı
wqw
dscfdcd
yjhy
dvdv
rghtrhg
luk
wer
emanmedia.net
Yenicscs
cooltemplate
thth
fvf
kostenlose.browsergames.de
tht
jmhym
sitemap
Yeni yuı
4141
011
2555
fbfbf
KRALL
frfrbaşlığı
hjmhmyu
jyjy
yyyyyy
ıkoo
58
25
grg
koll
opp
kii
4555
02
geçişli bannerler
hngn
jkjkjjk
hjhjgjn
hrthgrth
momin.com.ansaralhojah.com
bfbfb
vbfdb
amynaonline
jooo
hhhh
rgrgg
goooo
movi
fgergr
fgfgfgfgf
1111111
fefefe
cms.templatehelp.com
moviyeee
5tytry
hngf
gtg
dvdvdv
tartaros.wemade.com
25555
p
ju
ffeggeg
koo
hooo
keeeeeeeeee
kuuuuuuuuu
new
400
4774
vvvvvvrvv
lo
41414
11111
nnn
100
2000
300
tmla
trtel.com
z
Y
000
004
5555
9999
44444
çööç
bbb
8988
56566
2100
44452
101010
99994
jkk
kkkkkk
fdı
gggg
c0
bnnn
çjkç
10011
5025
Yeni sayfan
hhhhfd
c01
0152
llll
mjmj
1201
2121
htht2445
065
5544
y45
fgsfdfd
ysdjl
456456540
2552525
012001
2010
2012
21021
1247
242121
vssvsv
4875
gyrd
lili
banner
kllkk
mok
teste
gollı
bon
guy
dbdbd
coo
gngn
guh
tamcss
en.casino-lemonade.com
cscs
benmcss
hhjyk
09
scsc
089
Yuo
juu
kuo
ngnbn
dcdc
401414
css
rtgrg
fgrfg
rgrgrrg
hrthht
css cerceve
CSS2
CSS1
8tem.com
01220
csss
ol,o
vdvdv
vbdfbf
minikcss
tems
25525
52825825
uytıkmuyk
kukuyku
tablolink
thrth
rgerghe
cssmavitk
rtybrybt
thhrh
lolku
tanoth
285288
nexon.net
687878
thtrhjt
rhrehefg
dvdvd
hbgtfhng
5654646
woh
muklo
temsec
gng
ukuku
ban
acilis
oceans
crafgo
kukku
ban2
iste-web
kolos
lololololo
025555
gfgrf
012012
kolu4
renkli css
KURAN
jkljk
99999999999
01245
57575
0
likefekt
dikkat
antitez
Galeri
fullicones
hkhk
1973
321webmastercom
apycom.com
516545
kuloko
012320
kuokol
sevendsen
juk
yjkuky
po
hu
gr
ko
scğı
251656
menu
sfhyt
12887
021302
supper
kolluft
bykchd
kuhhh
fortogaleri
TEMA
yjtyktktk
er
0125
besreysey
TEMA2
tez
nbbbbbb
zzzzzzzz
rrrrrrrrrr
TEMA
ince doku tasarım vectok
Tasarımın üzerindeki yazı:
</head> <body> <div id="top-bg"> <div id="bottom-bg"> <div id="container"> <div id="paper"> <div id="paper-sides"> <div id="paper-bottom"> <div id="paper-top"> <div class="clearfix"> <div id="left-col"> <h1 id="logo"><a title="Prancūziškų vynų kolekcija" href="http://www.gerasvynas.lt/index.php/pageid/354"><span>Prancūziškų vynų kolekcija</span></a></h1> <div id="nav-wrapper"> <div id="nav-top"></div> <div id="nav-container" class="clearfix"> <!-- nav --> <ul class="nav"><!-- --><li><div><a title="Vynas" href="index.php/pageid/355" onmouseover="dynamicMenu.overItem(this, 'dmenu1')" onmouseout="dynamicMenu.outItem()" class="clearfix ">Vynas</a><!-- --><div id="dmenu1" class="dynamic"><!-- --><div class="dynamic-top"></div><!-- --><div class="dynamic-container clearfix"><!-- --><ul class="nav"><!-- --><li><div><a title="Baltas vynas" href="index.php/pageid/398" class="clearfix ">Baltas vynas</a></div></li><!-- --><li><div><a title="Raudonas vynas" href="index.php/pageid/399" class="clearfix ">Raudonas vynas</a></div></li><!-- --><li><div><a title="Rožinis vynas" href="index.php/pageid/400" class="clearfix ">Rožinis vynas</a></div></li><!-- --><li><div><a title="Itališkas raudonas vynas" href="index.php/pageid/406" class="clearfix ">Itališkas raudonas vynas</a></div></li><!-- --><li><div><a title="Desertinis vynas" href="index.php/pageid/407" class="clearfix ">Desertinis vynas</a></div></li><!-- --></ul><!-- --></div><!-- --><div class="dynamic-bottom"></div><!-- --></div><!-- --></div></li><!-- --><li><div><a title="Šampanas / Putojantis vynas" href="index.php/pageid/405" class="clearfix ">Šampanas / Putojantis vynas</a><!-- --></div></li><!-- --><li><div><a title="Stiprieji gėrimai" href="index.php/pageid/401" onmouseover="dynamicMenu.overItem(this, 'dmenu3')" onmouseout="dynamicMenu.outItem()" class="clearfix ">Stiprieji gėrimai</a><!-- --><div id="dmenu3" class="dynamic"><!-- --><div class="dynamic-top"></div><!-- --><div class="dynamic-container clearfix"><!-- --><ul class="nav"><!-- --><li><div><a title="Armanjakas / Vaisiai armanjake" href="index.php/pageid/409" class="clearfix ">Armanjakas / Vaisiai armanjake</a></div></li><!-- --><li><div><a title="Likeriai / Aperityvai" href="index.php/pageid/408" class="clearfix ">Likeriai / Aperityvai</a></div></li><!-- --><li><div><a title="Degtinė" href="index.php/pageid/410" class="clearfix ">Degtinė</a></div></li><!-- --></ul><!-- --></div><!-- --><div class="dynamic-bottom"></div><!-- --></div><!-- --></div></li><!-- --><li><div><a title="Regionai" href="index.php/pageid/357" class="clearfix ">Regionai</a><!-- --></div></li><!-- --><li><div><a title="Aksesuarai" href="index.php/pageid/384" class="clearfix ">Aksesuarai</a><!-- --></div></li><!-- --><li><div><a title="Rekomenduok" href="index.php/pageid/368" class="clearfix ">Rekomenduok</a><!-- --></div></li><!-- --><li><div><a title="Paieška" href="index.php/pageid/367" class="clearfix ">Paieška</a><!-- --></div></li><!-- --><li><div><a title="Gurmanams" href="index.php/pageid/395" class="clearfix ">Gurmanams</a><!-- --></div></li><!-- --><li><div><a title="Kontaktai" href="index.php/pageid/358" class="clearfix ">Kontaktai</a><!-- --></div></li><!-- --></ul><!-- /nav --> </div> <div id="nav-bottom"></div> </div> </div><!-- /left-col --> <div id="right-col"> <div class="clearfix"> <div id="map-wrapper"> <div><img src="http://www.gerasvynas.lt/page/images/map.gif" width="360" height="340" usemap="#map" alt="" />
Tasarımın altındaki yazı:
</div> <map name="map" id="map"> <area shape="circle" coords="114,244,21" href="index.php/pageid/357/itemid/4" alt="Bordeaux" title="Bordeaux" /> <area shape="circle" coords="232,143,21" href="index.php/pageid/357/itemid/2" alt="Bourgogne" title="Bourgogne" /> <area shape="circle" coords="171,135,21" href="index.php/pageid/357/itemid/3" alt="Centre" title="Centre" /> <area shape="circle" coords="236,95,21" href="index.php/pageid/357/itemid/5" alt="Champagne - Ardenne" title="Champagne - Ardenne" /> <area shape="circle" coords="192,89,21" href="index.php/pageid/357/itemid/6" alt="Ile-de-France" title="Ile-de-France" /> <area shape="circle" coords="193,292,21" href="index.php/pageid/357/itemid/7" alt="Languedoc - Roussillon" title="Languedoc - Roussillon" /> <area shape="circle" coords="167,263,21" href="index.php/pageid/357/itemid/8" alt="Midi-Pyrenees" title="Midi-Pyrenees" /> <area shape="circle" coords="289,263,21" href="index.php/pageid/357/itemid/9" alt="Provence - Alpes - Cote d'Azur" title="Provence - Alpes - Cote d'Azur" /> <area shape="circle" coords="262,205,21" href="index.php/pageid/357/itemid/10" alt="Rhone-Alpes" title="Rhone-Alpes" /> <area shape="circle" coords="310,101,21" href="index.php/pageid/357/itemid/11" alt="Alsace" title="Alsace" /> </map> </div> <div id="regions-wrapper"> <div id="icons-wrapper"> <!-- icons --> <ul class="icons"> <li><a title="Paie ka" href="http://www.gerasvynas.lt/index.php/pageid/367" style="background: transparent url(http://www.gerasvynas.lt/page/images/icon-search.gif) no-repeat;"><span>Paie ka</span></a></li> <li><a title="Ra ykite mums" href="mailto:info@gerasvynas.lt" style="background: transparent url(http://www.gerasvynas.lt/page/images/icon-mail.gif) no-repeat;"><span>Ra ykite mums</span></a></li> <li class="first"><a title="Svetain?s strukt?ra" href="http://www.gerasvynas.lt/index.php/pageid/361" style="background: transparent url(http://www.gerasvynas.lt/page/images/icon-sitemap.gif) no-repeat;"><span>Svetain?s strukt?ra</span></a></li> </ul> <!-- /icons --> </div> <div class="clearfix"> <!-- regions --> <ul class="regions"> <li class="r1"><div><a title="Bordeaux" href="index.php/pageid/357/itemid/4"><span>Bordeaux</span></a></div></li> <li class="r2"><div><a title="Bourgogne" href="index.php/pageid/357/itemid/2"><span>Bourgogne</span></a></div></li> <li class="r3"><div><a title="Centre" href="index.php/pageid/357/itemid/3"><span>Centre</span></a></div></li> <li class="r4"><div><a title="Champagne - Ardenne" href="index.php/pageid/357/itemid/5"><span>Champagne - Ardenne</span></a></div></li> <li class="r5"><div><a title="Ile-de-France" href="index.php/pageid/357/itemid/6"><span>Ile-de-France</span></a></div></li> <li class="r6"><div><a title="Languedoc - Roussillon" href="index.php/pageid/357/itemid/7"><span>Languedoc - Roussillon</span></a></div></li> <li class="r7"><div><a title="Midi-Pyrenees" href="index.php/pageid/357/itemid/8"><span>Midi-Pyrenees</span></a></div></li> <li class="r8"><div><a title="Provence - Alpes - Cote d'Azur" href="index.php/pageid/357/itemid/9"><span>Provence - Alpes - Cote d'Azur</span></a></div></li> <li class="r9"><div><a title="Rhone-Alpes" href="index.php/pageid/357/itemid/10"><span>Rhone-Alpes</span></a></div></li> <li class="r10"><div><a title="Alsace" href="index.php/pageid/357/itemid/11"><span>Alsace</span></a></div></li> </ul> <!-- /regions --> </div> </div> </div> <div id="themes-wrapper" class="clearfix"> <!-- themes --> <ul class="themes"> <li class="m1"><a title="Vynas" href="index.php/pageid/355"><span>Vynas</span></a></li> <li class="m2"><a title="" href="index.php/pageid/385"><span></span></a></li> <li class="m3"><a title="" href="index.php/pageid/383"><span></span></a></li> </ul> <!-- /themes --> </div> <h3 class="slogan">Geriau daug gero vyno, negu mažai blogo.</h3> </div><!-- /right-col --> </div> <!-- copyright --> <div id="created"> <p id="all-r"><span class="copyright">Visos teis?s saugomos.</span></p> <p><a title="Artogama - web dizainas, puslapi? k?rimas, interneto vard? registravimas bei palaikymas" href="http://www.artogama.lt/" target="_blank" class="created-by"><span class="copyright">Suk?r?</span><span class="hide">: artogama.lt</span></a></p> </div><!-- /created --><!-- /copyright --> <div id="warning"> <h4 class="warn">* Vartodami alkoholį rizikuojate savo sveikata, savo šeimos ir aplinkinių gerove.</h4> </div><!-- /warning --> </div> </div> </div> </div> </div><!-- /container --> </div> </div> </body> </html>
İçerik bölümünün altındaki bilgi (mesela Copyright):
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form { padding: 0px; margin: 0px; } img { border: 0px; } textarea { overflow: auto; } html { height: 100%; } .magnify { cursor: url(/page/images/sys/magnify.cur); } * > .magnify { cursor: pointer; cursor: hand; } body, td, th, input, textarea, select { font-family: times new roman, serif; font-size: 13px; font-weight: normal; color: #64472f; } body { background: url(http://www.gerasvynas.lt/page/images/bg.gif) repeat-x; text-align: center; /* IE5.5 centravimas */ height: 100%; padding: 0px; } /* === Links === */ a { color: #003F5E; text-decoration: none; } a:hover { text-decoration: underline; } a.print { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/icon-print.gif) no-repeat right top; color: #64472f; text-align: right; text-decoration: none; } a.print:hover { text-decoration: underline; } /* === Main === */ /* Items */ table.items td.params { padding-left: 20px; width: 100%; } table.items td.spacer { display: none; } table.filter { position: relative; width: 580px; margin-left: -5px; margin-right: -5px; } table.filter td.separatorl { height: 120px; width: 30px; background: transparent url(http://www.gerasvynas.lt/page/images/sep1.gif) no-repeat left top; } table.filter td.separatorr { height: 120px; width: 30px; background: transparent url(http://www.gerasvynas.lt/page/images/sep1.gif) no-repeat right top; } table.filter td.content { padding-top: 18px; vertical-align: top; width: 550px; } table.filter td.content p { margin: 12px 0px; } /* Menu */ ul.nav { list-style: none; padding: 0px; margin: 0px; } .nav li { margin: 0px; padding: 0px; position: relative; } .nav a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/nav-bullet.gif) no-repeat; font-size: 13px; color: #771900; text-decoration: none; padding: 0px 0px 8px 17px; } .nav li li a { background: url(http://www.gerasvynas.lt/page/images/sub-nav-bullet.gif) no-repeat; padding: 0px 0px 8px 17px; color: #735131; } .nav .nav { margin-top: 2px; margin-bottom: 15px; line-height: 14px; } .nav a:hover { text-decoration: underline; } .nav a.selected { color: #003f5e; text-decoration: none; } .nav a.selected:hover { text-decoration: underline; } /* Sub menu 2 */ ul.sub-nav { list-style: none; padding: 0px; margin: 0px; } .sub-nav li { float: left; width: 33%; } .sub-nav a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/sub-nav-bullet.gif) no-repeat; font-size: 13px; color: #771900; text-decoration: none; padding: 0px 22px 2px 17px; } .sub-nav a:hover { color: #771900; text-decoration: underline; } .sub-nav a.selected { color: #003f5e; text-decoration: none; } .sub-nav a.selected:hover { color: #003f5e; text-decoration: underline; } /* Icons */ ul.icons { list-style: none; padding: 0px; margin: 0px; } .icons li { float: right; background: url(http://www.gerasvynas.lt/page/images/icons-bullet.gif) no-repeat; padding-left: 3px; } .icons li.first { background: none; padding-left: 0px; } .icons li a { display: block; width: 30px; height: 27px; } .icons a span { display: none; } /* Regions */ ul.regions { list-style: none; padding: 0px; margin: 0px; } .regions li { padding-left: 50px; } .regions li.r1 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r01.gif) no-repeat; width: 180px; height: 25px; } .regions li.r1 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r01o.gif) no-repeat; } .regions li.r2 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r02.gif) no-repeat; width: 180px; height: 25px; } .regions li.r2 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r02o.gif) no-repeat; } .regions li.r3 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r03.gif) no-repeat; width: 180px; height: 25px; } .regions li.r3 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r03o.gif) no-repeat; } .regions li.r4 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r04.gif) no-repeat; width: 180px; height: 25px; } .regions li.r4 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r04o.gif) no-repeat; } .regions li.r5 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r05.gif) no-repeat; width: 180px; height: 25px; } .regions li.r5 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r05o.gif) no-repeat; } .regions li.r6 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r06.gif) no-repeat; width: 180px; height: 25px; } .regions li.r6 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r06o.gif) no-repeat; } .regions li.r7 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r07.gif) no-repeat; width: 180px; height: 25px; } .regions li.r7 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r07o.gif) no-repeat; } .regions li.r8 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r08.gif) no-repeat; width: 180px; height: 25px; } .regions li.r8 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r08o.gif) no-repeat; } .regions li.r9 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r09.gif) no-repeat; width: 180px; height: 25px; } .regions li.r9 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r09o.gif) no-repeat; } .regions li.r10 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/regions/r10.gif) no-repeat; width: 180px; height: 25px; } .regions li.r10 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/regions/r10o.gif) no-repeat; } .regions li span { display: none; } /* Themes */ ul.themes { list-style: none; padding: 0px; margin: 0px; } .themes li { float: left; } .themes li.m1 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/themes/t1.gif) no-repeat left bottom; width: 148px; height: 196px; margin: 30px 67px 0px 0px; } .themes li.m1 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/themes/t1o.gif) no-repeat left bottom; } .themes li.m2 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/themes/t2.gif) no-repeat left bottom; width: 176px; height: 196px; margin: 30px 50px 0px 0px; } .themes li.m2 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/themes/t2o.gif) no-repeat left bottom; } .themes li.m3 a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/themes/t3.gif) no-repeat left bottom; width: 169px; height: 196px; margin-top: 30px; } .themes li.m3 a:hover { background: transparent url(http://www.gerasvynas.lt/page/images/themes/t3o.gif) no-repeat left bottom; } .themes li a span { display: none; } * > #top-bg { min-width: 990px; width: auto; } #bottom-bg { background: transparent url(http://www.kulkedisi.com/archer.gif) no-repeat center bottom; padding-bottom: 110px; } #container { background: transparent url(http://www.gerasvynas.lt/page/images/bg-container.jpg) no-repeat; text-align: left; width: 954px; margin-left: auto; margin-right: auto; } #paper { background: #eee7c1 url(https://img.webme.com/pic/b/biristanbulmasali/yaprakorta.png) repeat-y; } #paper-sides #paper-bottom { background: transparent url(https://img.webme.com/pic/b/biristanbulmasali/yaprakalt.png) no-repeat left bottom; } #paper-top { position: relative; background: transparent url(https://img.webme.com/pic/b/biristanbulmasali/yaprakust.png) no-repeat; height: 654px; } * > #paper-top { min-height: 654px; height: auto; } #left-col { float: left; width: 275px; padding-bottom: 139px; } h1#logo { margin: 82px 0px 21px 99px; } h1#logo a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/logo.gif) no-repeat; width: 120px; height: 120px; } h1#logo a span { display: none; } #nav-wrapper { margin: 0px 38px 64px 80px; } #nav-top { background: transparent url(http://www.gerasvynas.lt/page/images/nav-top.gif) no-repeat; font-size: 0px; height: 32px; } #nav-container { background: transparent url(http://www.gerasvynas.lt/page/images/nav-bg.gif) repeat-y; padding: 9px 20px 13px 20px; } #nav-bottom { background: transparent url(http://www.gerasvynas.lt/page/images/nav-bottom.gif) no-repeat; font-size: 0px; height: 67px; } .dynamic { position: absolute; z-index: 1000; background: #f2e8c5 url(http://www.gerasvynas.lt/page/images/dynamic-bg.gif) repeat-y; width: 199px; display: none; } .dynamic-top { position: relative; z-index: 100; background: transparent url(http://www.gerasvynas.lt/page/images/dynamic-top.gif) no-repeat; height: 60px; margin-top: -20px; } .dynamic-container { position: relative; height: 50px; margin: -30px 20px -30px 20px; z-index: 100; } * > .dynamic-container { min-height: 50px; height: auto; } .dynamic-bottom { position: relative; background: transparent url(http://www.gerasvynas.lt/page/images/dynamic-bottom.gif) no-repeat left bottom; height: 60px; margin-bottom: -20px; } #right-col { float: left; width: 610px; padding-bottom: 92px; } #map-wrapper { float: left; width: 360px; margin-top: 50px; } #regions-wrapper { float: left; width: 230px; } #regions-wrapper #icons-wrapper { height: 87px; padding: 41px 94px 0px 0px; voice-family: ""}""; voice-family: inherit; height: 46px; } #themes-wrapper { background: transparent url(http://www.gerasvynas.lt/page/images/lt/themes.gif) no-repeat; height: 226px; } #top-wrapper { padding: 41px 114px 13px 11px; } #quick-nav-wrapper { float: left; font-size: 11px; color: #836748; width: 350px; padding-top: 6px; } #quick-nav-wrapper a { color: #836748; text-decoration: none; } #quick-nav-wrapper a:hover { color: #836748; text-decoration: underline; } #quick-nav-wrapper span { color: #3d646b; } #top-wrapper #icons-wrapper { float: left; width: 135px; } #title-wrapper { background: transparent url(http://www.gerasvynas.lt/page/images/title-line.gif) no-repeat left bottom; padding-bottom: 6px; margin-bottom: 17px; } #title-container { float: left; width: 466px; } #print-container { float: left; width: 144px; padding: 14px 22px 0px 0px; voice-family: ""}""; voice-family: inherit; width: 122px; } #sub-nav-top { background: transparent url(http://www.gerasvynas.lt/page/images/sub-nav-line.gif) no-repeat; margin-top: 6px; } #sub-nav-wrapper { background: transparent url(http://www.gerasvynas.lt/page/images/title-line.gif) no-repeat left bottom; padding-top: 19px; padding-bottom: 17px; margin-bottom: 24px; } #content-wrapper { padding: 0px 22px 16px 11px; } #content { width: 577px; } .sep-line { background: transparent url(http://www.gerasvynas.lt/page/images/sep-line.gif) no-repeat; font-size: 0px; height: 2px; } #created { position: absolute; bottom: 0px; left: 42px; width: 233px; height: 139px; } #created p { text-align: center; padding-bottom: 4px; } #created p#all-r { padding-bottom: 10px; } #created a.created-by { background: transparent url(http://www.gerasvynas.lt/page/images/sys/artogama.gif) no-repeat right top; text-decoration: none; padding: 3px 70px 5px 0px; } #created a.created-by span.hide { display: none; } #created #logo { float: left; } #created #logo a { display: block; background: transparent url(http://www.gerasvynas.lt/page/images/sys/puslapis.gif) no-repeat right top; width: 53px; height: 14px; padding-left: 3px; } #created #logo a span { display: none; } #copyright-wrapper { float: right; text-align: right; padding-top: 1px; } #warning {/*+*/ position: absolute; background: transparent url(http://www.gerasvynas.lt/page/images/warning-line.gif) no-repeat; bottom: 0px; left: 275px; width: 610px; height: 92px; } /* Content images */ .img-container { /*+*/ } .img-container table tr.image td { background: transparent url(http://www.gerasvynas.lt/page/images/img-frame.gif) no-repeat; padding: 13px; } .img-container table tr.title { display: none; } .img-container table tr.title td { text-align: center; } /* === Txt === */ h2.title { font-size: 28px; font-weight: normal; color: #64472f; padding: 0px 11px; } h3.slogan { font-size: 18px; font-weight: normal; color: #a4906c; text-align: center; padding: 29px 20px; } h4.warn { font-size: 12px; font-weight: normal; color: #a4906c; text-align: center; padding: 16px 20px; } span.copyright { font-size: 11px; color: #a4906c; } div.separator { font-size: 0px; background: transparent url(http://www.gerasvynas.lt/page/images/separator.gif) no-repeat; height: 4px; margin: 15px 0px; } div.separator2 { font-size: 0px; background: transparent url(http://www.gerasvynas.lt/page/images/title-line.gif) no-repeat left bottom; height: 4px; margin: 15px 0px; } div.bg-links { padding-top: 25px; padding-left: 10px; background: transparent url(http://www.gerasvynas.lt/page/images/bg-links.gif) no-repeat left bottom; height: 47px; width: 92px; } /* === Other === */ .w25 { width: 25%; } .w33 { width: 33%; } .w50 { width: 50%; } .w100 { width: 100%; } .fl-left { float: left; } .fl-right { float: right; } /* Clear Fix */ .clearfix:after { content: "."; display: block; font-size: 0px; line-height: 0px; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } .clearfix { display: block; } * html .clearfix { height: 1px; } body { background: #fcf9e9 url(http://www.verkiai.lt/page/images/bg.gif); height: 100%; padding: 0px; }
</
GREN VEKTOR YUVARLAK TEMA:tevhidinanci
Tasarımın üzerindeki yazı:
</head> <body> <!--telo stranky--> <div id="top"> <div id="obal"> <script type="text/javascript"> function clickMe() { window.location.replace('iletisim.htm'); } </script> <span id="stin-top"></span> <!--logo--> <div id="box-logo"onclick="window.open('iletisim.htm', 'windowname1','width=640, height=620');"> <div id="logo1"><a href="./">Úvod</a><span>00000</span><a id="logoclick" href=".htm/" title="Ana Sayfa"></a></div> <h1 id="logo2">tevhidinancı Praha 2 restaurace<span class='logo2'></span></h1> </div> <!--konec loga--> <!--leve menu + prava cast obsahova--> <span id="bg-obsah-top"></span> <div id="box-hlavni"> <!--box leveho menu--> <div id="box-leva"> <!--leve menu--> <div class="leve-menu"> <!-- <center> <a target="_blank" href="/obrazky/image/silvestr2011/poster_silvester_2011_b.jpg"> <img src="/obrazky/image/silvestr2011/poster_silvester_2011_a.jpg"width="200"> </a> --> <center> </center> <ul> <li class="lm"> Ey iman edenler, Allah'tan sakının ve doğru (sadık)larla birlikte olun. (tevbe-119</li> </div><!--konec leveho menu--> </div><!--konec boxu leveho menu--> <div id="box-prava"> <div>
Tasarımın altındaki yazı:
</div> </p> </div><!--konec box prava obsahova cast--></div> <span id="bg-obsah-bottom"></span><!--konec leve menu + prava cast obsahova--> <!--paticka--> <div id="paticka"> <p>tevhidinanci.tr.gg © 2011 </div><!--konec paticky--> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-1222689-19"); pageTracker._initData(); pageTracker._trackPageview(); </script> <span id="stin-bottom"></span> </div></div> </body> </html>
İçerik bölümünün altındaki bilgi (mesela Copyright):
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /*css http://www.midasweb.eu */ * {margin: 0; padding: 0; border: none;} body {background:#561D01 url(http://www.ambrozie.cz/img/bg.jpg) ; font-size: 90%; margin: 0 auto; width: 100%; height:100%; position: relative; text-align: center; font-family: georgia, "trebuchet ms", tahoma, verdana, arial, lucida, sans-serif !important; line-height:1.5; color:#6E5B3B; padding-top:0px; padding-bottom:5px } ul {list-style-type:none} img {border: 0;} .blik {position: absolute; top: 78px; right: 15px; z-index:1000 ; width:76px; height:64px; float:right} .blik2 {background:url(http://www.ambrozie.cz/img/logo-blik1.gif) no-repeat; position: absolute; top: 120px; right: 0px; z-index:1000 ; width:263px; height:206px; float:right} /*telo*/ #obal {background: #7C2D00 url(http://www.ambrozie.cz/img/stin.gif) center top; width: 770px; margin:0 auto} #stin-top {background:#7C2D00 url(https://img.webme.com/pic/b/biristanbulmasali/untitled0111.png) no-repeat; width:770px; height:55px; font-size:1px; display:block} #stin-bottom {background:#7C2D00 url(http://www.ambrozie.cz/img/stin-bottom.gif) no-repeat; width:770px; height:30px; font-size:1px; display:block } #top {background:url(http://www.ambrozie.cz/img/bg-a6.gif) top repeat-x; width:100%; height:266px; margin:0 auto} /*logo*/ #box-logo {background:#7C2D00; width:770px; margin:0 auto; height:206px; padding:0; z-index:1} #logo1 {position:relative; width: 263px; height: 206px; overflow: hidden; color: #fff; float: left; text-align:center; line-height:206px;} #logo1 span {background:url("https://img.webme.com/pic/b/biristanbulmasali/logo333.png") top left no-repeat; position:absolute; right: 0; top: 0; width:263px; height:206px; z-index: 1} #logo2 {position: relative; width: 507px; height: 206px; overflow: hidden; color: #fff; float: right; text-align:center; line-height:206px;} .logo2, .logo3, .logo4, .logo5, .logo6 {position: absolute; left: 0; top: 0; width: 507px; height: 206px} .logo2 {background:url("https://img.webme.com/pic/b/biristanbulmasali/banner333.png") no-repeat} .logo3 {background:url("http://www.ambrozie.cz/img/logo-3.jpg") no-repeat} .logo4 {background:url("http://www.ambrozie.cz/img/logo-4.jpg") no-repeat} #logoclick {position: absolute; top: 0; right: 0; z-index: 5; display: block; width: 100%; height: 100%; } /*pod logem*/ #box-podlogem {background:#7C2D00 url(http://www.ambrozie.cz/img/podlogem.jpg) no-repeat; height:44px; width:770px; margin:0px auto; display:block} /*leve-menu*/ .lm {background:#852300 url(http://jay.deribo.de/demo/club/reveal/images/gallerywrap/4.jpg) top center; border-bottom:#632002 1px solid; border-right:#6A0101 1px solid; color:#CCBE9F; font-size: 140%; font-weight:bold; font-style:italic; margin-top:15px; margin-left:28px; padding: 2px 0 0 0; width:220px;} .leve-menu {font-size:90%; float:left; text-indent: 10px; line-height:30px; width: 265px; padding-top:45px;} .leve-menu li a {-moz-opacity: 0.7; opacity: 0.7; background:#762700; display: block; color:#fff; width: 220px; margin-left:28px; text-decoration:none; border-bottom:#600000 1px solid; border-right:#6A0101 1px solid; padding:2px 0 0 0;} .leve-menu li a:hover {background:#8D3203; color:#fff; border-bottom:#AA3301 1px solid; border-right:#AA3301 1px solid;} .aktiv {-moz-opacity: 0.5; opacity: 0.5; background:#8D3203; color:#fff; font-weight:bold; width: 220px; margin-left:28px; border-bottom:#6A0101 1px solid; border-right:#6A0101 1px solid; padding:2px 0 0 0;} /*hlavni box - leve menu + obsahova cast*/ #box-hlavni {background:#B04C09 url(http://www.ambrozie.cz/img/obsah.jpg); width:770px; margin: 0 auto;} #box-leva {text-align:left} #box-prava {background:#FFF0D7; margin:0 33px 0 270px; padding-bottom:50px; padding-top:10px; width:auto; min-height:650px; padding-left:0px } #bg-obsah-top {background:#B04C09 url(https://img.webme.com/pic/b/biristanbulmasali/untitled0222.png) no-repeat ; margin:0 auto; width: 770px; height:40px; display:block} #bg-obsah-bottom {background:#B04C09 url(https://img.webme.com/pic/b/biristanbulmasali/atltrem2.png) no-repeat; margin:0 auto; width: 770px; height:75px; display:block} #iNovinky {position:relative; top:-20px; right:50px; float:right; /*z-index:1;*/ display: block;} /*paticka*/ #paticka {background:#642202; font-size:85%; color:#fff; margin:0 30px; text-align:left; text-indent:0; font-family: "trebuchet ms"} #paticka p {margin:5px 0 0 0; padding:0; text-indent:0} #paticka a {text-decoration:underline} .oblib {visibility:hidden} /*texty*/ p {text-align: justify; text-indent:15px; padding:10px 18px 20px 18px} .ruzekp {background: url(http://www.ambrozie.cz/img/ruzek.gif) bottom right no-repeat; margin-right:5px} .ruzek p {background: url(http://www.ambrozie.cz/img/ruzek.gif) bottom right no-repeat; margin-right:5px} .ruzek ul, .ruzek ol {background: url(http://www.ambrozie.cz/img/ruzek.gif) bottom right no-repeat; margin-right:5px; padding-bottom:15px} .text {padding:0 0 20px 30px; margin:10px 0; line-height:120%} .text p {line-height:110%; text-indent:0} .blok-textu p {line-height:130%; font-size:105%; padding-bottom:35px} .blok-textu-obyc p {line-height:130%} .blok-textu-obyc p:first-line {font-weight:bold; color:#CE3B3E} .right {text-align:right} .center {text-align:center} .left {text-align:left} .uvitani {margin:0 5px; text-align:center; padding-top:10px; font-size:180%; font-weight:normal} .arial {font-family: arial} .b1 {text-align: justify; padding:10px 20px 20px 20px} .b2 {text-align: left; padding:10px 50px; font-size:120%; list-style-type:square} .b3 {text-align: left; padding:10px 10px 10px 38px; font-size:105%; list-style-image: url(http://www.ambrozie.cz/img/sipka.gif)} .b3 b {color:#3F4F06} .b3 li {padding-bottom:5px; font-size:85%} .b4 ul {background:url(http://www.ambrozie.cz/img/lev.gif) top right no-repeat} .text-ruda {color:#9E0B0E; text-indent:15px; font-weight:bold} .ruda {color:#9E0B0E; font-weight:bold} strong {color:#9E0B0E} .odr {background: url(http://www.ambrozie.cz/img/odr.gif) center center no-repeat; height:15px;} em {letter-spacing:-0.08em; font-weight:bold} .italic {margin:0 auto; width:95%; display:block} .italic p{color:#C64302; font-size: 70%; font-style:italic } /*nadpisy*/ h1.nadpis, h2.nadpis, h3.nadpis {color:#4a5d05} h1 {color:#fff; font-size:150%} h3.levemenu {font-size:13px} h3 {color:#B25421} h5 {color:#B25421; margin:0 10px; text-align:left; font-size:130%} h3.jnl {text-indent:30px} .v1:first-letter {font-size:140%; color:#7C2D00} .v1 { line-height: 40px; padding-bottom:0px; text-align:left; text-indent:50px; font-size:130%; letter-spacing:-1px; margin:15px 0 10px 20px; color:#8A7551} .hlnadpis {background: url(http://www.ambrozie.cz/img/hlnadpis.gif) bottom left no-repeat} .jlistek {background: url(http://www.ambrozie.cz/img/jlistek.gif) bottom left no-repeat} .nlistek {background: url(http://www.ambrozie.cz/img/nlistek.gif) bottom left no-repeat} .penize {background: url(http://www.ambrozie.cz/img/penize.gif) bottom left no-repeat} .kontakt {background: url(http://www.ambrozie.cz/img/kontakt.gif) bottom left no-repeat} .telefon {background: url(http://www.ambrozie.cz/img/telefon.gif) bottom left no-repeat} .personal {background: url(http://www.ambrozie.cz/img/personal.gif) bottom left no-repeat} .country {background: url(http://www.ambrozie.cz/img/country.gif) bottom left no-repeat} .oko {background: url(http://www.ambrozie.cz/img/oko.gif) bottom left no-repeat} .hodiny {background: url(http://www.ambrozie.cz/img/hodiny.gif) bottom left no-repeat} .pnadpis {background: url(http://www.ambrozie.cz/img/odr.gif) bottom left no-repeat; padding-bottom:10px; text-align:left; text-indent:25px; margin:25px 0 10px 0; font-size:110%} /*odkazy*/ a {color:#94320C} a:hover {color:#CC5201} a.ruda {color:#9E0B0E;} a:hover.ruda {color:#000} /*hr*/ hr.cleaner {clear:both; display: none} hr.oddel {background-color:#afaf97; color:#afaf97; width:85%; height:1px; margin: 20px auto 20px auto; text-align:center} hr.oddel2 {background-color:#edf4e5; color:#edf4e5; width:90%; height:1px; margin: 10px auto;} .linka {background:#FFF0D7 url(http://www.ambrozie.cz/img/linka.gif) center center no-repeat; margin:10px} /*img*/ .border a img {border: #8A7551 2px solid} .border a:hover img {border: #D83B08 2px solid} .bg-img li {background:url(http://www.ambrozie.cz/img/foto-tn.gif) no-repeat; border:0; height:130px; float:left; width:185px; margin:5px 10px; padding-top:18px; font-size:10px; color:#8A7551} .bg-img span {padding:0 3px 1px;} .blok-foto {margin:0 10px 0 20px; padding: 35px 0} .foto {margin:1px 0 1px 10px; float: right; border:#D8CA98 0px solid} /*rezervacni formular*/ .rezform {background:#FFF0D7; padding:16px} table.tform { padding:0; margin:0; text-align:left; font-family: georgia; font-size:100%} td.leva {width:190px} td.prava {width:210px} .area, .pole1, .pole2, .pole3, .tlacitko {background:#FFFFE3; border: #D4C09E 1px solid; padding:1px} .area:hover, .pole1:hover, .pole2:hover, .pole3:hover, .tlacitko:hover {border:#9E0B0E 1px solid} .area {width:400px; padding:5px; background:#FFFFE3; color: black; height: 120px; } .pole1 {width:200px} .pole2 {width:25px} .pole3 {width:70px} .pad {margin-top:25px} .tlacitko {width: 70px; background-color:#9C3B0C; margin:10px 0; color:#fff} .datum {font-size:70%; font-style:italic; color:#9E0B0E} .pozpatku {unicode-bidi:bidi-override; direction: rtl; } /*obrazky v galerii*/ .card { float: left; width: 142px; margin: 0 7px 15px 0; padding: 5px 0; text-align: center; background: #F3E3C9 url(http://www.ambrozie.cz/img/bg-card.gif) bottom right repeat-x; border-right:#642202 1px solid; border-bottom:#642202 1px solid; border-left:#EEDCBF 1px solid; border-to#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 12px Georgia, Verdana, Helvetica, sans-serif; color :#fff; border-bottom: #CB4A02 1px solid; border-left: #CB4A02 1px solid; border-right: #CB4A02 1px solid; background-color: #8D3203; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html>body .clearfix { display: inline-block; width: 100%; } * html .clearfix { /* Hides from IE-mac */ height: 1%; /* End hide from IE-mac */ }
gren css teması::::::::::::
Tasarımın üzerindeki yazı:
</head> <body id="bnone"> <div id="wrapper"> <div id="subwrapper"> <div id="subsubwrapper"> <div id="header"> <h1 id="site-title"><a href="http://philosophy.nd.edu/">Department of Philosophy</a></h1> <div id="nav-support"> <ul id="top"> <li id="nav-contact"><a href="http://philosophy.nd.edu/contact/">Contact</a></li> <li id="nav-search"><a href="http://philosophy.nd.edu/search/">Search</a></li> <li id="nav-home"><a href="http://philosophy.nd.edu/">Home</a></li> </ul> </div> <div id="nav-global"> <ul> <li id="navabout"><a href="http://philosophy.nd.edu/about/">About</a></li> <li id="navpeople"><a href="http://philosophy.nd.edu/people/">People</a></li> <li id="navgrad"><a href="http://philosophy.nd.edu/graduate-program/">Graduate Program</a></li> <li id="navugrad"><a href="http://philosophy.nd.edu/undergraduate-program/">Undergraduate Program</a></li> <li id="navcourses"><a href="http://philosophy.nd.edu/courses/">Course Descriptions</a></li> <li id="navjournals"><a href="http://philosophy.nd.edu/journals/">Journals & Centers</a></li> <li id="navnews"><a href="http://philosophy.nd.edu/news/">News & Events</a></li> </ul> </div> </div> <div id="content-wrapper"> <div id="content-sub-wrapper"> <div id="content-main">
Tasarımın altındaki yazı:
</div> <div id="content-supplemental"> <div id="nav-sub"> </div>0 <div id="content-secondary"> <ul id="feature-badges"> </ul> </div> </div> </div> </div> </div> </div> <div id="footer"> <div id="footer-affiliates"> <ul> <li id="aff1"><a href="http://philosophy.nd.edu/journals/#cprelig">Center for the Philosophy of Religion</a></li> <li id="aff2"><a href="http://philosophy.nd.edu/journals/#ethics">The Center for Ethics and Culture</a></li> <li id="aff3"><a href="http://philosophy.nd.edu/journals/#ndjmc">Maritain Center</a></li> <li id="aff4"><a href="http://philosophy.nd.edu/journals/#medinst/">Medieval Institute</a></li> <li id="aff5"><a href="http://philosophy.nd.edu/journals/#logic">Notre Dame Journal of Formal Logic</a></li> <li id="aff6"><a href="http://philosophy.nd.edu/journals/#ideal">International Yearbook of German Idealism</a></li> <li id="aff7"><a href="http://philosophy.nd.edu/journals/#reilly">Reilly Center for Science, Technology, and Values</a></li> <li id="aff8"><a href="http://philosophy.nd.edu/journals/#ndwap">Workshop on Ancient Philosophy</a></li> <li id="aff9"><a href="http://philosophy.nd.edu/journals/#cejch">Center for Environmental Justice and Children's Health</a></li> <li id="aff10"><a href="http://philosophy.nd.edu/journals/#philinst">Philosophic Institute</a></li> </ul> </div> <div id="footer-info"> <div> <p>Copyright ©2009 <a href="http://nd.edu/">University of Notre Dame</a> - <a href="http://philosophy.nd.edu/">Department of Philosophy</a></p> <p>100 Malloy Hall Notre Dame, IN 46556 P: 574-631-6471 E: <a href="mailto:ndphilo@nd.edu">ndphilo@nd.edu</a></p> <p>Site maintained by: <a href="mailto:robertson.24@nd.edu">robertson.24@nd.edu</a></p> </div> <h4 id="college-title"><a href="http://al.nd.edu/">College of Arts and Letters</a></h4> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-8310396-13"); pageTracker._trackPageview(); } catch(err) {}</script> </div> </div> </div> </body> <!-- InstanceEnd --></html>
İçerik bölümünün altındaki bilgi (mesela Copyright):
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /************************** Copyright 2004 University of Notre Dame Notre Dame Web Group http://webgroup.nd.edu **************************/ @media screen, projection { .be-nice-to-Mac-IE5 { font-family: ""}""; font-family: inherit; } /* -- GENERAL REDECLARATIONS ---------------------------------------- */ html {} * {margin:0; padding:0;} body {background:url(http://philosophy.nd.edu/assets/images/bg-body.jpg) top left; padding:0;height: 100%;} body, input, select, textarea, p, li, td, th {font-size:11px; font-family:"Trade Gothic", Arial, "Century Gothic", "Lucida Sans", "Trebuchet MS",sans-serif; color:#000;} a {text-decoration:underline;color:#F7E79C;font-weight:bold;} a:hover {text-decoration:none;} ul, ol {margin:0 0 10px 25px;} dl {margin:0 0 10px;} dt {font-weight:bold;} dd {margin:0 0 3px 10px;} p {margin:0 0 15px;font-size:100%;} h1 {font-size:x-large; margin:0 0 12px; font-weight:bold;} h1 a {text-decoration:none;} h2 {font-size:18px; margin:8px 0; font-weight:bold;} h2 a {border:none !important;text-decoration:underline;} h3 {font-size:16px; margin:9px 0 5px;font-weight:bold;} h3 a {border:none;text-decoration:none;} h4 {font-size:14px; margin:7px 0;font-weight:bold;} h5 {font-size:12px; margin:3px 0;} h6 {font-size:11px; margin:0;} hr {display:none;} img {border:none;} acronym {border-bottom: 1px dotted;} blockquote {margin:0 25px 20px 25px;} td {vertical-align:top;} /* -- CLASSES ---------------------------------------- */ .photo-left {clear:left; float:left; margin:0 15px 15px 0; padding:4px; background:#fff; border:1px solid #369;} .photo-right {clear:right; float:right; margin:0 0 15px 15px; padding:4px; background:#fff; border:1px solid #369;} .highlight {background:#DAE3EC;} .result {margin:0 0 20px;} .result a {border-bottom:1px solid #B7C8D7;} .result a:hover {border-bottom:1px solid;} .search-score {color:#aaa; border-top:1px solid; padding:3px 0 0;} .teaser-link {text-align:right;} .right {clear: right;} p.pull-quote {width:150px;float:right;padding:16px 0 6px 26px;font-size:140%;font-weight:bold; margin:0 0 12px 15px;} div.callout-box {width:140px;float:right;padding:10px;font-size:100%;font-weight:bold; margin:0 0 12px 15px;border:1px solid #ADA289;background:#f8f8f8;} table {} table td, table th{margin:0;padding:4px 4px 4px 4px;font-size:12px;vertical-align:top;} .currentRow {background-color:#E7E4E2;} .clearme {clear:both;} .clearme2 {clear:both;} /* -- ID'S ---------------------------------------- */ #wrapper {width:100%;text-align:left;padding:0;position:relative;background:url(http://philosophy.nd.edu/assets/images/bg-body-top.jpg) repeat-x top left;} #subwrapper{position:relative;width:770px;margin:0 auto 0;} #subsubwrapper{position:relative;width:770px;background:url(http://philosophy.nd.edu/assets/images/content-repeater.jpg) repeat-y top left;float:left;} #header {width:770px;height:112px;position:relative;background:url(resim falan yok) no-repeat top left;padding:0;margin:0 0 0 0;} #header a {border:none;} #site-title{position:absolute;top:0px;left:30px;} #site-title a {display:block;height:45px;width:395px;text-indent:-9999px;overflow:hidden;} #site-title h3 {text-indent:-9999px;margin:0;} #nd-title a {display:block;height:50px;width:210px;text-indent:-9999px;overflow:hidden;} #nd-title {text-indent:-9999px;margin:0;position:absolute;top:0;left:20px;height:35px;width:210px;} #image-rotator{position:absolute;left:562px;} #image-rotator a{} #contact-info {width:528px;position:absolute;top:186px;overflow:hidden;height:20px;line-height:20px;} #contact-info ul {list-style:none;margin:0 0 0 30px;padding:0;} #contact-info li {display:inline;padding:0;margin:0;margin-right:15px;font-size:10px;color:#036;font-weight:bold;} /** * body specific styles */ #content-wrapper {width:770px;position:relative;float:left;padding:0;margin:0 0 0 0px;background:url(http://philosophy.nd.edu/assets/images/bg-content-top.jpg) no-repeat center top;} #content-main {width:440px;float:left;margin:0 0 0 40px;display:inline;color:#2F261F;line-height:1.4;padding:0 0 20px 0;font-size:106%;} #content-main li{font-size:12px;} #content-main h1#page-title{margin:0px 0 20px 0;height:48px;line-height:48px;padding:0px 0 0 0;text-align:left;font-weight:normal;letter-spacing:-1px;display:block;color:#F7E79C;font-size:19px;} #content-main h1{margin:0px 0 10px 0;padding:0px 0 0 0;text-align:left;font-weight:bold;display:block;} #content-wrapper #content-main a{color:#050308;text-decoration:underline;} #content-main a:Hover{text-decoration:none;} #home-features #feature-news img.left { margin: 0px; border: 0px solid #fff; float: left; clear: none;} #home-features #feature-news img.right { margin: 0px; border: 0px solid #fff; float: right; clear: none;} #content-main img {clear:right; float:right; margin:0 0 0px 0px; } #content-supplemental { float:right;display:inline;position:relative; padding:0; margin:0 0px 0 0; width:0px; } #content-supplemental {color:#fff;} #content-supplemental h3, #content-supplemental h4 {margin-left:18px;} #footer {clear:both;width:770px;height:282px;margin:0 auto 0; background:transparent url(http://philosophy.nd.edu/assets/images/bg-footer-shadow-new.png) no-repeat 0 0;} #footer-affiliates{display:block;height:101px;width:757px;padding:0;position:relative;top:36px;left:1px;background:url(http://philosophy.nd.edu/assets/images/aff-matrix-new.jpg) no-repeat 10px 0px;} #footer-affiliates ul{width:750px;margin:0 0 0 11px;padding:0;list-style:none;position:relative;} #footer-affiliates li{margin:0;padding:0;position:absolute;display:block;text-align:center;} #footer-affiliates a{display:block;width:149px;position:relative;height:50px;text-indent:0px;margin:0;background:url(http://philosophy.nd.edu/assets/images/aff-matrix-new.jpg) no-repeat 0px 0px;text-indent:-9999px;overflow:hidden;} #footer-affiliates a:Hover{} #aff1{top:0;left:0px;background-position:0 0;} #aff1 a{background-position:0px 0px;} #aff1 a:Hover{background-position:0px -101px;} #aff2{top:0;left:149px;} #aff2 a{background-position:-149px 0px;} #aff2 a:Hover{background-position:-149px -101px;} #aff3{top:0;left:298px;} #aff3 a{background-position:-298px 0px;} #aff3 a:Hover{background-position:-298px -101px;} #aff4{top:0;left:447px;} #aff4 a{background-position:-447px 0px;} #aff4 a:Hover{background-position:-447px -101px;} #aff5{top:0;left:596px;} #aff5 a{background-position:-596px 0px;} #aff5 a:Hover{background-position:-596px -101px;} #aff6{top:51px;left:0px;} #aff6 a{background-position:0px -51px;} #aff6 a:Hover{background-position:0px -152px;} #aff7{top:51px;left:149px;} #aff7 a{background-position:-149px -51px;} #aff7 a:Hover{background-position:-149px -152px;} #aff8{top:51px;left:298px;} #aff8 a{background-position:-298px -51px;} #aff8 a:Hover{background-position:-298px -152px;} #aff9{top:51px;left:447px;} #aff9 a{background-position:-447px -51px;} #aff9 a:Hover{background-position:-447px -152px;} #aff10{top:51px;left:596px;} #aff10 a{background-position:-596px -51px;} #aff10 a:Hover{background-position:-596px -152px;} #footer-info {position:relative;width:750px; clear:both;top:40px;} #footer-info div{position:absolute;width:550px;margin:0px 0 0 40px; height:130px; padding:40px 0 0 0px; color:#fff;clear:both;} #footer-info p{margin:0;font-size:11px;color:#fff;} #footer-info a{} h4#college-title {margin:0px;position:absolute;top:5px;left:550px;z-index:110;} h4#college-title a {display:block;height:120px;width:150px;overflow:hidden;text-indent:-9999px;} /* MAIN NAVIGATION ----------------------------------------------- */ #nav-sub{margin:70px 0 60px 0;} #nav-sub ul{list-style:none;margin:0;} #nav-sub ul li{} #nav-sub ul li a{display:block;text-decoration:none;font-weight:normal;width:193px;letter-spacing:0px;color:#fff;font-size:14px;padding:9px 0 9px 0px;margin:0 0 0 30px; border-bottom:1px solid #706855;} #nav-sub ul li a:Hover{text-decoration:underline;color:#F7E79C;} #nav-global {display:block;margin:0;padding:0;position:absolute;top:64px;height:58px;margin-left:10px;width:750px;overflow:hidden;} #nav-global ul {list-style:none;padding:0;margin:0 0 0 0px;height:50px;background:transparent url(http://philosophy.nd.edu/assets/images/nav-matrix.gif) no-repeat 0px 0px;} #nav-global li {list-style:none;font-size:12px;letter-spacing:0px;padding:0;display:block;} #nav-global li a {position:absolute;top:0;left:0;width:105px;height:48px;display:block;text-decoration:none;margin:0;color:#fff;text-align:center;text-indent:-9999px;overflow:hidden; background:transparent url(http://philosophy.nd.edu/assets/images/nav-matrix.gif) no-repeat 0px 0px;} #nav-global li#navabout a {left:1px;background-position:-1px 0px;} #nav-global li#navpeople a {left:108px;background-position:-108px 0;} #nav-global li#navgrad a {left:214px;background-position:-214px 0;} #nav-global li#navugrad a {left:322px;background-position:-322px 0;} #nav-global li#navcourses a {left:428px;background-position:-428px 0;} #nav-global li#navjournals a {left:536px;background-position:-536px 0;} #nav-global li#navnews a {left:643px;background-position:-643px 0;} #nav-global li#navabout a:Hover {color:#fff;background-position:-1px -50px;} #nav-global li#navpeople a:Hover {color:#fff;background-position:-108px -50px;} #nav-global li#navgrad a:Hover {color:#fff;background-position:-214px -50px;} #nav-global li#navugrad a:Hover {color:#fff;background-position:-322px -50px;} #nav-global li#navcourses a:Hover {color:#fff;background-position:-428px -50px;} #nav-global li#navjournals a:Hover {color:#fff;background-position:-536px -50px;} #nav-global li#navnews a:Hover {color:#fff;background-position:-643px -50px;} body#babout #navabout a{background-position:-1px -100px;} body#bpeople #navpeople a{background-position:-108px -100px;} body#bgrad #navgrad a{background-position:-214px -100px;} body#bugrad #navugrad a{background-position:-322px -100px;} body#bcourses #navcourses a {background-position:-428px -100px;} body#bjournals #navjournals a {background-position:-536px -100px;} body#bnews #navnews a {background-position:-643px -100px;} #nav-support {position:absolute;top:0px;left:595px;height:35px;width:172px;list-style-type:none;border:0;} #nav-support ul {list-style:none;margin:7px auto 0;padding:0;text-align:center;} #nav-support li {list-style:none;margin:0;padding:0;color:#fff;float:left;} #nav-support li#nav-search a, #nav-support li#nav-contact a {border-right:1px solid #fff;} #nav-support li a {display:block;color:#fff;padding:0 6px 0 6px;text-decoration:none;font-weight:normal;font-size:10px;line-height:11px;border:0;} #nav-support li a:hover {text-decoration:underline;} .nav-page{margin:12px 12px 24px 24px;} .nav-page ul{list-style:none;margin:0;padding:4px 0 4px 0;border-top:1px solid #007;border-bottom:1px solid #007;} .nav-page li{list-style:none;font-size:116%;} #content-secondary{float:right;margin:0;padding:0;font-size:x-small;width:100%;display:none;} #content-secondary h2{text-align:center;padding:24px 0 0 0;width:153px;font-size:170%;margin:38px auto 10px auto;} #content-secondary h2 p{position:relative;height:18px;margin:0 0 0 0;padding:0 0 0 0;font-size:1px;text-indent:-9999px;line-height:0;display:block;} #content-secondary p, #content-secondary ul, #content-secondary ol, #content-secondary table, #content-secondary h3, #content-secondary h4, #content-secondary h5, #content-secondary blockquote {margin:0;} #content-secondary p, #content-secondary ul, #content-secondary td {font-size:110%;} #content-secondary img {margin:0px auto 0 auto;} ul#feature-badges {list-style:none;margin:0 0 0 0px;padding:0;border-top:1px solid #ccc;display:block;} ul#feature-badges li{display:block;margin:0;padding:0;border-bottom:1px solid #ccc;} ul#feature-badges a{display:block;margin:0;padding:0;} ul#feature-badges img{display:block;margin:0;padding:1px;} .faculty-profile{} .faculty-profile h3{font-size:230%;margin:0;} .faculty-profile h4{font-size:170%;margin:12px 0 0 0;} .faculty-profile p{font-size:120%;margin:0;} .link-list {list-style:none;} .link-list ul{list-style:none;} .link-list li {margin-bottom:2px;} .link-list li a{font-weight:normal;} .link-list .links-endtools {margin-top:12px;font-weight:bold;margin-left:12px;margin-bottom:18px;} .link-list .links-endtools a{font-weight:bold;} div.section-learn-more{padding-bottom:0px;margin:32px 30px 20px 20px;width:400px;border-left:1px solid #ADA289; } div.section-learn-more h4{color:#ADA289;position:relative;margin:0 0 0 0px;border-bottom:1px solid #ADA289;background:url(http://philosophy.nd.edu/assets/images/learn-more-header.gif) no-repeat left top;text-indent:-9999px;position:relative;top:-26px;margin-bottom:-20px;height:26px;} div.section-learn-more p{margin:0;padding-left:24px;} div.section-learn-more ul{list-style:none;margin:10px 0 0 0;padding-left:24px;} div.section-learn-more li{margin:2px;} div.section-learn-more li a{font-size:100%;text-decoration:none;font-weight:normal;} div.section-learn-more li a:Hover{text-decoration:underline;} div.section-learn-more li.back-to-top {text-align:right;margin:0;padding:0 10px 8px 0;} div.section-learn-more li.back-to-top a{font-weight:normal;font-size:90%;} div.section-learn-more li p{font-size:100%;} .profile-photo img{border:1px solid black;padding:3px;margin:0 0 10px 10px; background:#fff;} .profile-address {border-bottom:1px solid;margin-top:13px;width:210px;} .profile-education {border-bottom:1px solid;margin-top:16px;} .profile-interests {border-bottom:1px solid;margin-top:16px;} .profile-biblio {border-bottom:1px solid;margin-top:16px;} .profile-books {} .profile-articles {} .phd-index {margin:0;list-style:none;padding:0;} .phd-index li{display:inline;margin:0;padding:0;} .phd-year {border-bottom:1px solid;margin:28px 0 0 0;} .phd-listing {margin:0 0 12px 0;} .phd-name {margin:0;} .phd-title {margin:0;font-style:italic;} .phd-advisor {margin:0;} div.ndpr-teaser{} .ndpr-title{} .ndpr-author{} .ndpr-reviewer{} .ndpr-date{} #nav-sub li.nav-current {position:relative;background:url(http://philosophy.nd.edu/assets/images/nav-current.gif) repeat-y 0px 0px;} #nav-sub li.nav-current a{color:#F7E79C;} body#bhome #content-main {width:770px;margin:0 0 0 0px;padding:0;background:url(http://philosophy.nd.edu/assets/images/home-body-content-top.jpg) no-repeat top left;float:left;} body#bhome #content-main #home-splash {display:block;height:200px;width:420px;margin-left:40px;margin-top:8px;overflow:hidden;color:#fff;} body#bhome #content-main #home-splash p {color:#fff;font-size:106%;} body#bhome #content-main #home-splash a {color:#F7E79C;font-size:100%;font-weight:normal;} body#bhome #content-main #home-splash h2 {text-indent:-9999px;} body#bhome #home-features {float:left;width:750px;padding:0 0 20px 0; color:#fff; position:relative;margin:22px 0 0px 0;} body#bhome #home-features #feature-news {float:left;width:315px;margin-left:41px;display:inline;} body#bhome #home-features #feature-reviews {float:left;width:315px;margin-left:60px;display:inline;} body#bhome #home-features h3{margin:0 0 20px 0;font-size:15px;color:#fff;text-indent:-9999px;} body#bhome #home-features h3 a{display:block;overflow:hidden;} body#bhome #home-features h4{margin:8px 0 0 0; font-size:11px;color:#fff;} body#bhome #home-features h5{margin:0 0 0 0; font-size:11px;color:#F7E79C;} body#bhome #home-features img{margin:6px 0 12px 29px;} body#bhome #home-features p{margin:0;font-size:11px;color:#fff;} body#bhome #home-features a{color:#F7E79C;} body#bhome #subsubwrapper {background:none;} body#bhome #content-wrapper {display:block;width:770px;background:url(http://philosophy.nd.edu/assets/images/home-content-repeater.jpg) repeat-y top left;} body#bhome #content-supplemental {display:none;} } generalle:::::::::::::::::::::
ll
süper tema ust ve sol çok seçnekli :
Tasarımın üzerindeki yazı:
<script language='javascript' type='text/javascript'> /* <![CDATA[ */ var discPerc=0; /* ]]> */ </script> <script language='javascript' type='text/javascript'> /* <![CDATA[ */ var discPerc=0; /* ]]> */ </script> </head> <body> <div id="wrapper"> <div id="c1"> <div id="review_but_holder"> <div class="review_order_button"><a href="/cart/"> </a></div> </div> <ul class="leftNav"> <li><a href="/products/espresso-cappuccino-cups-latte-mugs/" id="espressocappuccinocupslattemugs" title="Cups & Mugs" >Cups & Mugs</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_1_image.jpg" width="50" height="50" alt="Cups & Mugs" /></li> <li><a href="/products/teapots-jugs/" id="teapotsjugs" title="Teapots & Jugs" >Teapots & Jugs</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_13_image.jpg" width="50" height="50" alt="Teapots & Jugs" /></li> <li><a href="/products/plates-bowls/" id="platesbowls" title="Plates & Bowls" >Plates & Bowls</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_2_image.jpg" width="50" height="50" alt="Plates & Bowls" /></li> <li><a href="/products/glasses/" id="glasses" title="Glasses" >Glasses</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_3_image.jpg" width="50" height="50" alt="Glasses" /></li> <li><a href="/products/cutlery/" id="cutlery" title="Cutlery" >Cutlery</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_15_image.jpg" width="50" height="50" alt="Cutlery" /></li> <li><a href="/products/coffee-tea-makers/" id="coffeeteamakers" title="Coffee & Tea Makers" >Coffee & Tea Makers</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_14_image.jpg" width="50" height="50" alt="Coffee & Tea Makers" /></li> <li><a href="/products/baskets-and-boards/" id="basketsandboards" title="Baskets & Boards" >Baskets & Boards</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_24_image.jpg" width="50" height="50" alt="Baskets & Boards" /></li> <li><a href="/products/food-display/" id="fooddisplay" title="Food Display" >Food Display</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_16_image.jpg" width="50" height="50" alt="Food Display" /></li> <li><a href="/products/service-prep/" id="serviceprep" title="Service & Preparation" >Service & Preparation</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_17_image.jpg" width="50" height="50" alt="Service & Preparation" /></li> <li><a href="/specials/" id="specials" title="specials" class="specialnav">Special offers</a> <img src="http://www.coffeecups.co.uk/x/img/dyn/category_1_image.jpg" width="50" height="50" alt="specials" /></li> </ul> </div><!-- Close div.c1 --> <div id="c2"> <div id="header"> </div> <div id="topnav"> <ul class="topnav"> <li><span><a href="/blog/" title="Coffeecups blog"><span>blog</span></a></span></li> <li><span><a href="/about/" title="our company"><span>our company</span></a></span></li> <li><span><a href="/contact/" title="contact us"><span>contact us</span></a></span></li> <li><span><a href="/decoration/" title="decoration"><span>decoration</span></a></span></li> <li><span><a href="/" title="home"><span>home</span></a></span></li> </ul> </div> <div id="topcontact"> <div class="left_title"><h1 class="mainPageTitle">Decoration</h1></div> <div class="right_social"> <a class="twitter" href="http://www.twitter.com/coffeecupstweet" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-a.png" alt="Follow coffeecupstweet on Twitter"/></a> <a class="facebook" href="http://www.facebook.com/"_blank"><img src="http://www.coffeecups.co.uk/x/img/facebook.gif" alt="View our Facebook page"/></a> </div> <div class="right_contact"></div> </div> <div id="maincontent"> <div class="maincontent_image_top"></div>
Tasarımın altındaki yazı:
<div class="pgleft"></div> <div class="pgright"> </div> <div class="fc"></div> <hr class="clear" /> </div><!-- Close div#maincontent --> <div id="footer"> <span class="contact"> <a href="http://www.coffeecups.co.uk/about/team/">the coffeecups team</a> / <a href="http://www.coffeecups.co.uk/terms-conditions/">terms & conditions</a><br> Coffeecups © 2011 / <a href="http://www.berri.co.uk/">design by berri</a> / <a href="http://www.commonagency.com/">site by common</a> </span> <span class="twitter"> <a href="https://twitter.com/coffeecupstweet" class="twitter-follow-button" data-show-count="false">Follow @coffeecupstweet</a> <script src="//platform.twitter.com/widgets.js" type="text/javascript"></script> </span> <span class="facebook"> <a href="http://www.facebook.com/pages/Coffeecupscouk/150933654917372" target="_blank"><img src="http://www.coffeecups.co.uk/x/img/facebook2.gif" alt="View our Facebook page"/></a> </span> <hr class="clear"> </div><!-- Close div#footer --> </div><!-- Close div.c2 --> <hr class="clear" /> </div><!-- Close div#wrapper --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-2954759-6"); pageTracker._initData(); pageTracker._trackPageview(); </script> </body> </html>
İçerik bölümünün altındaki bilgi (mesela Copyright):
http://contest.bbgsite.com/gameprize/2011/index.php?controller=bet&id=3 http://designsnack.com/gallery/page/19/ http://www.mostinspired.com/sites?page=2374 http://www.screenalicious.com/page779.html
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} @charset "utf-8"; /* CSS Document */ /* ##------------------------------------------------------------------- ## FILE: coffeecups.css for use on www.coffeecups.co.uk ## CREATED: Kim Lawler / Ben Childs, Common Agency Ltd. ## NOTES: ##------------------------------------------------------------------- */ /* SOME RULES FOR CONSISTENCY. NOT TO LIVE HERE FOREVER BUT JUST FOR NOW... 1. Order CSS properties consistently for easier co-working. I think of it as structure followed by styling [often separated completely]. As a rule, you can't style something until you've built it! Therefore, something like... display, float, clear, etc height, width, z-index, etc margin, border, padding [in that order - working out to in] background fonts text-alignment, text-decoration, etc. anything else 2. Consistent code styling/layout. This might be slightly dictated by our editors perhaps? 3. Stick to lowercase for properties where possible. 4. Always use shorthand unless there is a good reason not to. Check out http://www.dustindiaz.com/css-shorthand/ if in doubt. 5. Where suitable, indent/next related styles e.g. h3 span.bullet would be nested just after h3. */ /*------------------------------------------------------------------- ## CLIENT SPECIFIC NOTES Main color: Secondary color: Preferred web font: /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## CSS RESETS AND DEFAULTS START HERE */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1.0em; font-family: inherit; text-align: left; vertical-align: baseline; } html, body { height: 100%; min-height: 100%; } /* NOTE: After this, specify everything in em's where possible, where 1.0em = 10px For the most part though, it's fine to specify fonts in em's and layout/blocks in px REMEMBER: Inheritance is more tricky to manage with em's though */ body { font: normal normal normal 62.5% Helvetica, Arial, sans-serif; } body, p, h1, h2, h3, h4, h5, h6 { color: #333333; } a img, a:link img, a:visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { margin-bottom: 5px; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } strong { font-weight: bold; } em { font-style: italic; } /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## HTML ELEMENTS START HERE */ body { color: #333333; background: #20313C url('http://www.coffeecups.co.uk/x/img/bodybg_2.gif') repeat; margin:0 0 10px 0; height:100%; } h1.mainPageTitle { font: normal normal bold 2.2em/1.1em Georgia, "Times New Roman", Times, serif; color: #0c1c27; } h2 { font: normal normal bold 1.8em/1.0em Georgia, "Times New Roman", Times, serif; color: #0c1c27; } h3 { font: normal normal bold 1.2em/1.0em Georgia, "Times New Roman", Times, serif; color: #0c1c27; } a, a:link, a:visited { color: #b51c1c; text-decoration: none; } a:hover { text-decoration: underline; } /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## MAIN LAYOUT BLOCKS START HERE */ #wrapper { display: block; width: 760px; margin: 10px auto 10px auto; text-align: left; overflow: hidden; } #wrapper.wrapper_overview { width:572px; height:403px; } /*2 column layout inside wrapper, where .c1 is the sidenavigation holder*/ #c1, #c2 { display: block; float:left; height:auto; } #c1 { width:170px; margin-top:235px; text-align:center; } #c2 { width:590px; background: #EBEBE7; } /* end of 2 column inside wrapper classes */ #topnav, #topcontact, #footer{ width:570px; } #header, #maincontent{ width:590px; } #header{ text-align:center; background: url('http://iqraonlinequran.net/wp-content/uploads/2011/07/islamic-banner1.jpeg') center no-repeat; height:185px; } #topnav{ height:20px; margin-top:-20px; padding-right: 20px; } #topcontact { height:40px; background-color:#84A5A0; margin: 0 auto; } #maincontent { min-height: 400px; _height: 400px; /* IE hack */ margin: 0 0 10px 0; } #maincontent.overview { background:#fff !important; } .maincontent_image_top { width: 570px; margin: 10px 10px 20px; } .maincontent_bodyhtml { width: 590px; margin: 10px 0 10px 0; padding: 10px 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; } .maincontent_bodyhtml ul, .maincontent_bodyhtml ol { list-style-position: inside; padding: 5px 0 5px 0; } .maincontent_left { display: block; float:left; width: 390px; margin: 10px 0 0 0; padding: 0px 0 10px 10px; } .maincontent_right { display: block; float: left; width: 169px; padding: 0px 0 5px 0; margin: 10px 0 10px 10px; background: transparent url('http://www.coffeecups.co.uk/x/img/news_bg.gif') no-repeat top; height: auto; } .right_promo { background: #d5d5ce url('http://www.coffeecups.co.uk/x/img/promo_bg.gif') no-repeat top; } .right_promo img { margin: 0 0 0 10px;; } #footer { margin: 10px 10px 10px 10px; padding: 5px 0 5px 0; background: #84A5A0; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; } #debug { display: block; width: 550px; margin: 10px 0 10px 170px; padding: 20px; background-color: #cccccc; } /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## NAVIGATION STYLES START HERE */ /* top navigation */ ul.topnav li, ul.topnav { margin:0; padding:0; } ul.topnav { list-style:none; } ul.topnav li { margin-left:5px; float:right; } ul.topnav li span a { display:block; width:90px; height:20px; padding: 2px 0 0 0; background: transparent url('http://www.coffeecups.co.uk/x/img/topnav_bg.gif') no-repeat; font: normal normal normal 1.2em/1.0em Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#3f3f3f; text-align:center; } ul.topnav li span a:hover { background-position:right top; } ul.topnav li span a.selected { background-position:left bottom !important; font-size:12px; text-decoration:none; color:#FFFFFF; text-align:center; line-height:150%; } /* left navigation */ ul.leftNav { width:170px; list-style:none; } ul.leftNav li { display: inline-block; /* Don't remove. Fixes stupid IE bug. */ margin: 5px 0 0 0; padding: 0 0 0 0; } ul.leftNav li a { display:block; width:110px; height: 40px; padding: 10px 50px 0px 10px; background: transparent url(http://www.coffeecups.co.uk/x/img/static/nav/leftNavTitle_off.gif) no-repeat; font: normal normal normal 1.6em/1.05em Georgia, "Times New Roman", Times, serif; text-decoration: none; color: #3f3f3f; } ul.leftNav li a.specialnav { color: #b51c1c; } ul.leftNav li a { } ul.leftNav li a:hover { display: block; background: transparent url(http://www.coffeecups.co.uk/x/img/static/nav/leftNavTitle_hover.gif) no-repeat; color: #091923; } ul.leftNav li a.specialnav:hover { background: transparent url(http://www.coffeecups.co.uk/x/img/static/nav/leftNavSpecialTitle_hover.gif) no-repeat; color: #ebebe7; } ul.leftNav li img { display:block; float: right; height: 50px; width:50px; margin: -50px 0 0 0; } ul.leftNav li.leftNavExpanded { margin: 0; padding: 0; } ul.leftNav li.leftNavExpanded ul.leftNavSub { width: 170px; padding: 5px 0 5px 0; background: transparent url(http://www.coffeecups.co.uk/x/img/static/nav/leftNav_off.gif) repeat-y; list-style: none; } ul.leftNav li ul.leftNavSub li { display: inline-block; /* Don't remove. Fixes stupid IE bug. */ margin: 0 0 0 0; } ul.leftNav li ul.leftNavSub li a { display:block; width:160px; height: auto; padding: 3px 0 3px 10px; background: transparent url(http://www.coffeecups.co.uk/x/img/static/nav/leftNav_off.gif) repeat-y; font: normal normal normal 1.2em/1.0em Georgia, "Times New Roman", Times, serif; text-decoration: none; } ul.leftNav li ul.leftNavSub li a:hover { display:block; background: transparent url(http://www.coffeecups.co.uk/x/img/static/nav/leftNav_hover.gif) repeat-y; } /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## FORM STYLES START HERE */ /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## TABLE STYLES START HERE */ /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## NOOBSCROLLER / RANGE PREVIEW STYLES START HERE */ #noobScroller { position: relative; float: left; width:570px; height:268px; overflow: hidden; margin: 10px 0 10px 10px; padding: 0; display: inline; } #rangeScrollerContent { display: block; position: relative; float: left; width:570px; height:268px; } #rangeScrollerContent div.scrollItem { display: block; float: left; width: 570px; height: 268px; } #rangeScrollerContent div.scrollItem div.itemImage { display: block; float: left; width: 400px; height: 268px; } #rangeScrollerContent div.scrollItem div.itemCornersOverlay { display: block; float:left; height: 268px; width: 20px; margin: 0 0 0 -401px; background: transparent url(http://www.coffeecups.co.uk/x/img/static/corners_rangeInfo.gif) no-repeat; } #rangeScrollerContent div.scrollItem div.itemInfo { display: block; float: left; width: 170px; height:268px; background: transparent url(http://www.coffeecups.co.uk/x/img/static/bg_rangeInfo.gif) no-repeat; } #rangeScrollerContent div.scrollItem div.itemInfo h2 { margin: 0 0 10px 4px; padding: 5px 5px 5px 5px; background: transparent url(http://www.coffeecups.co.uk/x/img/static/bg_h2Range.gif) no-repeat; } #rangeScrollerContent div.scrollItem div.itemInfo p { margin: 0 0 5px 4px; padding: 0 5px 0 5px; font: normal normal normal 1.4em/1.2em Georgia, "Times New Roman", Times, serif; } #rangeScrollerContent div.scrollItem div.itemInfo p a { /* color: red; */ } /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## FUNCTIONAL STYLES START HERE */ /* float clearer */ .fc {clear:both; width: 0; height:0; line-height:0; margin:0; padding:0; visibility:hidden; overflow:hidden;} hr.clear, .wrapper_overview hr.clear { display: block; clear: both; visibility: hidden; width: 100%; height: 0; margin: 0; padding: 0; } /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## REMAINING MISC STYLES START HERE */ .review_order_button { width:170px; height: 42px; margin: 0px auto; line-height: normal; margin-top: -52px; padding: 0; margin: 0; margin-bottom: 10px; } .review_order_button a, .review_order_button a:hover { display: block; text-align: left; line-height: normal; width: 170px; height: 42px; padding: 0; margin: 0; } .review_order_button a{ background: url('http://www.coffeecups.co.uk/x/img/review-order-button.gif') top; background-color:#006600; } .review_order_button a:hover{ background: url('http://www.coffeecups.co.uk/x/img/review-order-button.gif') bottom; background-color:#FF6600; } /*footer text classes*/ #footer a, #footer span, #footer a:visited{ text-decoration:none; font-size: 10px; color: #3f3f3f; font-family: Georgia, "Times New Roman", Times, serif; } #footer a:hover{ text-decoration:none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; color: #6B6B6B; } #footer span.contact { display: block; width: 260px; float: left; padding: 0 0 0 5px; text-align: left; } #footer span.twitter { display: block; overflow: hidden; width: 170px; float: right; padding: 2px 5px 2px 0; text-align: right; } #footer span.facebook { display: block; width: 90px; float: right; padding: 2px 10px 2px 0; } /* products page */ .maincontent_products_image_description, .maincontent_products_image_title{ position:relative; float:right; } .maincontent_products_image_title { margin-top: -210px; background: #EBEBE7; width: auto; height:30px; font-family: Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; color:#0b1e26; padding: 0px 20px 0px 25px; } .maincontent_products_image_description { margin-top: -170px; background: #EBEBE7; width: 170px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding: 0px 5px 5px 20px; } .maincontent_products_image_description p { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin: 5px 10px 0px 20px; float:right; width: 150px; height: auto; } .maincontent_products_image_description a { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration: underline; } .maincontent_products_bottom { width: 575px; margin: 0 0 30px 10px; text-align:center; } .maincontent_products_thumb { display: block; float:left; width: 110px; margin: 0 5px 5px 0; background-color: #d5d5ce; } .maincontent_products_thumb a { display: block; width: 100px; height: 135px; margin: 0; padding: 0 5px 2px 5px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; text-decoration: none; color: #1D2E39; text-align: center; } .maincontent_products_thumb a:hover { background-color: #1D2E39; color: #EBEBE7; } .maincontent_products_thumb img { width: 100px; height: 100px; margin: 0 0 0 -5px; border: 0; padding: 0; } /* top contact table & text */ .right_contact, .left_title{ height: 35px; margin:5px 0 0 0; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; } .left_title { display: block; float:left; width: 310px; padding: 0 0 0 10px; text-align:left; } .right_contact { display: block; float: right; width: 200px; padding: 0 10px 0 0; text-align:right; font-size: 11px; line-height: 140%; color: #5f7773; } .right_social { display: block; float: right; width: 16px; padding: 1px 4px 1px 0; text-align: right; font-size: 8px; } .right_social a.twitter { margin-bottom: 1px; } #topcontact a, #topcontact a:hover{ text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-size: 11px; } #topcontact a{ color: #5f7773; } #topcontact a:hover{ color: #6B6B6B; } /* feature box */ .maincontent_left_feature { width: 365px; height: 90px; margin: 10px 0 0 0; padding: 0px 10px 10px 10px; background:#D5D5CE; } .maincontent_left_feature h2{ padding: 10px 0 0 0; } .maincontent_left_feature p { margin:0px; padding:3px 5px 4px 3px; font-weight: normal; line-height:120%; font-size: 1.2em; } .maincontent_left_feature img { padding:10px 10px 0px 0px; width:80px; height:80px; border:0; float:left; } .maincontent_left_feature p a { color: #B51C1C; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: none; line-height: 120%; } .maincontent_left_feature a:hover { color: #B51C1C; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; text-decoration: underline; line-height: 120%; } /* latest news sidebar */ .maincontent_right p, .maincontent_right ul li p { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.2em; } .maincontent_right p { margin: 0 0 0 10px; line-height: 1.1em; } .maincontent_right ul { margin:0 10px 20px 10px; list-style:none; } .maincontent_right ul li a { color: #B51C1C; font-weight: normal; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; } .maincontent_right ul li a:hover { text-decoration:underline; } .maincontent_right ul li p { padding:0px; margin:0px; } /* Home bits */ .maincontent_right h2.featuredItem { padding: 5px 0 5px 0; font-size: 1.4em; } .maincontent_right h2.latestNews { padding: 10px 0 20px 10px; } .maincontent_right ul.latestNews li{ padding: 7px 0 0 0; } .maincontent_right ul.latestNews li h3, .maincontent_right ul.latestNews li p{ padding: 0 0 3px 0; } .maincontent_right ul.latestNews li img{ padding: 0 6px 0 0; } /* misc text classes */ .maincontent_left p { padding: 5px; text-align:justify; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight: inherit; color:#3F3F3F; } /* Shopping cart page */ /*cart nav*/ .cartnav_wrap{ width: 570px; margin: 10px; } .cartnav_header { margin:0 auto; margin-bottom: 10px; background: #D5D5CE; width: 560px; height: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #3f3f3f; padding: 5px; text-align: center; } .cartnav_element_wrap_selected, .cartnav_element_wrap_unselected { width: auto; height: 100px; margin: 0px; float:left; padding-right: 29px; } .cartnav_element_wrap_selected{background: url('http://www.coffeecups.co.uk/x/img/cartnav_sel_arrow.gif') right no-repeat;} .cartnav_element_wrap_unselected{background: url('http://www.coffeecups.co.uk/x/img/cartnav_unsel_arrow.gif') right no-repeat;} .cartnav_title_selected, .cartnav_title_unselected{ height: 18px; padding: 2px 7px 2px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:11px; text-decoration:none; line-height:180%; } .cartnav_title_selected span{ width: 22px; margin-right:5px; padding-left: 7px; font-size:16px; color:#EBEBE7; text-align:center; line-height:100%; } .cartnav_title_unselected span{ width: 22px; margin-right:5px; padding-left: 7px; font-size:16px; color:#EBEBE7; text-align:center; line-height:100%; } .cartnav_title_selected {width: 153px; background: url('http://www.coffeecups.co.uk/x/img/shoppingcart_sel_bg.gif') no-repeat #3F3F3F; color:#EBEBE7;} .cartnav_title_unselected {width: 153px; background: url('http://www.coffeecups.co.uk/x/img/shoppingcart_bg.gif') no-repeat #D5D5CE; color: #999999;} a .cartnav_title_selected{color: #EBEBE7} a:hover .cartnav_title_selected, a:hover .cartnav_title_unselected{text-decoration: none} a .cartnav_title_unselected{color: #666666} .cartnav_desc_selected { width: 153px; height: 68px; padding: 5px 0px 5px 7px; background: #84a5a0; margin: 0px; color: #ebebe7; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } .cartnav_desc_unselected { width: 153px; height: 68px; padding: 5px 0px 5px 7px; background: #D5D5CE; margin: 0px; color: #999999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; } .complete{ clear:both; color:#3f3f3f; font-size:12px; padding: 5px 0px 0px 0px; margin: 10px 10px 10px 10px; } .complete span{ clear:both; width: 560px; color:#b51c1c; font-size:12px; padding: 5px; font-weight:bold; } .complete a, .complete a:visited{ font-family:Georgia, "Times New Roman", Times, serif; color:#20313C; text-decoration:underline; font-size:12px; font-weight:bold; } .complete a:hover{ font-family: Georgia, "Times New Roman", Times, serif; color:#20313C; font-size:12px; font-weight:bold; text-decoration:none; } /* eof cartnav and other bits */ .maincontent_products_thumb img{ width:100px; height:100px; padding:5px; border:none; } /* Products shopping cart table layout */ .cart_table{ width: 570px; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; } .cart_table table{ width: 570px; cell-spacing: 0px; border-collapse: collapse; } .cart_table table img{ padding:5px 0px 5px 0px; } .cart_table table th{ background: #D5D5CE; height: 20px; padding: 5px 5px 5px 0px; cell-spacing: 0px; border: 0px; font-size: 12px; vertical-align: top; text-align: left; } .cart_table table th.center{ text-align: center; } .cart_table tr.headerbot{ border-bottom: solid 1px #3f3f3f; } .cart_table tr.headerbot th{ padding-top: 0; color: #666666; } .cart_table table td.add_to_cart{ width: 95px; padding:0px; cell-spacing: 0px; text-align:center; } .cart_table table td.style, .cart_table table td.style_header{ width: 90px; cell-spacing: 0px; text-align:center; height: 50px; } .cart_table table td{ vertical-align: middle; } .cart_table td.description, td.description_code{ width: 235px; cell-spacing: 0px; text-align:left; } .cart_table span.special { color: #b51c1c; font-weight: bold; } .cart_table table td.description_code_header, td.description_code{ color: #666666; } .cart_table table td.description, .cart_table table td.description, .cart_table table td.description_code, .cart_table table td.price{ font-family:Arial, Helvetica, sans-serif; font-size: 11px; } .cart_table table td.price{ text-align:center; width: 130px; } .cart_table table td.price_total{ text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 11px; } .cart_table table td.sub_total{ text-align: right; font-family:Arial, Helvetica, sans-serif; font-size: 11px; } .cart_table table td.vat{ text-align: right; font-family:Arial, Helvetica, sans-serif; font-size: 10px; } .cart_table table td.description { vertical-align:bottom; } .cart_table table td.description_code{ padding-bottom: 5px; vertical-align:top; } .cart_table table tr.product_bottom{ padding:0px; border: 0px; font-size: 12px; vertical-align:top; border-bottom: solid 1px #3f3f3f; } .cart_table table td.quantity_header{ width: 100px; text-align:center; } .cart_table table td.price_header{ width: 130px; text-align:center; } .cart_table table td.price_header_2{ width: 130px; text-align:center; font-size: 11px; color: #666666; } .cart_table table td.price_lower{ width: 65px; padding:0px; text-align:center; } .cart_table table td.update{ padding:5px 0px 10px 0px; text-align:center; vertical-align: top; } .cart_table table td.addLogo, .cart_table table th.addLogo{ width: 150px; text-align:center; } .smallprint { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333; width:370px; height: auto; float:left; padding-left:10px; margin-top: 5px; } .cartButBlock{ width:170px; text-align: right; float:right; } .goto_step2, #goto_step3 { width:170px; height: 42px; float:right; padding-right:10px; /*fixes IE layout */ margin-bottom: 10px; clear: both; } .goto_step3 { width:256px; float:right; clear:both; margin:0px 10px 10px 0px; color:#fff; padding-right:10px; background:#7A7A6E; height:auto; } .goto_step3 p, .goto_step3 a, .goto_step3 .discountCode label { font:200 12px/1.2em Georgia, Times, "Times New Roman", Serif; color:#fff; } .goto_customise p#customise_text { margin:0px 0px 0px 0px; width:auto; padding:5px 0px 5px 0px; color:#fff; } .goto_customise a.open, .goto_step3 a.arrow { margin:5px; background:#7A7A6E url(http://www.coffeecups.co.uk/x/img/arrow_closed.gif) no-repeat right top; width:255px; height:22px; color:#fff; font:200 14px/1.4em Georgia, Times, "Times New Roman", Serif; display:block; outline:0; } .goto_customise a.arrow.active , .goto_step3 a.arrow.active { background:#7A7A6E url(http://www.coffeecups.co.uk/x/img/arrow_open.gif) no-repeat top right; } .goto_customise a#customise_link { background:#999999; width:118px; height:20px; padding:5px; margin:0px 0px 10px 0px; color:#fff; } .goto_step2 a, .goto_step2 a:hover{ display:block; width:150px; padding:16px 10px 4px 10px; height: 22px; font-size:120%; color:#eee; font-family: Georgia, "Times New Roman", Times, serif; } .goto_step2 a{ background: url('http://www.coffeecups.co.uk/x/img/goto-step2.gif') top; } .goto_step2 a:hover{ background: url('http://www.coffeecups.co.uk/x/img/goto-step2.gif') bottom; } a.popup { color:#333; text-decoration:underline; } /** Discount code --- */ .discountCode.fncfixedHeight{ height: 22px; } .discountCode { width: 254px; color: #fff; height:auto; margin:5px 0px 5px 0px; padding:5px; } .discountCode.redeemed{ font: normal normal normal 13px/1.0em Georgia, "Times New Roman", Times, serif; background-color: #006600; text-align: center; } .cartButBlock p, .cartButBlock p.error{ display:block; width: 160px; padding: 5px; margin: 0 10px 5px 0; text-indent: 0; clear: both; } .discountCode label{ width: 158px; font-family:Helvetica, Arial, sans-serif; font-size:1.1em; color:#000; padding: 4px 0 4px 0; display: inline; float:left; text-align:left; } label.checkbox { width:172px; padding:4px 0; margin-right:50px; } label.checkbox_align { margin-right:95px; } .goto_step3 p input { border:red 1px solid; } /* button */ .discountCode input{ width: 80px; float:left; margin-right: 5px; } .discountCode button.loading{ background: #444444 url('http://www.coffeecups.co.uk/x/img/loader-anim-16x16-444.gif') no-repeat 3px 3px scroll; } tr.rowHidden{ display: none; } tr.rowVisible{ display: table-row; } tr.rowVisible td, tr.rowVisible th{ display: table-cell; } .cart_table table td.discount.description{ vertical-align:middle; } td.discount.description span{ display:block; padding: 5px 0 0 0; margin: 0; } td.discount.description span.valDiscountCode{ color: #666666; } /* inpCodeEl.addClass('disabled'); butRedeemEl.addClass('loading'); */ .discountCode p.error{ } /** Eof discount code --- */ .compare_products { width:170px; height: 42px; float:left; } .compare_products a, .compare_products a:hover{ display:block; text-align:left; width:170px; height: 42px; float:left; } .compare_products a{ background: url('http://www.coffeecups.co.uk/x/img/compare-products-pdf.gif') top; } .compare_products a:hover{ background: url('http://www.coffeecups.co.uk/x/img/compare-products-pdf.gif') bottom; } /* our company page */ .pgfull { float:left; width:550px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#3f3f3f; padding: 0px; margin: 10px 10px 10px 10px; } .pgleft{ /* .company_left{ */ float:left; width:160px; height: auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#3f3f3f; text-align:center; margin: 10px 10px 10px 10px; } .pgright{ /* .company_right{ */ float:right; width:380px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#3f3f3f; padding: 0px; margin: 0px 20px 10px 10px; } .pgright p, .pgright ol, .pgright ul, .pgright th, .pgright td{ line-height: 1.3em; margin-bottom: 1.2em; } .pgright ol li, .pgright ul li{ line-height: 1.3em; margin-bottom: 0.8em; } .pgright th, td{ padding: 3px; padding-left: 0px; padding-right: 10px; } .pgright ol, .pgright ul{ margin-left: 25px; } .pgright h3{ /* .company_right h1{ */ width:380px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f3f; padding: 0px; margin-bottom:1.3em; } .pgright{ } .pgrelated{ background-color: #D5D5CE; float:right; width:380px; height: auto; color:#3f3f3f; padding: 10px; margin-right: 10px; } .pgrelated h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; padding: 0px 0px 5px 0px; margin: 0px; } .pgrelated a, .pgrelated a:hover, .pgrelated a:visited { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0B1C26; text-decoration:underline; } .pgrelated a, .pgrelated a:visited{ text-decoration:underline; } .pgrelated a:hover { text-decoration:none; } /* text classes */ .contact_text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } .contact_text a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color: #3f3f3f; } .contact_text a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #3f3f3f; } /* quote form */ .cart_table hr { border:1px solid #999999; background-color:#999999; } .cart_table p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px 10px 0px; } .cart_table p.label{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0px 10px 0px; line-height:150%; } .cart_table p span.label_small{ font-family:Arial, Helvetica, sans-serif; font-size:9px; margin:10px 0px 10px 0px; line-height:150%; color: #b51c1c; } .cartTable th.total{ width: 150px; } .cartTable th, .cartTable td{ /* border: 2px solid #ccc; */ } /*temp added to cart div */ #added_to_cart, #added_to_cart_modal{ margin:0 auto; margin-top: 10px; /* background: url(/fileshttp://www.coffeecups.co.uk/x/img/trans_bg.gif);*/ /* background-color: #EBEBE7; */ background-color: #FFFFFF; width: 500px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; padding: 10px 5px 10px 5px; text-align:center; } #added_to_cart a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration: underline; } .error { display: block; clear: both; color: #FFFFFF; margin: 10px; padding: 4px; background-color: #DD0000; font-size:12px; } .error h2 { padding: 4px; } .error li { list-style: square outside; margin-left: 20px; } .success { display: block; clear: both; color: #FFFFFF; margin: 10px; padding: 4px; background-color: #84A5A0; font-size:12px; } .success li { list-style: square outside; margin-left: 20px; } .hidden { display:none; } .quiet { color: #999999; } p.cart_radio { display:block; float:left; width:570px; height:20px; padding: 0 0 4px 0; margin: 0; } .cart_radio label { display: block; float:left; width:140px; } /*-------------------------------------------------------------------*/ /*------------------------------------------------------------------- ## STYLES TO ASSIST BESPOKE HTML PAGES START HERE */ .bespokeFloatLeft { display: block; float: left; } .bespokeFloatRight { display: block; float: right; } /* STYLES TO ASSIST BESPOKE HTML PAGES END HERE -------------------------------------------------------------------*/ /* MOODAL BOX CONTENT STYLE*/ #product_name { display:block; width:100%; margin:5px 0px 5px 10px; } #product_images { width:361px; float:left; margin-right:15px; margin:0px 0px 0px 10px; } #product_images img { margin-bottom:10px; } #description { width:175px; min-height:240px; height:auto!important; height:240px; float:left; margin:0px 0px 12px 10px; } #basket_overview { padding:5px; float:left; width:169px; height:89px; background:#7A7A6E; color:#fff; font:normal normal normal 14px/1.3em Times,"Times New Roman", "Serif"; margin:0px 0px 0px 10px; } #basket_overview p { color:#fff !important; font:normal normal normal 14px/1.3em Times,"Times New Roman", "Serif"; margin-bottom:5px; } #basket_overview p span { margin-left:39px; } #basket_overview label, #basket_overview input { width:44%; float:left; } #basket_overview label { margin:0px 21px 0px 0px; padding:5px 0px 0px 0px; } #basket_overview input { width:40%; } #basket_overview input.fncAdd { border:0; padding:0; margin:0; text-align:center; background:url(http://www.coffeecups.co.uk/x/img/moodalbox_background_submit.jpg) no-repeat top left; width:169px; height:42px; color:#fff !important; font:normal normal normal 14px/1.3em Times,"Times New Roman", "Serif"; margin:2px 0 0 0; } /*** MOOTOOLS TRANSITION CHECKOUT****/ a#v_toggle, a#v_toggle_checkout, a#v_toggle_newsletter { width:254px; height:24px; color:#ffffff; background:#7A7A6E url(http://www.coffeecups.co.uk/x/img/arrow_closed.gif) no-repeat 98% center; margin:0px 15px 0px 0px; display:block; font:normal normal bold 14px/1.4em Georgia, Courier, serif; padding:8px 5px 5px 5px; outline:0; } a#v_toggle_newsletter { font:normal normal bold 13px/1.3em Georgia, Courier, serif; } a#v_toggle.open, a#v_toggle_checkout.open { background:#7A7A6E url(http://www.coffeecups.co.uk/x/img/arrow_open.gif) no-repeat 98% center; color:#000; } .slideholders { float:right; width:264px; margin:0px 15px 15px 0px; clear:both; } #vertical_slide, #vertical_slide_checkout, #vertical_slide_newsletter { background: #7A7A6E; color: #ffffff !important; padding: 10px; display:block; width:264px; } #vertical_slide p { width:244px; font:normal normal normal 14px/1.4em Georgia, Courier, serif; color:#ffffff; } #vertical_slide_checkout label, #vertical_slide_checkout p { margin: 0px 0px 5px 0px; color:#ffffff; font:normal normal normal 14px/1.4em Georgia, Courier, serif; } #vertical_slide_checkout p { margin-bottom: 8px; } #vertical_slide_checkout a { color:#ffffff; font:normal normal normal 14px/1.4em Georgia, Courier, serif; text-decoration: underline; } #vertical_slide_checkout a:hover { color: ; } #vertical_slide_checkout p { padding-left: 5px; } #vertical_slide_checkout input#js_accept_terms { float: right; margin-right: 30px; } a#customise_now, a#js_checkout_now { width:159px; height:28px; background:url('http://www.coffeecups.co.uk/x/img/customise_now.png') no-repeat top left; color:#fff; padding:15px 0px 0px 10px; display:block; font:normal normal normal 12px/1.4em Georgia, Courier, serif; margin:10px 0px 0px 0px; } a#customise_now:hover, a#js_checkout_now:hover { cursor: pointer; } a#js_checkout_now { color: #666666; text-decoration: none; } #signup { margin-left: 10px; padding: 10px; width: 180px; } #signup legend { margin-bottom: 10px; font:normal normal normal 16px/1.4em Georgia, Courier, serif; } #signup label { margin:5px 0px 5px 0px; font:normal normal normal 14px/1.3em Georgia, Courier, serif; } #signup input { margin:0px 0px 10px 0px; } #signup #no-spam, #signup #response { color: #B51C1C; font:normal normal normal 12px/1.3em Georgia, Courier, serif; } img.zoom { position:relative; /*z-index:10;*/ top:-10px; padding: 0px !important; } /* Product overview modal */ #wrapper.wrapper_overview { width: 570px; height: 400px; padding: 0px; } #wrapper.wrapper_overview #maincontent, #wrapper.wrapper_overview #maincontent.overview { width: 570px; margin: 0px; padding: 0px; background: none !important; } #wrapper.wrapper_overview #flash_confirm_holder_modal { padding: 3px 10px; } #wrapper.wrapper_overview h2 { width: 570px; margin: 0 0 5px 0px; padding: 0px; font: normal normal normal 22px/100% Georgia, Courier, serif; color: #0C1A26; } #wrapper.wrapper_overview #product_images { width: 360px; margin: 0px; padding: 0px; } #wrapper.wrapper_overview #product_images img.main_image { width: 360px; height: 240px; margin: 0 0 10px 0; padding: 0; } #wrapper.wrapper_overview #product_images img.range_image { width: 360px; height: 100px; margin: 0; padding: 0; } #wrapper.wrapper_overview #description { width: 200px; height: 240px; margin: 0 0 10px 10px; padding: 0px; } #wrapper.wrapper_overview #description h3 { margin: 0 0 10px 0; font: normal normal normal 16px/100% Georgia, Courier, serif; color: #0C1A26; } #wrapper.wrapper_overview #description p { font: normal normal normal 12px/100% Arial,Helvetica,sans-serif; color: #0C1A26; } #wrapper.wrapper_overview #basket_overview { width: 180px; height: 80px; margin: 0 0 0 10px; padding: 10px; background: #7A7A6F; } #wrapper.wrapper_overview #basket_overview p { font: normal normal normal 14px/100% Georgia, Courier, serif; color: #ffffff; } #wrapper.wrapper_overview #basket_overview input.fncAdd { border:0; padding: 0 0 0 10px; margin:0; text-align:left; background:url('http://www.coffeecups.co.uk/x/img/moodalbox_background_submit.jpg') no-repeat top right; width:159px; height:42px; color:#fff !important; font:normal normal normal 14px/1.3em Georgia, Courier, serif; } #wrapper.wrapper_overview #basket_overview input.fncAdd:hover { cursor: pointer; } #response { color:#FF4553; font-size:117%; line-height:110%; padding:0px 5px 0px 0px; width:93%;
sancaklı ve blov menülü tema:
Tasarımın üzerindeki yazı:
</head><body> <div id="seotext"> </div> <div id="abschneiderfrontpage"> <div id="container"> <div id="links"> <div id="links_oben"></div> </div> <div id="rechtsfrontpage"> </div> <div id="inhaltfrontpage"> </div> </div> </div> <div id="kopf"> <div id="kopf_zentriert"> <div id="topdiv"></div> <div id="kopf_navifrontpage"> <div class="moduletablemenubilder"> <div align="center"> <img src="https://img.webme.com/pic/b/biristanbulmasali/grisbanner.png" border="0" width="928" height="504" alt="organic-tea-leaf-928.jpg" /><br /> </div> </div> <div id="sublevel1"></div> <div id="sublevel2"></div><div id="navibildschatten"><img alt="Organic Tea Leaf - tasteful healthy beverage" id="loadnavibild" src="http://themesbank.com/blog/wp-content/uploads/2012/01/islamic-thank-you-card1.jpg" /></div> <div id="navibild"></div> <script type="text/javascript" language="JavaScript" src="templates/bom_organictealeaf/hauptnavi/js/menu.js"></script> <div class="menu-suckerfish-vertical"> <ul id="menulist_root-suckerfish-vertical" class="mainlevel-suckerfish-vertical" ><li><img style="width: 200px; height: 127px;" src="https://img.webme.com/pic/b/biristanbulmasali/tgif.gif2.gif" alt="" /><span class="mainlevel-suckerfish-vertical" id="menulink_1-suckerfish-vertical"><span class="expanded">Our Teas</span></span><ul id="menulist_1-suckerfish-vertical" ><li><span class="sublevel-suckerfish-vertical" id="menulink_1_1-suckerfish-vertical"><span class="expanded">Black Teas</span></span><ul id="menulist_1_1-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/Keemun.html" class="sublevel-suckerfish-vertical" id="menulink_1_1_1-suckerfish-vertical">Keemun</a></li><li><a href="organic-tea/Green-Tea-leaf/Lapsang-Souchong.html" class="sublevel-suckerfish-vertical" id="menulink_1_1_2-suckerfish-vertical">Lapsang Souchong</a></li><li><a href="organic-tea/Green-Tea-leaf/Yunnan.html" class="sublevel-suckerfish-vertical" id="menulink_1_1_3-suckerfish-vertical">Yunnan</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_2-suckerfish-vertical"><span class="expanded">Green Teas</span></span><ul id="menulist_1_2-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/gunpowder.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_1-suckerfish-vertical">Gunpowder</a></li><li><a href="organic-tea/Green-Tea-leaf/Japanese-Sencha.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_2-suckerfish-vertical">Japanese Sencha</a></li><li><a href="organic-tea/Green-Tea-leaf/Ceylon-Green-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_3-suckerfish-vertical">Ceylon Green Tea</a></li><li><a href="organic-tea/Green-Tea-leaf/Green-Jasmine.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_4-suckerfish-vertical">Green Jasmine</a></li><li><a href="organic-tea/Green-Tea-leaf/Jasmine-Pearls.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_5-suckerfish-vertical">Jasmine Pearls</a></li><li><a href="organic-tea/Green-Tea-leaf/Green-Jasmine-TBC.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_6-suckerfish-vertical">Green Jasmine TBC</a></li><li><a href="organic-tea/Green-Tea-leaf/dragon-well.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_7-suckerfish-vertical">Dragon Well</a></li><li><a href="organic-tea/Green-Tea-leaf/chunmee.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_8-suckerfish-vertical">Chunmee</a></li><li><a href="organic-tea/Green-Tea-leaf/Dao-Ren.html" class="sublevel-suckerfish-vertical" id="menulink_1_2_9-suckerfish-vertical">Dao Ren</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_3-suckerfish-vertical"><span class="expanded">White teas</span></span><ul id="menulist_1_3-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/White-Peony.html" class="sublevel-suckerfish-vertical" id="menulink_1_3_1-suckerfish-vertical">White Peony</a></li><li><a href="organic-tea/Green-Tea-leaf/Silver-Needle.html" class="sublevel-suckerfish-vertical" id="menulink_1_3_2-suckerfish-vertical">Silver Needle</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_4-suckerfish-vertical"><span class="expanded">Japanese Teas</span></span><ul id="menulist_1_4-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/Genmaicha.html" class="sublevel-suckerfish-vertical" id="menulink_1_4_1-suckerfish-vertical">Genmaicha</a></li><li><a href="organic-tea/Green-Tea-leaf/Kukicha-twig-tea.html" class="sublevel-suckerfish-vertical" id="menulink_1_4_2-suckerfish-vertical">Kukicha twig tea</a></li><li><a href="organic-tea/Green-Tea-leaf/Japanese-Sencha.html" class="sublevel-suckerfish-vertical" id="menulink_1_4_3-suckerfish-vertical">Japanese Sencha</a></li><li><a href="organic-tea/Green-Tea-leaf/Houjicha.html" class="sublevel-suckerfish-vertical" id="menulink_1_4_4-suckerfish-vertical">Houjicha</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_5-suckerfish-vertical"><span class="expanded">Oolong Teas</span></span><ul id="menulist_1_5-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/Old-Bush-Oolong.html" class="sublevel-suckerfish-vertical" id="menulink_1_5_1-suckerfish-vertical">Old Bush Oolong</a></li><li><a href="organic-tea/Green-Tea-leaf/Cassia-Oolong.html" class="sublevel-suckerfish-vertical" id="menulink_1_5_2-suckerfish-vertical">Cassia Oolong</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_6-suckerfish-vertical"><span class="expanded">Herbal Teas A-K</span></span><ul id="menulist_1_6-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/Gotu-Kola.html" class="sublevel-suckerfish-vertical" id="menulink_1_6_1-suckerfish-vertical">Gotu Kola</a></li><li><a href="organic-tea/Green-Tea-leaf/Chamomile-Organic-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_1_6_2-suckerfish-vertical">Chamomile</a></li><li><a href="organic-tea/Green-Tea-leaf/Elder-Flowers.html" class="sublevel-suckerfish-vertical" id="menulink_1_6_3-suckerfish-vertical">Elder Flowers</a></li><li><a href="organic-tea/Green-Tea-leaf/ginger-root.html" class="sublevel-suckerfish-vertical" id="menulink_1_6_4-suckerfish-vertical">ginger root</a></li><li><a href="organic-tea/Green-Tea-leaf/Echinacea-Root.html" class="sublevel-suckerfish-vertical" id="menulink_1_6_5-suckerfish-vertical">Echinacea Root</a></li><li><a href="organic-tea/Green-Tea-leaf/Echinacea-Flower-Tops.html" class="sublevel-suckerfish-vertical" id="menulink_1_6_6-suckerfish-vertical">Echinacea Flower Tops</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_7-suckerfish-vertical"><span class="expanded">Herbal Teas L-R</span></span><ul id="menulist_1_7-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/Peppermint.html" class="sublevel-suckerfish-vertical" id="menulink_1_7_1-suckerfish-vertical">Peppermint</a></li><li><a href="organic-tea/Green-Tea-leaf/Raspberry-Leaf.html" class="sublevel-suckerfish-vertical" id="menulink_1_7_2-suckerfish-vertical">Raspberry Leaf</a></li><li><a href="organic-tea/Green-Tea-leaf/Rooibosh.html" class="sublevel-suckerfish-vertical" id="menulink_1_7_3-suckerfish-vertical">Rooibosh</a></li><li><a href="organic-tea/Green-Tea-leaf/rose-petals.html" class="sublevel-suckerfish-vertical" id="menulink_1_7_4-suckerfish-vertical">Rose Petals</a></li><li><a href="organic-tea/Green-Tea-leaf/Lemon-Balm.html" class="sublevel-suckerfish-vertical" id="menulink_1_7_5-suckerfish-vertical">Lemon Balm</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_8-suckerfish-vertical"><span class="expanded">Herbal Teas S-Z</span></span><ul id="menulist_1_8-suckerfish-vertical" ><li><a href="organic-tea/Green-Tea-leaf/sage-leaf.html" class="sublevel-suckerfish-vertical" id="menulink_1_8_1-suckerfish-vertical">Sage Leaf</a></li><li><a href="organic-tea/Green-Tea-leaf/siberian-ginseng.html" class="sublevel-suckerfish-vertical" id="menulink_1_8_2-suckerfish-vertical">Siberian Ginseng</a></li><li><a href="organic-tea/Green-Tea-leaf/St-Johns-Wort.html" class="sublevel-suckerfish-vertical" id="menulink_1_8_3-suckerfish-vertical">St Johns Wort</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_1_9-suckerfish-vertical">Speciality Blends</span></li></ul></li><li><span class="mainlevel-suckerfish-vertical" id="menulink_2-suckerfish-vertical"><span class="expanded">Our Tea Bag Range</span></span><ul id="menulist_2-suckerfish-vertical" ><li><span class="sublevel-suckerfish-vertical" id="menulink_2_1-suckerfish-vertical"><span class="expanded">BioPouch Revelution</span></span><ul id="menulist_2_1-suckerfish-vertical" ><li><a href="organic-tea/BioPouch-Box-range/Irish-Breakfast-BioPouch.html" class="sublevel-suckerfish-vertical" id="menulink_2_1_1-suckerfish-vertical">Irish Breakfast BioPouch</a></li><li><a href="BioPouch-Box-Range/BioPouch-Box-Range/Earl-Grey-BioPouch.html" class="sublevel-suckerfish-vertical" id="menulink_2_1_2-suckerfish-vertical">Earl Grey BioPouch</a></li><li><a href="BioPouch-Box-Range/BioPouch-Box-Range/Moroccan-Mint-BioPouch.html" class="sublevel-suckerfish-vertical" id="menulink_2_1_3-suckerfish-vertical">Moroccan Mint BioPouch</a></li><li><a href="BioPouch-Box-Range/BioPouch-Box-Range/English-Breakfast-BioPouch.html" class="sublevel-suckerfish-vertical" id="menulink_2_1_4-suckerfish-vertical">English breakfast</a></li><li><a href="BioPouch-Box-Range/BioPouch-Box-Range/Darjeeling-BioPouch.html" class="sublevel-suckerfish-vertical" id="menulink_2_1_5-suckerfish-vertical">Darjeeling BioPouch</a></li><li><a href="BioPouch-Box-Range/BioPouch-Box-Range/Calm-Relaxed-BioPouch.html" class="sublevel-suckerfish-vertical" id="menulink_2_1_6-suckerfish-vertical">Calm & Relaxed BioPouch</a></li><li><a href="BioPouch-Box-Range/BioPouch-Box-Range/Jasmine-Green-BioPouch.html" class="sublevel-suckerfish-vertical" id="menulink_2_1_7-suckerfish-vertical">Jasmine Green BioPouch</a></li></ul></li></ul></li><li><a href="organic-loose-leaf-tea/organic-herbal-tea/our-philosophy.html" class="mainlevel-suckerfish-vertical" id="menulink_3-suckerfish-vertical">Our Philosophy</a></li><li><a href="organic-loose-leaf-tea/organic-herbal-tea/our-history.html" class="mainlevel-suckerfish-vertical" id="menulink_4-suckerfish-vertical">Our Histroy</a></li><li><span class="mainlevel-suckerfish-vertical" id="menulink_5-suckerfish-vertical"><span class="expanded">Our Retail Tea Range</span></span><ul id="menulist_5-suckerfish-vertical" ><li><span class="sublevel-suckerfish-vertical" id="menulink_5_1-suckerfish-vertical"><span class="expanded">Healthy Spa Teas</span></span><ul id="menulist_5_1-suckerfish-vertical" ><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Sweet-Healthy.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_1-suckerfish-vertical">Sweet and Healthy</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Calm-Relaxed.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_2-suckerfish-vertical">Calm and Relaxed</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Youth-Beauty.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_3-suckerfish-vertical">Youth and Beauty</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Detox-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_4-suckerfish-vertical">Detox Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Pu-erh-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_5-suckerfish-vertical">Pu-erh Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Wu-Yi-Oolong-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_6-suckerfish-vertical">Wu-Yi Oolong Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Moroccan-Mint-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_7-suckerfish-vertical">Moroccan Mint Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/White-Tea-Blend.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_8-suckerfish-vertical">White Tea Blend</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Jasmine-Green-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_1_9-suckerfish-vertical">Jasmine Green Tea</a></li></ul></li><li><span class="sublevel-suckerfish-vertical" id="menulink_5_2-suckerfish-vertical"><span class="expanded">Retail Blends</span></span><ul id="menulist_5_2-suckerfish-vertical" ><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Irish-Breakfast-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_1-suckerfish-vertical">Irish Breakfast Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Jasmine-Green-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_2-suckerfish-vertical">Jasmine Green Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Decaf-Evening-Black-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_3-suckerfish-vertical">Decaf Evening Black Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Pu-erh-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_4-suckerfish-vertical">Pu-erh Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Wu-Yi-Oolong-Tea.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_5-suckerfish-vertical">Wu-Yi Oolong Tea</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/White-Tea-Blend.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_6-suckerfish-vertical">White Tea Blend</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Japanese-Sencha.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_7-suckerfish-vertical">Japanese Sencha</a></li><li><a href="retail-tea-range/retail-organic-loose-leaf-tea/Earl-Grey.html" class="sublevel-suckerfish-vertical" id="menulink_5_2_8-suckerfish-vertical">Earl Grey</a></li></ul></li></ul></li></ul> </div> </div>
Tasarımın altındaki yazı:
İçerik bölümünün altındaki bilgi (mesela Copyright):
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* ohne a */ /* CSS Document */ /* bom_organictealeaf */ /* organictealeaf.com */ /* Start of Global page settings. Should get over-ridden later on*/ * {padding:0;margin:0;} html { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/background.jpg); background-repeat: repeat; background-attachment: fixed; background-position: 50% 0; /*background: #240a09; */text-align: center; width: 100%; height: 100%; margin: 0 0 1px; cursor: default; } body { color: #f0e4ac; font: 90.1%/1.4 "Times New Roman", Times, serif; text-align: left; position: relative; top: 0; left: 0; width: 100%; min-width: 940px; min-height: 100%; margin: 0; padding-bottom: 20px; } body.contentpane {padding: 20px; } body.contentpane input.inputbox {width: 200px; margin: 2px 0} h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address,.componentheading,.contentheading,.contentpagetitle,.sectiontableheader,.newsfeedheading{margin: 0.5em 0;padding: 0;} li, dd, blockquote {margin-left: 1em;} fieldset { border: dotted 0px #ccc; } input, select, textarea {font-size: 1em;} /* End of Global page settings. Should get over-ridden later on*/ #wrapper {background-color:#fff;} div#seotext{position:absolute;display:none;} /* Base typography */ /* Main titles for various pages. Mix and match hX tags with Joomla titles */ h1/*,.componentheading,td.contentheading h1,*/ { font-size: 1.9em; font-weight: normal; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.03em; margin: 0 0 0.5em; /*use for top/bottom*/padding:0; /*use for left/right*/} h2,/*.contentheading,*/a.contentheading:link,a.contentheading:visited,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited { font-size: 1.5em; font-weight: normal; line-height: normal; margin: 28px 0 7px; border-bottom: 0 dotted #724914; /*use for left/right*/} h2.organic-tea { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/organic-tea-leaf-h2.png); padding: 0 0 0 32px; background-repeat: no-repeat; background-position: 0 0;} h3,table.moduletable th {font-size:1.2em;margin:1em 0; /*use for top/bottom*/padding:0 0em; /*use for left/right*/} h4 {font-size:1.2em;margin:1em 0; /*use for top/bottom*/padding:0 0em; /*use for left/right*/} h5 {font-size:1.2em;margin:1em 0; /*use for top/bottom*/padding:0 0em; /*use for left/right*/} h6 {font-size:1.2em;margin:1em 0; /*use for top/bottom*/padding:0 0em; /*use for left/right*/} img { margin: 0; padding: 0; border: 0; } /* div.syndicate div { background-color: red; padding: 0; } div.syndicate div a { font-size: 0; line-height: 0; height: 0; margin: 0; border: solid 1px blue; } */ span.highlight { color: #360000; background-color: #f3eac2; padding: 0 3px; } /* search result highlighting */ span.quotation { padding: 0 12px 0; display: block; } /* Non-title text */ p, table, td, tr, div { margin: 0; padding: 0; border-width: 0; border-collapse: collapse; border-spacing: 0; background:transparent; } p {margin:1em 0; /*use for top/bottom*/padding:0 0em; /*use for left/right*/} li > p {margin-top: 0.2em;} pre {font-family: monospace;font-size: 1.0em;} strong, b {font-weight: bold;} td {margin:1em 0; /*use for top/bottom*/padding:0 0em; /*use for left/right*/} tr {margin:1em 0; /*use for top/bottom*/padding:0 0em; /*use for left/right*/} abbr acronym {} form { /* removes space below form elements */ margin: 0; padding: 0;} img { margin: 0; padding: 0; border-width: 0; } /* ----- LISTS ----- */ ol, ul, li { margin: 0; padding: 0; list-style-type: none; } ul,ol {} li{} /********* LINK STYLES *********/ /* NAVIGATION/MENU SETTINGS */ /* Navigation START */ /* a START */ a, a:link, a:visited { color: #d4b500; text-decoration: none; cursor: pointer; } a:hover, a:active, a:focus { color: #f6dd4c; text-decoration: none; } /* a ENDE */ ul#mainlevelfooter { margin: 0; padding: 0; white-space: nowrap; } ul#mainlevelfooter li { float: left; } ul#mainlevelfooter li a, ul#mainlevelfooter li span { text-indent: 0; width: 100%; padding: 0 4px; display: block } div.moduletable { margin: 0 0 10px; } div.moduletableAktuelles { } div.moduletableAktuelles h3 { color: #1b3f1e; padding: 0 0 6px; display: block; } ul#menulist_rootAktuelles { } ul#menulist_rootAktuelles li { float: left; border-right: 20px solid #fff; } ul#menulist_rootAktuelles li a, ul#menulist_rootAktuelles li a:link, ul#menulist_rootAktuelles li a:visited { line-height: 2; background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 1px center; text-indent: 16px; width: 144px; margin: 183px 0 0; cursor: pointer; display: block; } ul#menulist_rootAktuelles li a:hover, ul#menulist_rootAktuelles li a:active, ul#menulist_rootAktuelles li a:focus { background-color: #cc3300; background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); } ul#menulist_rootAktuelles li#menuitem_1Aktuelles { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/organic-tea-leaf-home1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; } ul#menulist_rootAktuelles li#menuitem_2Aktuelles { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/organic-tea-leaf-home2.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; } ul#menulist_rootAktuelles li#menuitem_3Aktuelles { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/organic-tea-leaf-home3.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; } ul#menulist_rootAktuelles li#menuitem_4Aktuelles { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/organic-tea-leaf-home4.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; } /* extended menu START */ /** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */ div.menu-suckerfish-vertical { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_sublevel.png); background-repeat: repeat-y; background-position: 1px 0; position: relative; top: 0; left: 0; height: 504px; z-index: 10; overflow: visible; margin: -0 0 0 23px; } ul#menulist_root-suckerfish-vertical { /*overflow: visible;*/ } /** customize colors here */ a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link, a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited, span.mainlevel-suckerfish-vertical { color: #d4b500; background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_hg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 1px 1px; } a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover, span.mainlevel-suckerfish-vertical:hover, span.mainlevel_active-suckerfish-vertical { color: #f6dd4c; background-color: transparent; background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_hg.png); background-repeat: no-repeat; background-position: -500px 1px; } a#menulink_6-suckerfish-vertical { color: #fff; } a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, a.sublevel-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link, a.sublevel-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited, span.sublevel-suckerfish-vertical, span.sublevel_active-suckerfish-vertical { color: #d4b500; background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_hg.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 1px 1px; } a.sublevel-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover, span.sublevel-suckerfish-vertical:hover, span.sublevel_active-suckerfish-vertical:hover { color: #f6dd4c; background-color: transparent; background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_hg.png); background-position: -500px 1px; } ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:visited { } ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:hover { } ul.mainlevel-suckerfish-vertical span.expanded { line-height: 27px; background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); display: block; background-position: right center; background-repeat: no-repeat; background-attachment: scroll; } ul.mainlevel-suckerfish-vertical span.expanded:hover, span.mainlevel_active-suckerfish-vertical span.expanded { background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); background-repeat: no-repeat; background-position: right center; } ul.mainlevel-suckerfish-vertical ul span.expanded {display: block; background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); background-position: right center; background-repeat: no-repeat;} ul.mainlevel-suckerfish-vertical ul span.expanded:hover { background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); background-repeat: no-repeat; background-position: right center; } /** customize style / layout here */ a.mainlevel-suckerfish-vertical,a.mainlevel_active-suckerfish-vertical,a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical, a.mainlevel-suckerfish-vertical:link,a.mainlevel_active-suckerfish-vertical:link,a.mainlevel_current-suckerfish-vertical:link, a.mainlevel-suckerfish-vertical:visited,a.mainlevel_active-suckerfish-vertical:visited,a.mainlevel_current-suckerfish-vertical:visited, a.mainlevel-suckerfish-vertical:hover,a.mainlevel_active-suckerfish-vertical:hover,a.mainlevel_current-suckerfish-vertical:hover, a.sublevel-suckerfish-vertical,a.sublevel_active-suckerfish-vertical,a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical, a.sublevel-suckerfish-vertical:link,a.sublevel_active-suckerfish-vertical:link,a.sublevel_current-suckerfish-vertical:link, a.sublevel-suckerfish-vertical:visited,a.sublevel_active-suckerfish-vertical:visited,a.sublevel_current-suckerfish-vertical:visited, a.sublevel-suckerfish-vertical:hover,a.sublevel_active-suckerfish-vertical:hover,a.sublevel_current-suckerfish-vertical:hover span.mainlevel_active-suckerfish-vertical, span.mainlevel_active-suckerfish-vertical, span.sublevel_active-suckerfish-vertical { font-weight: normal; font-size: 14px; line-height: 27px; text-align: left; text-decoration: none; width: 100%; display: block; /*margin: 1px 0 0;*/ padding-left: 16px; } a.sublevel-suckerfish-vertical,a.sublevel_active-suckerfish-vertical,a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical, a.sublevel-suckerfish-vertical:link,a.sublevel_active-suckerfish-vertical:link,a.sublevel_current-suckerfish-vertical:link, a.sublevel-suckerfish-vertical:visited,a.sublevel_active-suckerfish-vertical:visited,a.sublevel_current-suckerfish-vertical:visited, a.sublevel-suckerfish-vertical:hover,a.sublevel_active-suckerfish-vertical:hover,a.sublevel_current-suckerfish-vertical:hover, span.sublevel_active-suckerfish-vertical, span.sublevel_active-suckerfish-vertical:hover { /*margin: 1px 0 0 1px; */ } a.mainlevel-suckerfish-vertical,a.mainlevel_active-suckerfish-vertical,a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical { } a.sublevel-suckerfish-vertical,a.sublevel_active-suckerfish-vertical,a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical { } #active_menu-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical,a.mainlevel_current-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical:link,a.mainlevel_current-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:visited,a.mainlevel_current-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:hover,a.mainlevel_current-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical,a.sublevel_current-suckerfish-vertical, a.sublevel_active-suckerfish-vertical:link,a.sublevel_current-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:visited,a.sublevel_current-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:hover,a.sublevel_current-suckerfish-vertical:hover, span.sublevel_active-suckerfish-vertical { color: #f6dd4c; background-repeat: no-repeat; background-position: -500px 1px; } ul.mainlevel-suckerfish-vertical, .mainlevel-suckerfish-vertical ul { padding: 0; margin: 0; list-style: none; } ul.mainlevel-suckerfish-vertical { z-index: 101; } ul.mainlevel-suckerfish-vertical ul { display: none; position: absolute; top: 0; left: 184px; z-index: 102; } ul.mainlevel-suckerfish-vertical ul ul { text-transform: capitalize; left: 163px; z-index: 103; } ul.mainlevel-suckerfish-vertical li { background-color: transparent; margin: 0; list-style: none; float: left; clear: left; position: relative; width: 168px; } ul.mainlevel-suckerfish-vertical li li { width: 147px; } ul.mainlevel-suckerfish-vertical li:hover ul, ul.mainlevel-suckerfish-vertical li.hover ul { display: block; } ul.mainlevel-suckerfish-vertical li:hover ul ul, ul.mainlevel-suckerfish-vertical li.hover ul ul { display: none; } ul.mainlevel-suckerfish-vertical li:hover ul li:hover ul, ul.mainlevel-suckerfish-vertical li.hover ul li.hover ul { display: block; } ul.mainlevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical li li { clear: left; } /* dritte Ebene */ ul#menulist_2_1-suckerfish-vertical { background-color: transparent; margin-top: -30px; } ul#menulist_1_1-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_1_2-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_1_3-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_1_4-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_1_5-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_1_6-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_1_7-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_1_8-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_2_1-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_3_1-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_4_1-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_4_2-suckerfish-vertical a.sublevel-suckerfish-vertical, ul#menulist_5_1-suckerfish-vertical a.sublevel-suckerfish-vertical { font-size: 13px; line-height: 18px; } ul#menulist_1_1-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_1_2-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_1_3-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_1_4-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_1_5-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_1_6-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_1_7-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_1_8-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_2_1-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_3_1-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_4_1-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_4_2-suckerfish-vertical a.sublevel_current-suckerfish-vertical, ul#menulist_5_1-suckerfish-vertical a.sublevel_current-suckerfish-vertical { font-size: 13px; line-height: 18px; } /* separator */ /*span#menulink_4-suckerfish-vertical, span#menulink_5-suckerfish-vertical, span#menulink_6-suckerfish-vertical, span#menulink_7-suckerfish-vertical, span#menulink_8-suckerfish-vertical { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_hg.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-indent: -1000px; height: 200px; } */ /* 4.Ebene, damit man ueber die Menuebilder hovern kann */ /*ul#menulist_1_1_1-suckerfish-vertical {margin-top: 0} ul#menulist_1_1_2-suckerfish-vertical {margin-top: -20px} ul#menulist_1_1_3-suckerfish-vertical {margin-top: -40px}*/ ul#menulist_1_1_1-suckerfish-vertical li a, ul#menulist_1_1_2-suckerfish-vertical li a, ul#menulist_1_1_3-suckerfish-vertical li a { /*background-image: none; text-indent: -1000px; width: 400px; height: 400px ; border-top: 2px solid fuchsia; */} /* Menue Erweiterung */ div#sublevel1, div#sublevel2 { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_sublevel.png); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 20px; left: 208px; width: 162px; height: 500px; z-index: 0; display: none;} div#sublevel2 { left: 371px;} div#navibildschatten { background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 8px; left: 555px; width: 360px; height: 360px; z-index: 0; display: none;} html>body div#navibildschatten {background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/navi_produkt_hg.png);} img#loadnavibild { width: 32px; margin: 156px auto auto; } div#navibild { background-image: url(../../http://www.organictealeaf.com/templates/bom_organictealeaf/images/stories/naviprodukte/navi_produkt1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 22px; left: 571px; width: 320px; height: 320px; z-index: 0; display: none;} /* topnavi START */ div.moduletable-topnavi { padding-top: 30px; color: #6d5c12; font-size: 13px; } ul#mainlevel-topnavi { float: left; padding-left: 2px; } ul#mainlevel-topnavi li { float: left; display: inline; } ul#mainlevel-topnavi a, ul#mainlevel-topnavi a:link, ul#mainlevel-topnavi a:visited { color: #d4b500; background-image: none; padding: 0 15px; display: block; } ul#mainlevel-topnavi a:hover, ul#mainlevel-topnavi a:active, ul#mainlevel-topnavi a:focus, ul#mainlevel-topnavi a#active_menuLinks { color: #f6dd4c; background-color: transparent; } /* topnavi ENDE */ /* linksmenu START */ ul#mainlevelLinks li {} ul#mainlevelLinks a, ul#mainlevelLinks a:link, ul#mainlevelLinks a:visited { line-height: 2; background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 1px center; width: 140px; padding: 0 0 0 16px; display: block; } ul#mainlevelLinks a:hover, ul#mainlevelLinks a:active, ul#mainlevelLinks a:focus, ul#mainlevelLinks a#active_menuLinks { color: #fff; background-color: #059800; background-image: url(http://www.themelayouts.com/blog/wp-content/themes/magictree/images/sidebaricon.jpg); } /* linksmenu ENDE */ /* Navigation ENDE */ /* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ a.pagenav,.pagenavbar {} a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link {} a.pagenav:hover, { } /*Style for the "Read More" link that is displayed for large content items*/ a.readon:link,a.readon:visited {} a.readon:hover {} /*Style for the "Read More" link that is displayed for large content items - PUSH BUTTON VERSION a.readon:link,a.readon:visited {display: block;border: 1px solid;border-color: #aaa #000 #000 #aaa;} a.readon:hover {position: relative;top: 1px;left: 1px;border-color: #000 #aaa #aaa #000;}*/ /*Style for the "BACK" button.*/ a.back_button {} a.back_button:hover {} /*Style for the "BACK" button. Push button version a.back_button {display: block;border: 1px solid;border-color: #aaa #000 #000 #aaa;} a.back_button:hover {position: relative;top: 1px;left: 1px;border-color: #000 #aaa #aaa #000;}*/ /* You get the idea, style as above */ a.pagenav_prev {} /*Style for the PRE button*/ a.pagenav_next {} /*Style for the NEXT button*/ /* horizontal line in your template*/ hr { color: #c4c4c4; background-color: #c4c4c4; height: 1px; } hr.separator {} /* FORMS SETTINGS */ .button {} .inputbox {} .search {} /*formatting the <div> which holds search items: inputbox, search button...*/ /*Style for latest news list - by default, latest news is user1 module*/ .latestnews ul {} .latestnews li {} /*Style for most popular list - by default, most popular is user2 module*/ .mostread ul{} .mostread li{} /* CONTENT PAGE SETTINGS */ a.category:link {} a.category:hover {} a.category:visited {} .blogsection {} /* Formatting the links in Blog section */ .blog_more {} /*The "More" text in blog section*/ a.blogsection:link {} /* set the link format */ a.blogsection:visited {} /* same as above, but to set the visited link format */ a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */ .contentpane {} /* Table that holds all non-article information (components, category lists, contact forms, etc).*/ .contentpaneopen {} /* Table that holds the actual text for an article.*/ a.contentpagetitle:hover {} /*Title of articles when appeare as links */ .contentdescription {} /* Formating the "DESCRIPTION" of sections, categories (News/Weblinks/Latest news...) */ table.contenttoc {} /* Formating the table of the Tables of Contents for multiple pages content or article */ table.contenttoc td {} /* same as above, used to format the td and able cells */ table.contenttoc th {} /* same as above, used to format the th of "Tables of Content" ( normally Article Index)*/ table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/ a.toclink:link {} /* same as above, used to format toc link text status*/ a.toclink:visited {} a.toclink:hover {} /* SECTIONS LISTINGS */ .sectiontableheader {} /* This is for styling the section table headers on a SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */ .sectiontableentry1 ,.sectiontableentry2 {padding: 2px 0; } .sectiontableentry2 {} /* MODULES FORMATTING */ .module {} /* Formatting the module table if using -3 suffix */ table.moduletable {} /* Formatting the module table if using 0,1,-2 suffix */ table.moduletable td {} /* Formatting the table cells of the module table */ /* Rounded div corners if using -3 suffix. Images go in /template/images folder div.module {background: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/topleftofbox.png) 0 0 no-repeat; margin: 0; padding: 0; margin-bottom: 20px;} div.module div {background: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/toprightofbox.png) 100% 0 no-repeat;} div.module div div{ background: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/bottomleftofbox.png) 0 100% no-repeat;} div.module div div div {background: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/bottomrightofbox.png) 100% 100% no-repeat; padding: 8px;width: auto !important;width: 100%;}*/ /* MISCELLANEOUS */ /* For styling the date the content/articles are created under contents title */ .createdate {} /* Formating "Last updated on" text at the end of articles/contents */ .modifydate {} /* Formating "Written by:...." text. You can also use for any 'fine print' on your site by defining it in the html while adding content*/ .small {} /*Found in poll result page, for " Number of Voters".. text */ .smalldark {} /* Polls */ .poll {} /* format the td of poll table */ .pollstableborder {} /* set the border properties of the polls voting table */ /* Weblinks */ .weblinks{} /* well.. to format the link's titles under the "Weblinks" section on the frontend */ a.weblinks:hover {} /* same as above, but for link with mouseover */ /* Newsfeeds */ .newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */ .newsfeeddate {} /* yeah.. the date on the newsfeed */ .fase4rdf {} /* this is the body text of the newsfeed */ /* Search page */ table.searchintrosuche { display: none; } /* This is for formatting the box with "Search Keyword: test returned 4 matches" box that appears after you have entered a search value. It appears on the mainbody with the search results */ div#pagecounter { display: none; } /* this hides the selectbox for how many searchresults appear per page */ /* nicht wirklich! */ .ltext {display:none;} /* Message */ div.message { font-size: 17px; padding: 10px; border: solid 3px #fff; } span.blink { color: #f6dd4c; text-decoration: blink; } /* bom_ START */ div#abschneider, div#abschneiderfrontpage, div#abschneiderbomsos { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/inhalt.jpg); background-repeat: no-repeat; background-position: 5 426px; position: relative; top: 0; left: 0; width: 928px; overflow: hidden; margin: 0 auto; } div#abschneiderfrontpage { background-image: none; } div#abschneiderbomsos { background-position: 0 66px; } div#container { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; padding: 0; } div#kopf { text-align: center; position: absolute; top: 0; left: 0; width: 100%; } html>body div#kopf { } div#kopf_zentriert { width: 928px; overflow: visible; margin: 0 auto; } div#kopf_navifrontpage, div#kopf_navi, div#kopf_bomsos { position: relative; top: 0; left: 0; height: 340px; overflow: hidden; padding-top: 20px; } div#kopf_navifrontpage { height: 486px; } div#kopf_bomsos { height: 0; overflow: hidden; } div.moduletablemenubilder { position: absolute; top: 0; left: 0; width: 928px; z-index: 0; } div.moduletablemenubilder div {} div#links { text-align: left; position: absolute; top: 0; left: 0; width: 168px; height: 30000px; float: left; margin: 0 0 -30000px; padding: 0 40px 30000px 0; /*border-right: 1px solid #e0e0e0; */} /* margin -30000px wegen IE6 */ html>body div#links {margin-bottom: 0; padding-bottom: 0} /* wegen Opera */ div#links_oben { /*background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/linksdiv.png); background-repeat: no-repeat; background-position: 0 100%;*/ width: 100%; height: 698px } div#linkslogos { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/links.png); background-repeat: no-repeat; background-position: 0 100%; position: absolute; left: 0; bottom: 0; width: 200px; height: 300px; } div#rechtsfrontpage, div#rechtsbomsos, div#rechts { float: right; width: 190px; margin: 0 0 -30000px; padding: 850px 10px 30030px 20px; text-align: left; } /*html>body div#rechts {padding-top: 398px} html>/** / body div#rechts {padding-top: 388px}*/ div#rechtsfrontpage { padding-top: 561px; width: 150px} div#rechtsbomsos {width: 150px; padding-top: 550px} div#inhaltfrontpage, div#inhalt, div#inhaltbomsos { width: 480px; float: right; margin-top: 0; margin-bottom: -30000px; padding: 460px 0 30040px; } div#inhaltfrontpage { display: none } div#inhaltbomsos {width:520px; padding-top: 80px} * html div#inhaltfrontpage, * html div#inhalt, * html div#inhaltbomsos { height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */} div#fusszeile { color: #8d7347; font-size: 0.8em; line-height: 23px; text-align: center; position: relative; top: 0; left: 0; width: 928px; height: 24px; margin: -24px auto 0; border-bottom: 5px solid #000; } div#fusszeile_zentriert { text-align: left; width: 720px; height: 100%; margin: 0 0 0 208px; border-top: 1px dotted #260d0c; } #fusszeile a, #fusszeile a:link, #fusszeile a:visited { color: #8d7347; } #fusszeile a:hover, #fusszeile a:active, #fusszeile a:focus { color: #f6dd4c; } div#clear { height: 0; clear: both; } td.Detailbezeichnung { font-weight: bold; padding: 2px 6px 2px 2px; } div.moduletableLinks { margin: 0 0 0 48px;} div.moduletableImageLinks { position: absolute; left: 0; bottom: 0; } /* Suchemodul START */ div.moduletableSuche { float: left; padding-top: 29px; padding-left: 25px; } /* Suchemodul ENDE */ /* input Elemente START */ textarea.inputbox, input.inputbox, input.inputboxInstantSearch, input.inputboxSuche, .dgm_m_inputbox { color: #f3eac2; padding: 1px 1px 1px 3px; border:solid 1px #000; font-size: 1em; font-family: "Times New Roman", Times, serif; background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/input-hintergrund.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0 1px 0 0; } input#mod_search_searchword { color: #8d7347; font-size: 13px; width: 128px; padding-left: 12px; } textarea.inputbox { font-size: 1em; font-family: "Times New Roman", Times, serif; } .inputbox:hover, .inputbox:active, .inputbox:focus, .inputboxInstantSearch:hover, .inputboxInstantSearch:active, .inputboxInstantSearch:focus, .inputboxSuche:hover, .inputboxSuche:active, .inputboxSuche:focus, .dgm_m_inputbox:hover, .dgm_m_inputbox:active, .dgm_m_inputbox:focus {border: solid 1px #d4b500;} select.inputbox { color: #666; font-size: 1em; font-family: "Times New Roman", Times, serif; width: 10.5em; height: 1.5em; padding: 0; } html>/**/body select.inputbox { height: 1.4em;} input.button, input.buttonSuche, input.buttonInstantSearch, .dgm_m_button, .dgm_m_button_log{ color: #411c00; font-size: 1em; font-family: "Times New Roman", Times, serif; background-color: transparent; background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/organic-tea-leaf-button.jpg); background-repeat: repeat-x; background-position: 50% 0; height: 18px; padding: 0 3px; border-style: solid; border-width: 0; cursor: pointer; } html>/**/body input.button, html>/**/body input.buttonInstantSearch{ padding: 1px 7px; border-bottom-color: #059800; border-bottom-width: 0; } input.button:hover, input.buttonSuche:hover, input.buttonInstantSearch:hover, .dgm_m_button:hover, .dgm_m_button_log:hover {background-position: 50% -20px;} input.buttonSuche { background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/organic-tea-leaf-searchbutton.jpg); background-position: 50% -1px; width: 34px; margin-bottom: 1px; margin-left: 4px; } html>/**/body input.buttonSuche { margin-bottom: -1px; } input.button:hover, input.button:active, input.button:focus, input.dgm_m_button:hover, input.dgm_m_button:active, input.dgm_m_button:focus, input.dgm_m_button_log:hover, input.dgm_m_button_log:active, input.dgm_m_button_log:focus, input.buttonSuche:hover, input.buttonSuche:active, input.buttonSuche:focus, input.buttonInstantSearch:hover, input.buttonInstantSearch:active, input.buttonInstantSearch:focus { background-position: 50% -21px; } /* dgm login START */ div.moduletable-dgmlogin { text-align: left; width: 8em; float: left; } div.moduletable-dgmlogin span#navbar_search { text-align: left; width: 120px; height: 18px; display: block; margin-top: 0 } div.moduletable-dgmlogin span#navbar_search a:link,div.moduletable-dgmlogin span#navbar_search a:visited,input.dgm_m_button_log { color: #d4b500; line-height: 0; padding: 10px 0 8px 15px; display: block; } html>/**/body div.moduletable-dgmlogin span#navbar_search a:link,html>/**/body div.moduletable-dgmlogin span#navbar_search a:visited {padding-top: 9px} div.moduletable-dgmlogin span#navbar_search a:hover, div.moduletable-dgmlogin span#navbar_search a:active, div.moduletable-dgmlogin span#navbar_search a:focus, input.dgm_m_button_log:hover { color: #f6dd4c; background-color: transparent; background-position: 0 -32px; } input.dgm_m_button_log { font-size: 1em; line-height: 1.26; background-color: transparent; background-position: 0 -32px; text-align: left; border: 0 #fff; cursor: pointer; padding-top: 8px; padding-bottom: 6px; } html>/**/body input.dgm_m_button_log { line-height: 1.6;} div#navbar_search_menu table.dgm_m_table {width: 215px; font-size: 12px; } span#navbar_search,div#navbar_search_menu table.dgm_m_table label, div#navbar_search_menu table.dgm_m_table a { font-size: 13px; font-family: "Times New Roman", Times, serif;} td.dgm_m_text {} td.dgm_m_label { width: 250px; /* wegen IE7 */} .dgm_m_inputbox { font-size: 12px; width: 114px; margin: 2px 0 0; } div.dgmmenu_popup { color: #411c00; line-height: normal; background-image: url(http://www.organictealeaf.com/templates/bom_organictealeaf/images/dgm_hg.png); background-repeat: repeat; background-position: 0 0; margin: 10px 0 0 0; padding: 4px 8px; border: solid 1px; }
safari travel flahs uyarlaması:
Tasarımın üzerindeki yazı:
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="00" background="http://www.chambalsafari.com/images/page_bg2.jpg" onload="dynAnimation()" language="Javascript1.2"> <script language="JavaScript" type="text/javascript"> var ic = 5; var xoxo = new Array(ic); xoxo[0] = "http://www.chambalsafari.com/images/hedr_pic1.jpg"; xoxo[1] = "http://www.chambalsafari.com/images/hedr_pic2.jpg"; xoxo[2] = "http://www.chambalsafari.com/images/hedr_pic3.jpg"; xoxo[3] = "http://www.chambalsafari.com/images/hedr_pic4.jpg"; xoxo[4] = "http://www.chambalsafari.com/images/hedr_pic5.jpg"; function pickRandom(range) { if (Math.random) return Math.round(Math.random() * (range-1)); else { var now = new Date(); return (now.getTime() / 1000) % range; } } // Write out an IMG tag, var choice = pickRandom(ic); // --> </script><script language="JavaScript" fptype="dynamicanimation"> <!-- function dynAnimation() {} function clickSwapImg() {} //--> </script><script language="JavaScript1.2" fptype="dynamicanimation" src="http://www.chambalsafari.com/animate.js"> </script><style type="text/css"> <!-- TD { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Verdana } --></style> <table id="table1" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td> <div align="center"> <table id="table2" border="0" cellspacing="0" cellpadding="0" width="780"> <tbody> <tr> <td> <table id="table3" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td background="http://www.chambalsafari.com/images/border_left_right.gif" width="12"><img border="0" alt="" width="12" height="37" src="http://www.chambalsafari.com/images/border_left_right.gif" /></td> <td background="http://www.chambalsafari.com/images/back2.jpg" width="756"> <table id="table4" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td> <table border="0" cellspacing="0" cellpadding="0" width="200" align="center"> <tbody> <tr> <td><img border="0" alt="" width="243" height="102" src="http://www.chambalsafari.com/images/pic_topbar1.jpg" /></td> <td><img border="0" alt="" width="379" height="102" usemap="#FPMap0" src="http://www.chambalsafari.com/images/pic_topbar2.jpg" /></td> <td><img border="0" alt="" width="134" height="102" usemap="#FPMap1" src="http://www.chambalsafari.com/images/pic_topbar3.jpg" /></td> </tr> </tbody> </table> <map name="FPMap0"> <area shape="rect" coords="94, 30, 358, 72" href="index.html" /></map><map name="FPMap1"> <area shape="rect" alt="Home Page" coords="46, 26, 106, 45" href="index.html" /> <area shape="rect" alt="Contact Us" coords="43, 52, 116, 71" href="contact.php" /></map></td> </tr> <tr> <td height="45"> <table id="table13" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td> <table id="table20" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td><a onmouseout="document['fpAnimswapImgFP10'].src=document['fpAnimswapImgFP10'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP10'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="weekend-getaways-from-delhi.html"><img id="fpAnimswapImgFP10" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt1_h.jpg" name="fpAnimswapImgFP10" alt="" width="97" height="45" dynamicanimation="fpAnimswapImgFP10" src="http://www.chambalsafari.com/images/butt/butt1.jpg" /></a></td> </tr> </tbody> </table> </td> <td><a onmouseout="document['fpAnimswapImgFP11'].src=document['fpAnimswapImgFP11'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP11'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="india-family-holidays-sanctuary.html"><img id="fpAnimswapImgFP11" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt2_h.jpg" name="fpAnimswapImgFP11" alt="" width="115" height="45" dynamicanimation="fpAnimswapImgFP11" src="http://www.chambalsafari.com/images/butt/butt2.jpg" /></a></td> <td><a onmouseout="document['fpAnimswapImgFP3'].src=document['fpAnimswapImgFP3'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP3'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="activites.html"><img id="fpAnimswapImgFP3" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt3h.jpg" name="fpAnimswapImgFP3" alt="" width="82" height="45" dynamicanimation="fpAnimswapImgFP3" src="http://www.chambalsafari.com/images/butt/butt3.jpg" /></a></td> <td><a onmouseout="document['fpAnimswapImgFP4'].src=document['fpAnimswapImgFP4'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP4'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="gallery-wildlife-reserves-india.html"><img id="fpAnimswapImgFP4" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt4_h.jpg" name="fpAnimswapImgFP4" alt="" width="115" height="45" dynamicanimation="fpAnimswapImgFP4" src="http://www.chambalsafari.com/images/butt/butt4.jpg" /></a></td> <td><a onmouseout="document['fpAnimswapImgFP9'].src=document['fpAnimswapImgFP9'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP9'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="trip-birding-birdwatching-holidays.html"><img id="fpAnimswapImgFP9" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt_5.jpg" name="fpAnimswapImgFP9" alt="" width="104" height="45" dynamicanimation="fpAnimswapImgFP9" src="http://www.chambalsafari.com/images/butt/butt5.jpg" /></a></td> <td><a onmouseout="document['fpAnimswapImgFP6'].src=document['fpAnimswapImgFP6'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP6'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="checklists.html"><img id="fpAnimswapImgFP6" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt6_h.jpg" name="fpAnimswapImgFP6" alt="" width="90" height="45" dynamicanimation="fpAnimswapImgFP6" src="http://www.chambalsafari.com/images/butt/butt6.jpg" /></a></td> <td><a onmouseout="document['fpAnimswapImgFP7'].src=document['fpAnimswapImgFP7'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP7'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="map.html"><img id="fpAnimswapImgFP7" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt_7.jpg" name="fpAnimswapImgFP7" alt="" width="57" height="45" dynamicanimation="fpAnimswapImgFP7" src="http://www.chambalsafari.com/images/butt/butt7.jpg" /></a></td> <td><a onmouseout="document['fpAnimswapImgFP8'].src=document['fpAnimswapImgFP8'].imgRolln" onmouseover="var img=document['fpAnimswapImgFP8'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;" href="about-chambal-safari-lodge.html"><img id="fpAnimswapImgFP8" border="0" lowsrc="http://www.chambalsafari.com/images/butt/butt8_h.jpg" name="fpAnimswapImgFP8" alt="" width="96" height="45" dynamicanimation="fpAnimswapImgFP8" src="http://www.chambalsafari.com/images/butt/butt8.jpg" /></a></td> </tr> </tbody> </table> </td> </tr> <tr> <td> <table id="table14" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td height="66" background="http://www.chambalsafari.com/images/pg_top.jpg"> <div align="center"> <table id="table15" border="0" cellspacing="0" cellpadding="0" width="92%"> <tbody> <tr> <td><img border="0" alt="" width="1" height="13" src="http://www.chambalsafari.com/images/spcr.gif" /></td> </tr> <tr> <td> <p align="center"></p> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td background="http://www.chambalsafari.com/images/pic_pg_mid.jpg"> <div align="center"> <table id="table16" border="0" cellspacing="0" cellpadding="0" width="83%"> <tbody> <tr> <td class="txt">
Tasarımın altındaki yazı:
</td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td height="66" background="http://www.chambalsafari.com/images/pg_bott.jpg"></td> </tr> </tbody> </table> </td> </tr> <tr> <td height="41" background="http://www.chambalsafari.com/images/bott_bar.jpg"> <table id="table27" border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td> <p class="footer1" align="center" style="margin-top: 0px; margin-bottom: 0px"><span style="text-transform: uppercase"><a href="index.html">Home</a> | <a href="about-chambal-safari-lodge.html">About Us</a> | <a href="weekend-getaways-from-delhi.html">The Lodge</a> | <a href="india-family-holidays-sanctuary.html">The Sanctuary</a> | <a href="activites.html">Activities</a> | <a href="gallery-wildlife-reserves-india.html">Photo Gallery</a> | <a href="trip-birding-birdwatching-holidays.html">Trip Reports</a> | <a href="checklists.html">Checklist</a> | <a href="map.html">Map</a> | <a href="contact.php">Contact</a></span><a href="contact.php"></a></p> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="21" background="http://www.chambalsafari.com/images/ind_box_topbar.gif"> <div align="center"> <table id="table12" border="0" cellspacing="0" cellpadding="0" width="98%"> <tbody> <tr class="botttext"> <td class="txt" width="331"> <p class="botttext" style="margin-top: 0px"><font color="#e2b859">All photographs on this site are copyrighted.</font></p> </td> <td> <p class="botttext" align="right" style="margin-top: 0px"><font color="#e2b859"><a target="_blank" href="http://www.adysoftindia.com">Website</a> <a target="_blank" href="http://www.adysoftindia.com">Designed by</a> <a target="_blank" href="http://www.adysoftindia.com">Adysoft</a></font></p> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </td> <td background="http://www.chambalsafari.com/images/border_left_right.gif" width="10"><img border="0" width="12" height="37" alt="" src="http://www.chambalsafari.com/images/border_left_right.gif" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script><script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-8776455-1"); pageTracker._trackPageview(); } catch(err) {}</script><script language="javascript"> function Check_Null() { if (document.frmRoll.txtname.value=="" || document.frmRoll.txtname.value==" ") { alert("Please enter your full name.") document.frmRoll.txtname.focus() return false } if (document.layers||document.getElementById||document.all) { var str=document.frmRoll.txtmail.value var filter=/^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i if (filter.test(str)==false) { alert("Please enter your email address.") document.frmRoll.txtmail.value="" document.frmRoll.txtmail.focus() return false } } if (document.frmRoll.cmbcountry.value=="choose") { alert("Please choose your country.") document.frmRoll.cmbcountry.focus() return false } if (document.frmRoll.txtcity.value=="" || document.frmRoll.txtcity.value==" ") { alert("Please enter your city.") document.frmRoll.txtcity.focus() return false } if (document.frmRoll.txtfrom.value=="") { alert("Please enter from date.") document.frmRoll.txtfrom.focus() return false } if (document.frmRoll.txtto.value=="") { alert("Please enter to date.") document.frmRoll.txtto.focus() return false } if (document.frmRoll.txtmsg.value=="") { alert("Please enter your message.") document.frmRoll.txtmsg.focus() return false } } </script> <div align="center"></div>
İçerik bölümünün altındaki bilgi (mesela Copyright):
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} h1{ font: 10px/10px Arial; color:#A73211; margin:5px 0px 10px 20px; padding:0 0 0px 0; } img{border:0} .t-text{font-family:verdana,ms sans serif,arial;font-size:11px;color:#000000;padding-left:10px;padding-right:10px;line-height:13px;} .t-link{font-family:verdana,ms sans serif,arial;font-size:11px;color:#505050; } .t-link A{color:#505050;text-decoration:none;} .t-link A:Hover{color:#000000;text-decoration:none;} .b-link{font-family:verdana,ms sans serif,arial;font-size:11px;color:#ffff00;} .b-link A{color:#ffff00;text-decoration:none;} .b-link A:Hover{color:#fff;text-decoration:none;} .txt{font-family:Georgia, Times New Roman, Times, serif;font-size:12px;color:#592200;padding-left:0px;padding-right:00px;line-height:17px;} .txt b.wh{color:#592200;font-size:12px;} .txt A{color:#592200;text-decoration:none;} .txt A:Hover{color:#592200;text-decoration:underline;} .txtleft{font-family:Georgia, Times New Roman, Times, serif;font-size:12px;color:#592200; text-align:justify; padding-left:0px;padding-right:00px;line-height:17px;} .txtleft b.wh{color:#592200;font-size:12px;} .txtleft A{color:#592200;text-decoration:none;} .txtleft A:Hover{color:#592200;text-decoration:underline;} .txt2{font-family:Georgia, Times New Roman, Times, serif;font-size:12px;color:#592200;padding-left:0px;padding-right:00px;line-height:17px;} .txt2 b.wh{color:#592200;font-size:12px;} .txt2 A{color:#592200;text-decoration:none;} .txt2 A:Hover{color:#592200;text-decoration:underline;} .newsletter{font-family:Georgia, Times New Roman, Times, serif;font-size:11px;color:#592200;padding-left:0px;padding-right:00px;line-height:17px;} .newsletter b.wh{color:#592200;font-size:12px;} .newsletter A{color:#592200;text-decoration:none;} .newsletter A:Hover{color:#592200;text-decoration:underline;} .txt1{font-family:arial,verdana,ms sans serif;font-size:11px;color:#505050;padding-left:9px;padding-right:10px;line-height:14px;} .botttext{padding-right:px;padding-left:px;font-family:verdana,Lucida Sans Unicode,verdana,ms sans serif,arial;font-size:9px; color:#E2B859;line-height:17px;} .botttext b.wh{color:#E2B859;font-size:13px;} .botttext A{color:#E2B859;text-decoration:none;} .botttext A:Hover{color:#E2B859;text-decoration:none;} .main{color:#DE4E18;font-family:arial,verdana,ms sans serif;font-size:11px;padding-left:0px;} .main A{color:#DE4E18;text-decoration:none;} .main A:Hover{color:#8C8C8C;text-decoration:none;} .email{color:#414141;font-family:arial,verdana,ms sans serif;font-size:11px;padding-left:0px;} .email A{color:#414141;text-decoration:none;} .email A:Hover{color:#414141;text-decoration:underline;} .menutop{color:#414503;font-family:arial,verdana,ms sans serif;font-size:11px;padding-left:0px;} .menutop A{color:#414503;text-decoration:none;} .menutop A:Hover{color:#414503;text-decoration:none;} .sub {font-family:arial,Lucida Sans Unicode,verdana,ms sans serif;font-size:11px;color:#505050;padding-left:27px;} .sub A{color:#505050; text-decoration:none;} .sub A:Hover{color:#000000;text-decoration:underline;} .main-head {color:#858484;font-family:arial,ms sans serif;font-size:11px;} .main-head b{color:#E15F2F;font-family:arial,ms sans serif;font-size:17px;} .main-head A{color:#DE4E18;text-decoration:none;} .main-head A:Hover{color:#8C8C8C;text-decoration:none;} .link{font-family:arial,Lucida Sans Unicode,verdana,ms sans serif,arial;font-size:11px;color:#000000;padding-left:10px;line-height:22px;} .link A{color:#505050;text-decoration:none;} .link A:Hover{color:#000000;text-decoration:underline;} .footer1{font-family:Georgia, Times New Roman, Times, serif;font-size:9px;color:#F4F0D7;line-height:17px;} .footer1 A{color:#F4F0D7;text-decoration:none;} .footer1 A:Hover{color:#FFFFFF;text-decoration:none;} .footer2{font-family:Georgia, Times New Roman, Times, serif;font-size:9px;color:#FFFFFF;line-height:17px;} .footer2 A{color:#ECCF81;text-decoration:none;} .footer2 A:Hover{color:#FFFFFF;text-decoration:none;} .head{font-family:arial,verdana,ms sans serif,arial;font-size:13px;color:#DE4E18;padding-left:7px;} .table{padding-left:7px;font-family:arial,verdana,Lucida Sans Unicode,verdana,ms sans serif;font-size:11px; color:#444444;} .table b.wh{color:#802800;font-size:12px;} .table A{color:#802800;text-decoration:underline;} .table A:Hover{color:#000;text-decoration:none;} .req{font-family:arial,Lucida Sans Unicode,verdana,ms sans serif;font-size:11px;color:#FF6000;padding-left:7px;} .req A{color:#FF6000;text-decoration:none;} .req A:Hover{color:#000000;text-decoration:underline;} .productbottomlink{font-family:arial,verdana,ms sans serif;font-size:13px;color:#DE4E18;line-height:17px;font-weight:bold;padding-left:7px;} .productbottomlink A{color:#DE4E18;text-decoration:none;} .productbottomlink A:Hover{color:#909090;text-decoration:none;} .p-text{padding-right:35px;padding-left:10px;font-family:arial,verdana,Lucida Sans Unicode,verdana,ms sans serif,arial;font-size:11px; color:#505050;line-height:17px;} .p-text b.wh{color:#DC4912;font-size:13px;} .p-text A{color:#DC4912;text-decoration:none;} .p-text A:Hover{color:#505050;text-decoration:underline;} .p-text1{padding-right:20px;font-family:arial,verdana,Lucida Sans Unicode,verdana,ms sans serif,arial;font-size:11px; color:#505050;line-height:17px;} .p-text1 b.wh{color:#DC4912;font-size:13px;} .p-text1 A{color:#DC4912;text-decoration:none;} .p-text1 A:Hover{color:#505050;text-decoration:underline;} .p-text2{padding-right:10px;padding-left:10px;font-family:arial,verdana,Lucida Sans Unicode,verdana,ms sans serif,arial;font-size:11px; color:#505050;line-height:17px;} .p-text2 b.wh{color:#DC4912;font-size:13px;} .p-text2 A{color:#DC4912;text-decoration:none;} .p-text2 A:Hover{color:#505050;text-decoration:underline;} .productbottomlink1{font-family:arial,verdana,ms sans serif;font-size:11px;color:#414141;line-height:17px;padding-left:7px;} .productbottomlink1 A{color:#414141;text-decoration:none;} .productbottomlink1 A:Hover{color:#000;text-decoration:none;} #v_mnu_01 ul { list-style: none; margin: 0; padding: 0; font-family: Georgia, Times New Roman, serif; font-size: 11PX; font-style: normal; font-weight: bold; text-decoration: none; } #v_mnu_01 { Z-INDEX: 15; POSITION:absolute; margin-left:482px; margin-top:0px; width: 146PX; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #EFEAD2; border-right-color: #EFEAD2; border-bottom-color: #EFEAD2; border-left-color: #EFEAD2; } #v_mnu_01 li a { text-decoration: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #EFEAD2; } #v_mnu_01 .notopbrdr0xNone { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #v_mnu_01 li a:link, #v_mnu_01 li a:visited { color: #867D6A; display: block; background-color: #DCD3B7; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 5px; } #v_mnu_01 li a:hover { color: #FFFFFF; background: #B09578; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 5px; } #v_mnu_01 ul,#v_mnu_01 ul li a{ height: 1%} .list1 { margin-left: 0px; margin-bottom: 5px; margin-top: 5px; padding-left: 0; list-style: none;} .list1 li { padding-left: 14px; background-image: url(http://www.chambalsafari.com/images/bullet_orge_squre.gif); background-repeat: no-repeat; background-position: 02px; } html[xmlns] .list1 { padding-left: 2em; margin-right:000 } html[xmlns] .list1 li { background: none; /* undo the background-image */ list-style-image: url(http://www.chambalsafari.com/images/bullet_orge_squre.gif); padding: 0; } _________________________________________________________________________________________________ .inputfield { background-color: #F4F0D7; color: #592200; font-size: 11px; font-family: Georgia, Times New Roman, Times, serif; font-weight: 100; border: 1 solid; border-color: #B09578 #B09578 #B09578 #B09578; } .formbutton { background-color: #92A951; color: #FFFFFF; font-size: 8pt; font-family: Verdana; font-weight: 100; border: 1 solid; border-color: #414503 #414503 #414503 #414503; } .s A:hover { COLOR: #ff0000; TEXT-DECORATION: underline
üste header menlü tema yeşil dünya ::::::::
Tasarımın üzerindeki yazı:
<style type="text/css"> #topbar{ position:absolute; top:0px; left:0px; width:100%; height:120px; background-image:url(resim uok); background-repeat:repeat-x; z-index:0} }</style> <link rel="stylesheet" type="text/css" href="settings/<!--System:SD-->/style.css" /> <div id="topbar"> </head> <body class="diveCourses" onload="MM_preloadImages('http://h2osportz.com.au/assets/nav/nav-on_01.png','http://h2osportz.com.au/assets/nav/nav-on_02.png','http://h2osportz.com.au/assets/nav/nav-on_03.png','http://h2osportz.com.au/assets/nav/nav-on_04.png')"> <div id="header2"> <div id="headerInner"><a href="/japan/index.htm" title="日本語" class="flag"><img src="http://h2osportz.com.au/assets/japan-flag.gif" width="23" height="15" alt="日本語">日本語</a><img height="128" width="698" class="png header topimgs" alt="header images" src="http://h2osportz.com.au/assets/topnav-imgs.png" style="float: right;" /><a href="/"><img src="http://img27.imageshack.us/img27/176/grn43671lq2.gif" alt="H2O Sportz logo" width="190" height="140" border="0" class="png logo" /></a></div> </div> <div id="body"> <div class="png" id="stripe"></div> <div id="bodyInner"> <script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script><!-- Dynamic Menu Begin CSS Output --><div id="cat_882678_divs"><ul id="nav_882678"><li id="a" style="width:170px;height:63px;"><a style="background:url(http://h2osportz.com.au/assets/nav/nav-off_01.png) no-repeat;" onmouseover="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-on_01.png) no-repeat';" onmouseout="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-off_01.png) no-repeat';" href="/Full Day Trips/GreatBarrierReef_overview.html"></a><ul id="navsub_882678_462564"><li><a href="/Full Day Trips/GBR_Fullday.html">Snorkel and Dive</a></li><li><a href="/Full Day Trips/try_diving.html">Try Diving</a></li><li><a href="/Full Day Trips/TTA_Fullday.html">Triple Treat Adventure</a></li></ul></li><li id="b" style="width:168px;height:63px;"><a style="background:url(http://h2osportz.com.au/assets/nav/nav-off_02.png) no-repeat;" onmouseover="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-on_02.png) no-repeat';" onmouseout="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-off_02.png) no-repeat';" href="/Full Day Trips/full-day-tours.html"></a><ul id="navsub_882678_462565"><li><a href="/beach-safari.html">Beach Safari</a></li><li><a href="/Full Day Trips/TTA_Fullday.html">Triple Treat</a></li><li><a href="/private-charters.html">Private Charters</a></li></ul></li><li id="c" style="width:167px;height:63px;"><a style="background:url(http://h2osportz.com.au/assets/nav/nav-off_03.png) no-repeat;" onmouseover="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-on_03.png) no-repeat';" onmouseout="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-off_03.png) no-repeat';" href="/Beginner Courses/beginner-dive-courses.html"></a><ul id="navsub_882678_462576"><li><a href="/Beginner Courses/beginner-dive-courses_summary.html">Beginner Courses</a><ul id="navsub_882678_467885"><li><a href="/Full Day Trips/try_diving.html">Try Diving</a></li><li style="width:169px;height:28px;"><a href="/Beginner Courses/open-water.html">Open water</a><ul id="navsub_882678_462578"><li style="width:169px;height:28px;"><a href="/Beginner Courses/open-water-elearning.html">eLearning</a></li><li style="width:169px;height:28px;"><a href="/Beginner Courses/open-water-referral.html" target="Referral Students">Referral Students</a></li><li><a href="/Beginner Courses/open-water-homestudyhtml">Home Study Option</a></li></ul></li></ul></li><li><a href="#" onclick="return false;">On-going Courses</a><ul id="navsub_882678_467886"><li style="width:169px;height:28px;"><a href="/On-going Courses/advanced-OW.html">Advanced Open Water</a></li></ul></li><li><a href="#" onclick="return false;">Go Pro!</a><ul id="navsub_882678_468270"><li><a href="/Go Pro!/Divemaster">Divemaster</a></li></ul></li></ul></li><li id="d" style="width:173px;height:63px;"><a style="background:url(http://h2osportz.com.au/assets/nav/nav-off_04.png) no-repeat;" onmouseover="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-on_04.png) no-repeat';" onmouseout="this.style.background='url(http://h2osportz.com.au/assets/nav/nav-off_04.png) no-repeat';" href="/sightseeing-snorkelling.html"></a><ul id="navsub_882678_462577"><li><a href="/snorkel-safari.html">Snorkel Safari</a></li><li><a href="/beach-safari.html">Beach Safari</a></li><li><a href="/reef-viewer.html">Glass Bottom Boat Tours</a></li><li><a href="/private-charters.html">Private Charters</a></li><li><a href="http://h2osportz.com.au/fishfeeding-safari.html">Fish Feeding Safari</a></li></ul></li></ul></div><script type="text/javascript">var div = document.getElementById('cat_882678_divs');var i=0;var images=new Array();images[0]='http://h2osportz.com.au/assets/nav/nav-on_02.png';images[1]='http://h2osportz.com.au/assets/nav/nav-off_03.png';images[2]='http://h2osportz.com.au/assets/nav/nav-on_01.png';images[3]='http://h2osportz.com.au/assets/nav/nav-off_04.png';images[4]='http://h2osportz.com.au/assets/nav/nav-on_03.png';images[5]='http://h2osportz.com.au/assets/nav/nav-off_01.png';images[6]='http://h2osportz.com.au/assets/nav/nav-off_02.png';images[7]='http://h2osportz.com.au/assets/nav/nav-on_04.png';for(i=0;i<8;i++){var img=document.createElement('img');img.src=images[i];img.style.visibility='hidden';img.style.width='0px';img.style.height='0px';div.appendChild(img);}</script><script type="text/javascript">catSetSelectedCSSItem('nav_882678');</script><!-- Dynamic Menu End CSS Output --> <img height="128" width="128" class="png slogan" alt="Hamilton Island's BEST DAYS OUT!" src="http://cdn5.iconfinder.com/data/icons/styleislam_icons/128/kuran.png" /> <table cellspacing="0" cellpadding="0" border="0" class="body"> <tbody> <tr> <td valign="top" class="left">
Tasarımın altındaki yazı:
</div>
İçerik bölümünün altındaki bilgi (mesela Copyright):
CSS Kodu
(Style tagleri olmadan yazınız):
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html, body { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; color:#006c95; } body { font-size:80%; } div#header, div#header2 { height:132px; background-image:url('http://www.survivalarmageddon.com/Videos/Earth_Destruction_Banner.jpg'); background-repeat:repeat-x; background-position:center bottom; background-color:#FFF; width:100%; } div#header2{height:152px;} div#header {height:132px;padding-top:20px;} a.flag { display:block; width:70px;float: right; margin:2px 70px 2px 0px;} a.flag img { border:1px solid #006c95;} img.topimgs { clear:right;margin-top:15px; margin-bottom:-10px; margin-right:-10px;} img.header {float: right;margin-top:10px; margin-bottom:-10px; margin-right:-10px;} img.logo {margin-top:20px;} div#stripe { height:70px; background-image:url('http://h2osportz.com.au/assets//green-stripe-top.png'); background-repeat:no-repeat; background-position:center top; background-color: transparent; width:100%; /* margin-bottom:-73px;*/ position:relative; z-index:3; } div#stripe2 { height:61px; background-image:url('http://h2osportz.com.au/assets//green-stripe-bottom.png'); background-repeat:no-repeat; background-position:center bottom; background-color: transparent; width:100%; margin-top:-61px; position:relative; z-index:3; } div#footer { /*margin:-61px auto 0 auto;*/ min-height:70px; background-image:url('http://h2osportz.com.au/assets//bg-footer.jpg'); background-repeat:repeat-x; background-position:center top; background-color:#036b90; width:100%; } div#body { min-height:70px; background-image:url('http://www.twitterevolutions.com/bgs/green-simple.jpg'); background-repeat:no-repeat; background-position:center bottom; background-color:#27bff1; width:100%; padding-bottom:60px; -moz-background-size: cover; background-size: cover; } @media only all and (max-width: 2000px) and (max-height: 857px) { /* Important: 1024x768px has the same ratio as 1280x960px */ body { -moz-background-size: 2000px 857px; background-size: 2000px 857px; } } div#headerInner { width:950px; margin:0 auto; } div#footerInner { width:935px; margin:0 auto; } div#bodyInner { width:950px; margin:-70px auto 0 auto; position:relative; z-index:10; } div#footerInner { padding-top:1.7em; padding-bottom:2em; text-align:right; color:#00a0c6; font-size:80%; padding-right:15px; } div#footerInner a { text-decoration:none; color:#00a0c6; } div#footerInner a:hover { text-decoration:underline; } div#footerInner a:visited { color:#006c95; } img.slogan { margin:20px 0 20px 0; float:left; } table.body * {z-index:10;}/**/ table.body { clear:both; width:100%; } body.dhq table.body { margin-top:33px;} table.body .center { background-color:#FFF; color:#006c95; width:473px;} div.content { padding:0px 25px 25px 25px;} table.body .blankA { width:25px;} table.body .blankB { width:15px;} table.body .left { width:166px;text-shadow: 0.05em 0.05em 0.03em #024260; color:#FFF;} table.body .right .pad { margin-bottom:.4em;} table.body .left .pad { margin-top:.6em;} table.body .right .pad div { padding:4px 20px;} table.body .right .pad div.announcement-list { padding-top:0px;} div.newsSignup { background-image:url('http://h2osportz.com.au/assets//newsletter-bg.png'); height:170px; background-repeat:no-repeat; overflow:hidden; background-position:left bottom; margin-top:-5px;} div.news { background-image:url('http://h2osportz.com.au/assets//news-bg.png'); height:288px; background-repeat:no-repeat; overflow:hidden; background-position:left top;} div.chat { background-image:url('http://h2osportz.com.au/assets//live-chat-bg.png'); height:116px; background-repeat:no-repeat; overflow:hidden; background-position:left top;} div.newsSignup label { font-size:90%; padding-top:0px; display:block; font-weight:normal;} div.newsSignup h3, div.news h3, div.chat h3 { margin-bottom:0; margin-top:.8em; margin-left:-8px;} div.newsSignup h3 { margin-bottom:0em;} div.news h3 { margin-bottom:0;} div.newsSignup #submit { float:right; padding:10px 3px; display:block; font-weight:normal; font-style:italic; text-shadow: .1em .1em 0.2em #001015; color:#fff; font-size:120%; font-size:95%;} div.news h2 { text-shadow:none; font-size:100%; margin-bottom:0; font-style:normal; color:#006C95;} div.news p { margin-top:0; margin-bottom:.5em;} div.connect_text_wrapper { color:#FFF;} iframe.like {border:none; overflow:hidden; width:240px; height:25px; background-color:#dae9f0; padding:8px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px 0 10px 7px;} /* New code for "DEFAULT" menu type (LHS) table.catmain870239 td { z-index:10;}*/ table.catsub870239 { margin-top:-180px;} table.catsub870239 td { border:0px; border-bottom:1px solid white;} div#catDynMenuSub456879 table.catsub870239 { margin-top:-179px;} /*table#cat_870239 td { margin-bottom:10px;}*/ div#cat_870239_divs {padding-left:5px; margin-top:15px;} /*div.nav * { z-index:10;}*/ td.catmain0870239 { width:auto; font-size:110%; padding:0px 7px; height:35px; /*z-index:10;*/ position:relative; width:141px; line-height:35px; background-image:url('http://h2osportz.com.au/assets//navbg.png'); background-repeat:no-repeat; background-position:left center; font-style:italic; margin-bottom:4px; } td.catmain1870239 { background-image:url('http://h2osportz.com.au/assets//navbg-on.png'); width:auto; font-size:110%; padding:0px 7px; height:35px; /*z-index:10;*/ position:relative; width:141px; line-height:35px; background-repeat:no-repeat; background-position:left center; font-style:italic; margin-bottom:4px; } div.navBg { background-color:#006c95; filter:alpha(opacity=75); /*-khtml-opacity: 0.75; opacity: 0.75;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin:0; height:340px; position:relative; /*top:-345px;*/ margin-bottom:-340px; z-index:-10; } /*body.dhq div.navBg{top:-345px;}*/ /* Code for "CSS ONLY" menu type (LHS) div.nav { display:block;*/ /*background: rgba(0, 108, 149, 0.75) none; background-color:#006c95; filter:alpha(opacity=75); -khtml-opacity: 0.75; opacity: 0.75; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;*/ /* padding:20px 7px 10px 7px; margin:0; min-height:120px; } div.nav ul { display:block; list-style:none; margin:0; padding:0; float:left; width:100%; } div.nav li { display:block; float:left; width:100%; margin-bottom:10px; clear:left;list-style:none;margin:0 0 7px 0; padding:0;} div.nav li a { display:block; width:auto; font-size:110%; padding:0px 7px; height:30px; line-height:30px; font-style:italic; z-index:10; position:relative; background-image:url('http://h2osportz.com.au/assets//navbg.png'); background-repeat:no-repeat; background-position:left center; width:141px; } div.nav li#double a {height:30px; line-height:16px;padding:4px 7px 7px;background-image:url('http://h2osportz.com.au/assets//navbg-2.png');} div.nav li a:hover { background-image:url('http://h2osportz.com.au/assets//navbg-on.png'); } div.nav li#double a:hover {background-image:url('http://h2osportz.com.au/assets//navbg-2-on.png');}*/ a.refer { display:block; /*background: rgba(2, 66, 96, 0.85) none;*/ background-color:#024260; filter:alpha(opacity=85); -khtml-opacity: 0.85; opacity: 0.85; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:.8em 14px; line-height:41px; font-style:italic; clear:both; font-size:120%;} div.padi { display:block; /*background: rgba(2, 66, 96, 0.85) none;*/ background-color:#024260; filter:alpha(opacity=85); -khtml-opacity: 0.85; opacity: 0.85; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:.8em 10px .8em 14px; clear:both; font-size:125%; height:82px; text-align:center; } div.padi img { margin-left:.25em;} a.facebook { display:block; background: rgba(2, 66, 96, 0.85) none; background-color:#024260; filter:alpha(opacity=85); -khtml-opacity: 0.85; opacity: 0.85; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:.8em 14px; font-style:italic; clear:both; line-height:130%; height:41px;} a.facebook span.fb { display:block; width:89px; float:left; padding-top:4px;} a.facebook span.fb2 { font-size:120%;} a.facebook img { margin-right:.5em;} table .left a, table .left a:visited { color:#FFF; text-decoration:none;} table .left a:hover { /*background: rgba(2, 66, 96, 1) none;*/ filter:alpha(opacity=100); -khtml-opacity: 1; opacity: 1;} /*div#cat_882678_divs * {z-index:50;}*/ div#topnav, div#cat_882678_divs { float:right; margin-right:24px; width:679px;} div#cat_882678_divs * { z-index:500;} ul#nav_882678, ul#nav_882678 li { list-style:none; margin:0; padding:0; float:left;} ul#nav_882678 li#a>a {display:block; width:170px; height:63px;} ul#nav_882678 li#b>a {display:block; width:168px; height:63px;} ul#nav_882678 li#c>a {display:block; width:167px; height:63px;} ul#nav_882678 li#d>a {display:block; width:173px; height:63px;} ul#nav_882678 li li { background-image:url(http://h2osportz.com.au/assets//subnav_bg.gif); padding:2px 5px 4px 5px; background-repeat:repeat-y; background-position:left bottom; margin-left:-40px;} ul#nav_882678 li li a {display:block; width:159px; line-height:24px; padding:0 5px; color:#FFF; font-size:90%; } ul#nav_882678 li li a:hover {background-image:url('http://h2osportz.com.au/assets//subnav-bg.png'); background-repeat:no-repeat; background-position:left top; } ul#nav_882678 li ul * { z-index:10;} ul#nav_882678 li ul { position: absolute; width: 180px; left: -999em; } ul#nav_882678 li:hover>ul { left: auto; } ul#nav_882678 li li:hover>ul { left: 178px; top: -1px; } ul#nav_882678 li li:hover ul#navsub_882678_467886 {top: 30px;} ul#nav_882678 li li:hover ul#navsub_882678_468270 {top: 60px;} ul#nav_882678 li li:hover ul#navsub_882678_468275 {top: 90px;} ul#nav_882678 li li:hover ul#navsub_882678_468276 {top: 120px;} ul#nav_882678 li li:hover ul#navsub_882678_468277 {top: 150px;} ul#nav_882678 li:hover>ul, ul#nav_882678 li.sfhover>ul { left: auto; } img.header {margin-top:6px; margin-bottom:-10px; margin-right:-10px;} input.cat_textbox_small { background-color:#006C95; border:1px solid #054A75; color:#FFF; font-size:90%; margin-bottom:5px;} /*a#buttonA, a#buttonB { border:2px outset #666;}*/ a#buttonA:hover, a#buttonB:hover {background-color:#024260; } div#h2o, div#dhq { clear:left; padding-top:1em;} a.show{ background-image:url('http://h2osportz.com.au/assets//shown.gif');} a.hide{ background-image:url('http://h2osportz.com.au/assets//hidden.gif')} a.show, a.hide{ display:table-cell; padding-left:24px; height:21px; background-position:left center; background-repeat:no-repeat; color:#01597C;} div#hItin, div#hDet { padding-left:1.5em;} body.dhq table.body .center, body.diveCourses table.body .center { width:745px;} body.dhq table.body .right, body.diveCourses table.body .right { width:15px;} h4 .small { font-size:10px; font-weight:normal;} img.imgRight {float:right; margin-left:1.5em; margin-bottom:1em; clear:right;} div.content ul {margin:0; padding-left:1.5em;} div.content h1 {margin-bottom:0em;} div.content h2 {margin-bottom:0em;} td.tourR { background-color:#CCE7FF; padding:10px; color:#01597C; padding-top:42px;} fieldset { color:#01597C; padding:.5em; border-color:#01597C; width:330px; margin:1em auto 0 auto;} fieldset h1 { margin-top:0; margin-left:.5em;} input, select, textarea { color:#01597C;} p { margin-top:0; margin-bottom:1em;} div.alsotry { background-color:#006C95; padding:1px 10px 10px 10px; color:#FFF; margin-bottom:1em;} td.tourR div.alsotry * { color:#FFF; text-shadow:none;} a.brochure { margin-left:8px; margin-right:8px; margin-bottom:35px;} a.brochure, a.brochure1 { display:block; float:left; width:inherit;} table.data td { border-right:1px solid #482f69; border-bottom:1px solid #482f69;border-left:1px solid #dccbe6; border-top:1px solid #dccbe6;} table.data th { border-right:1px solid #4b8b3c; border-bottom:1px solid #4b8b3c;} img.dhq { margin-top:2.5em;} /*============================================================== Version : 2009.08.10 ==============================================================*/ /* @group BASE */ /* @group FRIENDLY SETTINGS */ img, a img { border:0; } /* nobody likes default border around images */ .clear { display: inline-block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } /* @end */ /* based on YUI 2.3 base.css */ /* Idioms */ ul.mod { list-style-image:none; list-style-position: outside; list-style-type: none; list-style: none; margin: 0; padding: 0; } ul.mod li { list-style: none; } /* @end */ /* @group Web Form */ ul.form { margin: 0; padding: 0; } ul.form li { list-style: none; margin: 0 0 18px 0; } ul.form li label { color: #888; display: block; } div.form div.item, div.webform div.item { padding: 9px; } cat_button {} input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox { /*width: 300px;*/ } .cat_dropdown_small { /*width: 200px;*/ } .cat_dropdown_smaller { /*width: 150px;*/ } .cat_textbox_small, .cat_listbox_small { width: 222px; /* DON'T TOUCH THIS */ } .cat_listbox { height: 120px; width: 300px; } table.webform, table.reporting { border-collapse:collapse; border-spacing:0; width: 100%; } table.webform td { line-height: 24px; padding: 6px; } .form label, .webform label { font-size: 11px; } .form input, .webform input { margin-right: 3px; } /* @end */ /* @group System Message */ .system-message, .system-error-message { background-color: #f9f9f9; border: 1px solid #eee; color: #666; margin: 18px; min-height: 110px; height: auto !important; height: 110px; padding: 36px 36px 36px 180px; } /*.system-message { background: #f9f9f9 url(/CatalystImages/ok.png) no-repeat 29px 18px; } .system-error-message { background: #f9f9f9 url(/CatalystImages/error.png) no-repeat 26px 26px; }*/ .system-message h1, .system-error-message h1 { color: #000; margin: 0 0 18px 0; } .system-message a:link, .system-error-message a:link { color: #1969bc; } .ok { background: #E9FBE3; color: #21A347; margin-bottom: 18px; } .error { background: #FBE3E4; color: #D12F19; margin-bottom: 18px; } /* @end */ /* @group Announcement */ .announcement-list { font-size: 11px; } .announcement-list h2 { font-size: 14px; margin: 0 0 3px 0; } .announcement-list span.date { font-size: 10px; font-weight: normal; margin: 0 0 0 6px; } .announcement-details span.date { display: block; font-size: 10px; font-weight: normal; margin-bottom: 18px; } /* @end */ /* @group Blog */ /* NOTE: div.post-list exists in FORUMS as well */ .blog-list { background: #f9f9f9; border: 1px solid #eee; color: #000; font-size: 11px; margin: 0 0 18px; padding: 18px; } .blog-list h2 { font-size: 18px; margin: 0 0 3px 0; } .blog-list span { color: #888; } .blog-container h1 { font-size: 36px; line-height: 40px; margin: 0 0 6px 0; } .blog-container p.description { margin: 0 0 36px; } .blog-post h2.post-title { border-bottom: 1px solid #ccc; font-size: 18px; margin: 0; padding: 0 0 3px 0; } .blog-post .post-details { color: #888; font-size: 11px; margin: 0 0 18px; } .blog-container .post-list { float: left; width: 69%; } .blog-post .post-body { margin: 0 0 36px; } .comment-list { background: #f9f9f9; border: 1px solid #eee; margin-bottom: 36px; padding: 18px; } .comment-list h5 { font-size: 14px; margin: 0 0 18px; } .comment-list input#Captcha { width: 300px; } .comment-list textarea.cat_listbox_small { height: 120px; width: 100%; } .blog-comment-container { border: 1px solid #e9e9e9; margin: 0 0 18px; } .blog-comment-container .comment-details { background: #eee; font-size: 11px; padding: 6px; } .blog-comment-container .comment { background: #fff; padding: 9px; } span.flag { margin: 0 6px; vertical-align: middle; } input#fullname, input#website, input#emailaddress { width: 300px; } textarea.comment { height: 160px; width: 100%; } .forum-registration textarea.comment { height: 70px; width: 270px; } .post-body .links { font-size: 11px; } .blog-container .side-panel { float: right; width: 27%; } .side-panel h4 { font-size: 12px; margin: 0 0 9px; } .BlogTagCloud { margin: 0 0 18px; } .BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul { margin: 0; padding: 0; } .BlogRecentPost li, .BlogTagList li, .BlogPostArchive li { font-size: 11px; list-style: none; margin: 0 0 9px; } p.page-nav { text-align: center; } p.page-nav a { margin: 0 9px; } .blog-post dl { background: #f9f9f9; border: 1px solid #eee; margin: 0 0 18px; padding: 18px; } .blog-post dt { color: #000; } .blog-post dd { margin: 0 0 9px; } /* @end */ /* @group Booking */ .booking-list { margin: 0 0 9px; } .booking-list span.date { margin: 0 9px 0 0; } .booking-container h1, .form-container h2 { margin: 0 0 18px; } .form-container { background: #f9f9f9; border: 1px solid #eee; padding: 18px; } .form-container input#FirstName, .form-container input#LastName, .form-container input#EmailAddress, .form-container input#Company, .form-container input#WorkPhone { width: 260px; } .go-back { margin: 18px 0; } /* @end */ /* @group Calendar */ div.select-month-year { padding: 9px 0; } table.module-calendar { border: 1px solid #888; border-collapse: collapse; table-layout: fixed; width: 100%; } table.module-calendar td { border: 1px solid #d7d7d7; font-size: 11px; height: 80px; overflow: hidden; padding: 0; vertical-align: top; } table.module-calendar td span { background: #f7f7f7; color: #333; display: block; font-size: 11px; padding: 0 2px; text-align: right; } tr.day-of-week td { background: #d7d7d7; color: #000; font-size: 12px; font-weight: bold; height: 18px; text-align: center; vertical-align: middle; } table.module-calendar td.events span { background: #2BABFA; color: #fff; font-weight: bold; } table.module-calendar td.events { background: #EEF5FA; } table.module-calendar td ul { margin: 9px 0; padding-left: 24px; } table.module-calendar td.last-month { background: #eee; } table.module-calendar td.next-month { background: #eee; } /* @end */ /* @group Catalogue and Products */ .shop-catalogue { background: #fff; border: 1px solid #ccc; float: left; height: 180px; margin: 0 6px 6px 0; overflow: hidden; width: 180px; } .shop-catalogue h4 { font-size: 12px; height: 27px; line-height: 27px; margin: 0; text-indent: 9px; } .shop-catalogue h4 a { color: #1969bc; text-decoration: none; } .shop-catalogue .image { /* Image size should be 150px by 120px */ height: 120px; margin: 0 auto; overflow: hidden; padding: 15px; text-align: center; } .shop-main { margin-top: 18px; } .shop-main .header { border-bottom: 1px solid #eee; height: 27px; line-height: 27px; margin: 0 0 18px; } .shop-main .breadcrumbs { float: left; width: 40%; } .shop-main .cart-summary { float: right; width: 40%; } .shop-main .description ul { margin: 0 0 0 18px; padding: 0; } .shop-main .description li { list-style: square; } table.cartSummaryTable { border-collapse:collapse; border-spacing:0; font-size: 12px; float: right; } td.cartSummaryItem { padding: 0; } a.cartSummaryLink { margin: 0 0 0 18px; } .shop-main ul { margin: 0; padding: 0; } .shop-main li { list-style: none; } table.catalogueTable { border-collapse:collapse; border-spacing:0; width: 100%; margin: 0 0 18px; } table.catalogueTable td { padding: 0; } table.productTable { border-collapse:collapse; border-spacing:0; table-layout: fixed; width: 100%; } table.productTable td { padding: 3px; } .shop-product-small { background: #fff; border: 1px solid #ddd; color: #666; } .shop-product-small h5 { font-size: 12px; font-weight: normal; margin: 0; min-height: 36px; padding: 18px 18px 6px; } .shop-product-small h4 a { color: #1969bc ; } .shop-product-small h5 a { text-decoration: none; } .shop-product-small ul { background: #f9f9f9; padding: 18px; } .shop-product-small ul li { font-size: 11px; margin: 0 0 6px; } .shop-product-small li.price { font-size: 11px; } .shop-product-small li.price strong { font-size: 14px; margin-left: 6px; } .shop-product-small li.stock { font-size: 11px; } .shop-product-small li.stock strong { color: #666; margin-left: 3px; } .shop-product-small .image { height: 120px; margin: 0 auto 9px; overflow: hidden; width: 120px; text-align: center; } .image a, td.actions a { border: none !important; } .shop-product-small li.quantity { line-height: 30px; } li.quantity img { position: relative; top: 8px; /* or vertical-align: middle; */ } .shop-product-small li.quantity input.productTextInput { width: 50px; } .shop-product-small li.quantity input.productSubmitInput { } .shop-product-large { background: #fff; border: 1px solid #eee; color: #666; margin: 0 0 18px; min-width: 240px; overflow: hidden; } .shop-product-large h1 { color: #000; font-size: 14px; } .shop-product-large .image { margin-left: 36%; min-height: 360px; height: auto !important; /* for modern browsers */ height: 360px; /* for IE5.x and IE6 */ padding: 18px; text-align: center; } .shop-product-large .shop-product-small .image { margin: 0; min-height: 160px; height: auto !important; /* for modern browsers */ height: 160px; /* for IE5.x and IE6 */ padding: 18px; text-align: center; width: auto; } .shop-product-large .shop-product-small ul { padding: 9px; } .shop-product-large .shop-product-small ul, .shop-product-large .shop-product-small li { margin: 0; } .shop-product-large li.price { font-size: 14px; } .shop-product-large li.instock { font-size: 10px; } .shop-product-large li.quantity input.productTextInput { width: 50px; } td.productItem .comment-form input#Captcha { width: 300px; } .poplets { border-top: 1px solid #eee; margin-top: 36px; padding: 9px 0; } .poplets img { border: 1px solid #ddd; } table.productPoplets { border-collapse:collapse; border-spacing:0; margin: 0 auto; } .shop-product-large .details { background: #f9f9f9; float: left; min-height: 360px; height: auto !important; /* for modern browsers */ height: 360px; /* for IE5.x and IE6 */ padding: 18px; width: 30%; } .shop-product-large ul { margin: 0 0 36px; padding: 0; } .shop-product-large li { margin: 9px 0; } .shop-cart .breadcrumbs { margin: 0 0 18px; } table.cart { background: #fff; border-collapse:collapse; border-spacing:0; border: 1px solid #ddd; font-size: 11px; width: 100%; } table.cart td { vertical-align: top; /*to make sure the div stack line up at the top */ } table.cart a { color: #1969bc; } table.cart th, table.cart td { color: #666; padding: 9px; } tr.val td { border-bottom: 1px solid #eee; } tr.shipping td { border-bottom: 1px solid #ddd; } tr.discount td.quantity, tr.shipping td.quantity { text-align: right; } td.quantity input.update { margin: 0 0 0 3px; } table.cart th { background: #f9f9f9; border-bottom: 1px solid #eee; color: #000; font-size: 11px; font-weight: normal; text-align: left; } input.cartInputText { width: 70px; } input#DiscountCode, input#GiftVoucher { width: 70px; } select.shippingDropDown { width: 150px; } table.cart th.quantity { text-align: right; } table.cart td.quantity { text-align: right; } .productitemcell { height: 23px; line-height: 20px; margin: 0 0 3px 0; overflow: hidden; } table.cart td.actions { text-align: right; } table.cart td.actions a { font-size: 12px; font-weight: bold; margin: 0 18px 0 0; text-decoration: none; } a#catshopclear { font-size: 10px; font-weight: normal; } table.cart strong { font-size: 14px; } .shop-form { margin: 0 0 18px; } .shop-form ul.form { background: #f9f9f9; border: 1px solid #eee; padding: 18px; } .shop-form label { font-size: 11px; } .shop-form ul.form li { margin: 0; padding: 9px 0; } .shop-form li.last { border-top: 1px solid #eee; } /*.shop-form .checkboxes { line-height: 27px; }*/ input.PaymentMethodType { margin: 0 6px 0 0; } .shop-form ul.form input.cat_textbox, .shop-form ul.form select.cat_dropdown, .shop-form ul.form textarea.cat_listbox { width: 260px; } .shop-form textarea.cat_listbox { height: 100px; } .shop-receipt, .shop-quote-receipt { background: #f9f9f9; border: 1px solid #eee; margin: 18px; padding: 18px; } .shop-receipt h1, .shop-quote-receipt h1 { border-bottom: 1px solid #ccc; padding: 0 0 3px; } .shop-receipt h2, .shop-quote-receipt h2 { font-size: 12px; font-weight: normal; } /* @end */ /* @group Customer Cases */ table.case-list { border-collapse:collapse; border-spacing:0; margin: 0; width: 100%; } table.case-list td { padding: 6px; } table.case-list td.subject, table.case-list td.category { width: 40%; } table.case-list td.status { width: 20%; } table.case-details { background: #f9f9f9; border-collapse:collapse; border-spacing:0; border: 1px solid #eee; width: 100%; } table.case-details td { padding: 6px; } table.case-details tr.odd td { background: #fff; } table.case-details td.var { color: #888; text-align: right; width: 130px; } table.case-details td.val { color: #000; } /* @end */ /* @group Customer Orders */ table.border { border-collapse:collapse; border-spacing:0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; } table.border td { border-top: 1px solid #eee; border-left: 1px solid #eee; } table.border span { color: #888; } table.order-list { border-collapse:collapse; border-spacing:0; width: 100%; } table.order-list td { border: 1px solid #eee; } table.order-list a { margin: 0 9px 0 0; } table.order-list span.number { font-size: 11px; } /* @end */ /* @group Comment */ .comment-container { background: #f9f9f9; border: 1px solid #eee; margin: 0 0 18px; } .comment-container .header { background: #eee; font-size: 11px; padding: 6px 18px; } .comment-container span.name { color: #000; } .comment-container span.rating { margin: 0 9px; vertical-align: middle; } .comment-container .content { padding: 18px; } .comment-form { background: #f9f9f9; border: 1px solid #eee; color: #666; margin: 0 0 18px; padding: 18px; } .comment-form h3 { font-size: 14px; margin: 0 0 18px; } .comment-form h5 { color: #666; font-size: 14px; margin: 0 0 18px; } /*.comment-form li.rating div { font-size: 10px; }*/ /*.comment-form li.rating div input { margin: 0 3px; }*/ .comment-form input.cat_textbox_small, .comment-form textarea { width: 300px; } .comment-form textarea { height: 120px; } /* @end */ /* @group FAQ */ table.faq-search { background: #f9f9f9; border-collapse:collapse; border-spacing:0; border: 1px solid #eee; margin: 0 0 18px 0; width: 100%; } table.faq-search label { color: #888; } table.faq-search td { border-collapse:collapse; border-spacing:0; padding: 9px; } table.faqresultstable { background: #fff; border-collapse:collapse; border-spacing:0; border: 1px solid #eee; width: 100%; } table.faqresultstable td { color: #666; padding: 9px; } table.faqresultstable a { color: #1969bc; } table.faqresultstable td.faqresultstableinfo { background: #f9f9f9; color: #888; font-size: 10px; padding: 3px 18px; text-align: right; } table.faqresultstable td.faqresultstablecount { padding-left: 18px; width: 10px; } td.faqresultstablehead { background: #fff; border-collapse:collapse; border-spacing:0; border-bottom: 1px solid #eee; color: #000; font-weight: bold; } /* @end */ /* @group Forums */ /* NOTE: div.post-list exists in BLOG as well */ .forum-container h1 { font-size: 24px; } table.topic-list, div.forum-posts-container div.post-list, div.forum-registration { color: #666; } div.forum-posts-container div.post-list a, div.forum-registration a { color: #1969bc; } div.forum-registration h2 { color: #000; } table.forum { background: #f9f9f9; border-collapse:collapse; border-spacing:0; border: 1px solid #eee; margin: 0; width: 100%; } table.forum td { font-size: 11px; padding: 9px; vertical-align: top; } table.forum td.topics { border-left: 1px solid #eee; border-right: 1px solid #eee; width: 90px; } table.forum td.posts { border-right: 1px solid #eee; width: 90px; } table.forum td.lastpost { border-left: 1px solid #eee; width: 180px; } table.forum .icon { float: left; width: 50px; } table.forum .forum { margin: 0 0 0 50px; } table.forum h3 { margin: 0; } table.forum h3 a { text-decoration: none; } ul.cap-top, ul.cap-bottom { font-size: 11px; height: 30px; margin: 0 0 18px; padding: 0; } ul.cap-bottom { margin: 18px 0 0; } ul.cap-top li, ul.cap-bottom li { display: block; line-height: 30px; list-style: none; } ul.cap-top li.user, ul.cap-bottom li.nav-page { float: left; width: 200px; } ul.cap-top li.actions, ul.cap-bottom li.actions { float: right; font-size: 12px; text-align: right; width: 350px; } ul.cap-top li.actions a, ul.cap-bottom li.actions a{ float: right; margin: 0; padding: 0 9px; } table.topic-list { background: #f9f9f9; border-collapse:collapse; border-spacing:0; border-left: 1px solid #eee; border-right: 1px solid #eee; width: 100%; } table.topic-list th { background: #ddd; border: 1px solid #ddd; color: #000; font-size: 10px; padding: 6px; text-align: left; } table.topic-list .name { font-weight: bold; width: 60%; } table.topic-list .name .icon { float: left; width: 30px; } table.topic-list .replies, table.topic-list .views { font-size: 10px; text-align: center; width: 10%; } table.topic-list .date { font-size: 10px; text-align: right; width: 20%; } table.topic-list td { padding: 0; } table.topic-list a { color: #1969bc; } table.topic { border-collapse:collapse; border-spacing:0; border-bottom: 1px solid #eee;; margin: 0; width: 100%; } table.topic td { padding: 9px; } table.topic td.name, table.topic td.replies, table.topic td.views { border-right: 1px solid #eee; vertical-align: middle; } .forum-registration { border: 1px solid #eee; background: #f9f9f9; padding: 18px; } .forum-registration input.cat_textbox, .forum-registration textarea.cat_textbox { width: 260px; } .forum-registration input.cat_button { margin: 0 6px 0 0; } .forum-posts-container .breadcrumb { font-size: 11px; padding: 6px; } .forum-posts-container h1 { font-size: 18px; margin: 18px 0; } .forum-posts-container h2 { background: #eee; border: 1px solid #eee; color: #888; font-size: 10px; font-weight: normal; margin: 0; padding: 3px 18px; } .forum-posts-container table.container { border-collapse:collapse; border-spacing:0; width: 100%; } .forum-posts-container td { background: #f9f9f9; border: 1px solid #ddd; padding: 18px; vertical-align: top; } .forum-posts-container td.author { font-size: 11px; width: 160px; } .forum-posts-container h3.name { color: #000; font-size: 12px; font-weight: bold; } .forum-posts-container tr.sub td { height: 30px; padding: 0 18px; } .forum-posts-container td.action a { float: right; line-height: 30px; } /* @end */ /* @group Literature */ p.literature-container img { vertical-align: middle; } p.literature-container span.icon, p.literature-container span.name { margin: 0 3px 0 0; } /* @end */ /* @group Secure Zone Markup */ .case-search { background: #f9f9f9; border: 1px solid #eee; margin: 0 0 18px; padding: 18px; } .secure-lost-password { background: #f9f9f9; border: 1px solid #eee; padding: 18px; } .secure-lost-password input.cat_textbox_small { width: 210px; } .secure-update-details { background: #f9f9f9; border: 1px solid #eee; margin: 0 0 18px; padding: 18px; } .secure-update-details input.cat_textbox, .secure-update-details select.cat_dropdown { width: 260px; } /* @end */ /* @group Form Modules */ .product-form h3 { padding-left: 9px; } .secure-login, .newsletter-form { background: #f9f9f9; border: 1px solid #f2f2f2; margin-bottom: 18px; } .secure-login h3, .newsletter-form h3 { background: #eee; border-bottom: 1px solid #eee; font-size: 14px; margin: 0; padding: 6px 18px; } .secure-login div.form, .newsletter-form div.form { padding-left: 9px; } /* @end */ /* @group Search */ .search-box { padding: 6px; } .search-box input.cat_textbox_small { margin: 0 3px 0 0; } /* @end */ /* @group Photo Gallery */ #imageContainer img { margin: 0; } table.photogalleryTable td { padding: 9px; } /* @end */ /* @group Affiliate Program */ table.affiliate-stats { border: 1px solid #d7d7d7; border-collapse: collapse; } table.affiliate-stats td { border: 1px solid #d7d7d7; padding: 6px; } table.affiliate-stats td.var { color: #888; } /* @end */ /* @group Tell a Friend */ .tell-a-friend { border: 2px solid #333; background-color: #fff; color: #666; padding: 18px; } .tell-a-friend form { padding: 0 0 0 36px; } .tell-a-friend h1 { border-bottom: 1px solid #ccc; color: #222; font-size: 18px; margin: 0; padding: 0 0 6px; } .tell-a-friend h2 { border-bottom: 1px dotted #ccc; color: #222; font-size: 12px; margin: 18px 0 9px; } .tell-a-friend td.var { text-align: right; width: 130px; } .tell-a-friend td { font-size: 11px; vertical-align: top; } .tell-a-friend label { color: #888; font-size: 11px; } .tell-a-friend input.cat_textbox_small { height: 21px; } .tell-a-friend input.cat_textbox_small, .tell-a-friend textarea.cat_listbox { font-size: 11px; width: 300px; } /* @end */ /* @group Favourites */ .favourite-registration { border: 1px solid #eee; background: #f9f9f9; padding: 18px; } .favourite-registration input.cat_textbox, .favourite-registration textarea.cat_textbox { width: 260px; } .favrourite-registration input.cat_button { margin: 0 6px 0 0; } /* @end */ /* @group eCommerce Browse Panel */ .browse-panel { border: 1px solid #d7d7d7; } .browse-panel h5 { background: #eee url(/CatalystImages/shop_bg-browse-panel.png) repeat-x; border-bottom: 1px solid #d7d7d7; font-size: 14px; margin: 0; padding: 9px; } .browse-panel h6 { background: #f7f7f7; font-size: 11px; font-weight: bold; margin: 0; padding: 3px 9px; } .browse-panel ol { background: #fff; border-bottom: 1px solid #e7e7e7; margin: 0; padding: 9px; } .browse-panel ol.browse-catalogue { border-bottom: none; } .browse-panel li { list-style: none; padding: 3px 9px; } .browse-panel li span { display: inline; font-weight: bold; } /* @end */ /* @group eCommerce Image Zoom Slider */ img.drag { position: relative; padding: 0.5em; /*margin: 0 0 0.5em 1.5em;*/ margin: 0; cursor: move; } .slidertrack { background-color: #d7d7d7; color: #333; float: left; margin: 0; line-height: 0px; font-size: 0px; text-align: left; padding: 4px; border: 1px solid; border-color: #ccc #aaa #aaa #ccc; } .slidertrack .sliderslit { background-color: #333; color: #ccc; height: 2px; margin: 4px 4px 2px 4px; line-height: 0px; position: absolute; z-index: 1; border: 1px solid; border-color: #999 #ddd #ddd #999; } .slidertrack .slider { width: 16px; background-color: #555; color: #333; position: relative; margin: 0; height: 8px; z-index: 1; line-height: 0px; font-size: 0px; text-align: left; border: 2px solid; border-color: #999 #222 #222 #999; } #zoomcontainer{ overflow: hidden; position: relative; } #zoomcontainer img{ position: absolute; } /* @end */ /* @group Web Apps */ /*pagination*/ ul.pagination { margin: 0; padding: 0; } ul.pagination li { display: inline; list-style: none; margin: 0 2px; } /* @end */
Bu web sitesi ücretsiz olarak
Bedava-Sitem.com
ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol