API tools faq
paste
Levi0227

html + js +css

Levi0227
Jan 18th, 2023 (edited)
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.81 KB | Source Code | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="hu">
  3.  
  4. <head>
  5.   <title>Balaton</title>
  6.   <meta charset="UTF-8">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1">
  8.   <link rel="stylesheet" href="bootstrap.min.css">
  9.   <link rel="stylesheet" href="balaton.css">
  10.   <script src="balaton.js"></script>
  11.   <script src="jquery.min.js"></script>
  12.   <script src="popper.min.js"></script>
  13.   <script src="bootstrap.min.js"></script>
  14. </head>
  15.  
  16. <body>
  17.  
  18.   <div class="container">
  19.     <div id="fej" class="jumbotron">
  20.       <h1>Balaton</h1>
  21.     </div>
  22.  
  23.     <!-- Nav tabs -->
  24.     <ul class="nav nav-tabs" role="tablist">
  25.       <li class="nav-item">
  26.         <a class="nav-link active menu" data-toggle="tab" href="#home">Névjegy</a>
  27.       </li>
  28.       <li class="nav-item">
  29.         <a class="nav-link menu" data-toggle="tab" href="#menu1">Élővilág</a>
  30.       </li>
  31.       <!-- <li class="nav-item">
  32.        <a class="nav-link menu" data-toggle="tab" href="#menu2">Sport</a>
  33.      </li>
  34.      <li class="nav-item">
  35.        <a class="nav-link menu" data-toggle="tab" href="#menu3">Művészet</a>
  36.      </li> -->
  37.       <li class="nav-item">
  38.         <a class="nav-link menu" data-toggle="tab" href="#menu2">Sport és Művészet</a>
  39.       </li>
  40.     </ul>
  41.  
  42.     <!-- Tab panes -->
  43.     <div class="tab-content">
  44.       <div id="home" class="container tab-pane active"><br>
  45.         <div class="row">
  46.           <div class="col-md-4 col-xl-3">
  47.             <h2>Névjegy</h2>
  48.             <table>
  49.               <tr>
  50.                 <td>Felszíni<br>terület</td>
  51.                 <td>5181 km<sup>2</sup></td>
  52.               </tr>
  53.               <tr>
  54.                 <td>Hosszúság</td>
  55.                 <td>77 km</td>
  56.               </tr>
  57.               <tr>
  58.                 <td>Szélesség</td>
  59.                 <td>1,3 - 14 km</td>
  60.               </tr>
  61.               <tr>
  62.                 <td>Átlagos<br>mélység</td>
  63.                 <td>3 - 3,6 m</td>
  64.               </tr>
  65.               <tr>
  66.                 <td>Legnagyobb<br>mélység</td>
  67.                 <td>11 m</td>
  68.               </tr>
  69.               <tr>
  70.                 <td>Part hossza</td>
  71.                 <td>235 km</td>
  72.               </tr>
  73.               <tr>
  74.                 <td>Tengerszint feletti magasság</td>
  75.                 <td>104 m</td>
  76.               </tr>
  77.               <tr>
  78.                 <td>Szigetek száma</td>
  79.                 <td>0 db</td>
  80.               </tr>
  81.               <tr>
  82.                 <td colspan="2" class="text-center m-0 p-0">
  83.                   Elhelyezkedés<br>
  84.                   <figure class="figure">
  85.                     <img src="map.png" class="figure-img rounded img-fluid w-100" alt="Elhelyezkedés"
  86.                      title="Elhelyezkedés">
  87.                     <figcaption class="figure-caption text-center">é. sz. 46° 47′, k. h. 17° 34′</figcaption>
  88.                   </figure>
  89.                 </td>
  90.               </tr>
  91.             </table>
  92.           </div>
  93.           <div class="col-md-8 col-xl-9">
  94.             <p>A Balaton (költői nevén „a magyar tenger”, becenevén Balcsi, németül: Plattensee, latinul: Lacus Pelso,
  95.               horvátul: Blatno jezero) tó a Dunántúlon, Közép-Európa legnagyobb tava, Magyarország vízrajzának
  96.               meghatározó eleme. Könnyen felmelegedő, sekély vize kiválóan alkalmassá teszi a fürdésre és sportolásra,
  97.               élővilága rendkívül gazdag, a táj változatos vulkanikus kúpjaival sok tekintetben egyedi.</p>
  98.             <blockquote>
  99.               <p>Magyar elnevezése a szláv „blato”, "boloto" (mocsár, láp, sár) szóból ered, amely viszont a görög
  100.                 "βαλτό"-ra vezethető vissza. Latin neve, a Lacus Pelso magyarul sekély tavat jelent. Szlovén, szerb,
  101.                 horvát nyelven Blatno jezero, szlovákul Blatenské jazero. Középkori térképeken gyakran „Balotin” vagy
  102.                 „Bolotin” (szláv balotnij = mocsaras) névváltozataban szerepel.</p>
  103.               <p>Német elnevezése, a Plattensee, kicsit hasonlóképpen „lapos”, azaz sekély tavat jelent, egyben
  104.                 hangzásában közel áll a szláv névhez, ezért lehetséges, hogy kialakulásában a népi etimológia is
  105.                 szerepet
  106.                 játszott, azaz a német anyanyelvűek értelmet adtak a számukra idegen hangzású névnek (blatno – platten)
  107.               </p>
  108.             </blockquote>
  109.             <p>A Balaton és környéke Budapest mellett az ország turisztikailag leglátogatottabb területe, 2004-ben
  110.               elnyerte az Örökségünk – Somogyország Kincse címet is. Környékén gyógyfürdők, termálforrások találhatók. A
  111.               „Balaton fővárosa” címet hivatalosan Keszthely viseli, de Siófok a déli part, Balatonfüred pedig az északi
  112.               part fővárosaként tekint magára.</p>
  113.             <p>Minden évben megrendezik a tóhoz kapcsolódó három nagy tömegsporteseményt: a tókerülő Kékszalag
  114.               Nemzetközi Vitorlásversenyt, a Révfülöp–Boglár közötti, a Balatont keresztben átszelő távúszóversenyt,
  115.               legújabban pedig a Fonyód-Badacsony-Fonyód útvonalon bármilyen kézi hajtású vízi járművel a
  116.               Balaton-átevezést.</p>
  117.           </div>
  118.         </div>
  119.       </div>
  120.  
  121.       <div id="menu1" class="container tab-pane fade"><br>
  122.         <div class="row">
  123.           <div class="col-lg-5">
  124.             <h2>Növényvilág</h2>
  125.             <p>A hínárféléket a balatoni strandokon is megtaláljuk közülük gyakoribbak a süllőhínár-fajok Füzéres
  126.               süllőhínár (Myriophyllum) és a békaszőlő-fajok (Potamogeton). Az elsősorban a közönséges nád (Phragmithes
  127.               australis) által alkotott nádasok a part mentén, leginkább az északi parton maradtak fenn. Egy 2017-es
  128.               feltérképezés szerint mintegy 1205 hektár nádas volt a Balaton medrében, az öt évvel korábbi 1230
  129.               hektárral szemben. Társulásalkotó növénye elsősorban a keskenylevelű gyékény (Typha angustifolia) és
  130.               többek között a tavi káka (Schoenoplectus lacustris), valamint a zsombéksás (Carex elata).</p>
  131.             <figure class="figure">
  132.               <img src="nadas.jpg" class="figure-img rounded img-fluid w-100" alt="Nádas" title="Nádas">
  133.               <figcaption class="figure-caption text-center">Jellegzetes nádas a tó kenesei partján. A balatoni nádasok
  134.                 területe megközelítőleg 12 km², amelynek 73%-a az északi parton van.</figcaption>
  135.             </figure>
  136.             <p>A tó környékének rendkívül gazdag növényvilágára jellemző, hogy a molyhos és cseres tölgyes erdőségek a
  137.               legelterjedtebbek, amelyeket sok helyütt telepített fenyőerdők váltanak. Különleges fenyőféléket tekinthet
  138.               meg az érdeklődő a Folly Arborétumban Badacsonyörsön. A Balaton-felvidéki Nemzeti Park címernövénye, a
  139.               Balaton-felvidék néhány láprétjén nyíló lisztes kankalin (Primula farinosa) mellett több más pompás szirmú
  140.               virág is honos itt, ilyen a tavaszi hérics, a fekete kökörcsin és a citromillatú nagyezerjófű.</p>
  141.           </div>
  142.           <div class="col-lg-7">
  143.             <h2>Állatvilág</h2>
  144.             <p>A tó élővilágának jelentős részét a szabad szemmel általában nem látható algafajok teszik ki, amelyek a
  145.               Balaton legfontosabb szervesanyag termelői és újabb és újabb fajok kerülnek elő a tóból. Az algák
  146.               mennyiségét alapvetően a tápanyagterhelés hosszútávú alakulása szabja meg. A tó algásodását (eutrofizáció)
  147.               csökkenteni kell, mert az idegenforgalmi vonzerejét csökkenti a folyamat.</p>
  148.             <p>A Balaton, lévén hazánk legnagyobb állóvize, halfaunája nagyon értékes. Az érdeklődők a legrészletesebben
  149.               a <a href="http://bodorka.info.hu" target="_blank">Balatoni Vízivilág Látogatóközpont</a>ban
  150.               tájékozódhatnak a vidék halaival. A tóban, a vele összefüggő Kis-Balatonban és a vízgyűjtő területén
  151.               található 40 vízfolyásban 37 halfaj fordul elő, ebből a Balatonban 15-17 faj él meg. Az itt élő halak
  152.               80%-át a keszegfélék alkotják. Ezek közül a leggyakoribb a dévérkeszeg, a karikakeszeg, a bodorka és a
  153.               vörösszárnyú keszeg.
  154.             </p>
  155.             <p>A tó Európa egyik legjelentősebb vízimadár-élőhelye. Kiterjedt nádasai számos madárfaj számára nyújtanak
  156.               fészkelő helyet. A legismertebb madár, a Balaton legnagyobb röpképes madara, a bütykös hattyú (Cygnus
  157.               olor), amely a nádasban építi nagy méretű úszó fészkét, fészekhagyó fiókáit azonban kikelésük után gyakran
  158.               a strandok közelében neveli fel, ahol könnyen jut hozzá a táplálékhoz, mivel a nyaralók rendszeresen
  159.               etetik őket.</p>
  160.             <p>Őshonos balatoni halfajok:</p>
  161.             <div class="row">
  162.               <div class="col-4">
  163.                 <ul id="halLista">
  164.                   <li onclick="halinfo('balin');">Balin</li>
  165.                   <li onclick="halinfo('bodorka');">Bodorka</li>
  166.                   <li onclick="halinfo('deverkeszeg');">Dévérkeszeg</li>
  167.                   <li onclick="halinfo('karikakeszeg');">Karikakeszeg</li>
  168.                   <li onclick="halinfo('ponty');">Ponty</li>
  169.                   <li onclick="halinfo('fogassullo');">Fogassüllő</li>
  170.                   <li onclick="halinfo('csuka');">Csuka</li>
  171.                   <li onclick="halinfo('compo');">Compó</li>
  172.                   <li onclick="halinfo('fejes');">Fejes domolykó</li>
  173.                   <li onclick="halinfo('garda');">Garda</li>
  174.                   <li onclick="halinfo('harcsa');">Harcsa</li>
  175.                 </ul>
  176.               </div>
  177.               <div class="col-8">
  178.                 <figure class="figure">
  179.                   <div id="sugo">
  180.                     Kattint halfaj nevére, amiről többet szeretnél megtudni...
  181.                   </div>
  182.                   <a id="halURL" target="_blank">
  183.                     <img id="halKep" class="figure-img rounded img-fluid w-100">
  184.                   </a>
  185.                   <figcaption id="halNevek" class="figure-caption text-center"></figcaption>
  186.                 </figure>
  187.               </div>
  188.             </div>
  189.           </div>
  190.         </div>
  191.       </div>
  192.  
  193.       <div id="menu2" class="container tab-pane fade"><br>
  194.         <div class="row">
  195.           <div class="col-md-6">
  196.             <h2>Sport</h2>
  197.             <p>A magyar úszósport megszületése Szekrényessy Kálmán nevéhez fűződik, aki az első Balaton-átúszó volt.
  198.               1880. augusztus 29-én úszta át a tavat Siófok-Balatonfüred között, de ez a 14 kilométeres táv,
  199.               túlságosan
  200.               hosszúnak bizonyult ahhoz, hogy tömegsport-rendezvénnyé válhasson. 1967-ig Szekrényessy-emlékverseny
  201.               néven
  202.               megtartották még az eredeti Siófok-Balatonfüred távúszó versenyt. 1983-tól kezdődően rendezik meg a
  203.               mai
  204.               formájában is ismert Balaton-átúszást, a Révfülöp és Balatonboglár közti 5200 méteres távon.</p>
  205.             <p>Szekrényessy Kálmán nevéhez számos hazai sportág meghonosítása köthető (többek között a görkorcsolya,
  206.               de
  207.               kerékpár szavunk megalkotóját is benne tisztelhetjük). 1879-től számos balatoni úszó, kajak, és
  208.               vitorlásversenyt szervezett a tóra, sőt a Balaton mellett rendszeres léghajós repülő kirándulásokat is
  209.               biztosított, hisz Zeppelin barátjaként az első magyar léghajókonstruktőrünkként is ismertté vált.</p>
  210.             <p>Minden évben megrendezik a tóhoz kapcsolódó három nagy tömegsporteseményt: a tókerülő Kékszalag
  211.               Nemzetközi Vitorlásversenyt, a Révfülöp–Boglár közötti, a Balatont keresztben átszelő távúszóversenyt,
  212.               legújabban pedig a Fonyód-Badacsony-Fonyód útvonalon bármilyen kézi hajtású vízi járművel a
  213.               Balaton-átevezést.</p>
  214.             <figure class="figure">
  215.               <img src="nemere2.jpg" class="figure-img rounded img-fluid w-100" alt="Nemere II. cirkáló"
  216.                title="Nemere II. cirkáló">
  217.               <figcaption class="figure-caption text-center">A Nemere II. 75-ös cirkáló (Schärenkreutzer), a Balaton
  218.                 legendás zászlóshajója 2015-ben</figcaption>
  219.             </figure>
  220.           </div>
  221.           <div class="col-md-6">
  222.             <h2>Művészet</h2>
  223.             <p>A legnagyobb magyar tó a népdaloktól az irodalmon át a képzőművészetig egy sor műfaj témája lett.</p>
  224.             <figure class="figure">
  225.               <img src="seuso.png" class="figure-img rounded img-fluid w-100" alt="Seosu-kincs" title="Seosu-kincs">
  226.               <figcaption class="figure-caption text-center">A Seuso-kincs egyik ezüsttálján rómaiak
  227.                 vaddisznóvadászatát
  228.                 ábrázoló dombormű van, a „tál peremén körben medve, antilop, leopárd, vadszamár, vadkan, gazella,
  229.                 nyúl
  230.                 vadászatának jeleneteit és a vadászatról a zsákmánnyal hazatérőket ábrázolták”. A tálon PELSO
  231.                 felirat
  232.                 van, ezen a néven ismerték a mai Balatont</figcaption>
  233.             </figure>
  234.             <p>A magyar festők az 1850-es évektől fedezték fel a tó szépségét. 2008 nyarán a keszthelyi
  235.               Festetics-kastély kiállítótermében húsz 19. és 20. századi magyar festőművész, köztük Szinyei Merse
  236.               Pál,
  237.               Mészöly Géza, Csók István, Egry József, Bernáth Aurél, Mikus Gyula, Brodszky Sándor, Telepy Károly,
  238.               Iványi-Grünwald Béla száz Balaton-képét mutatták be.</p>
  239.             <p>A Balaton-vidék történetét, a 19. századi társasági és társadalmi életét anekdotákkal, hiteles
  240.               történetekkel Eötvös Károly írta meg 1900-ban, az Utazás a Balaton körül című alapvető művében. A
  241.               Balatoni
  242.               Egylet létrejöttekor különböző szakosztályokat választottak, az irodalmi szakosztály elnöke Jókai Mór
  243.               lett, aki mint füredi nyaralótulajdonos személyesen vett részt az alakuló ülésen. Az arany ember című
  244.               regényében Jókai is ír a szeszélyes balatoni időjárásról.</p>
  245.             <p>Bujtor István színművész az általa kitalált és megformált filmbéli (A Pogány Madonna, Hamis a baba)
  246.               Ötvös
  247.               Csöpi nyomozó karakterét is a Balatonra, Balatonfüredre helyezte, ahol Csöpi nyomoz és vitorlázik,
  248.               mivel
  249.               a
  250.               színész maga is nagy kedvelője volt a tónak és a vitorlázásnak.</p>
  251.           </div>
  252.         </div>
  253.       </div>
  254.     </div>
  255.  
  256.     <!-- <div id="menu3" class="container tab-pane fade"><br>
  257.        <div class="row">
  258.          <div class="col-md-6">
  259.            <h2>Művészet</h2>
  260.            <p>A legnagyobb magyar tó a népdaloktól az irodalmon át a képzőművészetig egy sor műfaj témája lett.</p>
  261.            <figure class="figure">
  262.              <img src="seuso.png" class="figure-img rounded img-fluid w-100" alt="Seosu-kincs" title="Seosu-kincs">
  263.              <figcaption class="figure-caption text-center">A Seuso-kincs egyik ezüsttálján rómaiak vaddisznóvadászatát
  264.                ábrázoló dombormű van, a „tál peremén körben medve, antilop, leopárd, vadszamár, vadkan, gazella, nyúl
  265.                vadászatának jeleneteit és a vadászatról a zsákmánnyal hazatérőket ábrázolták”. A tálon PELSO felirat
  266.                van, ezen a néven ismerték a mai Balatont</figcaption>
  267.            </figure>
  268.            <p>A magyar festők az 1850-es évektől fedezték fel a tó szépségét. 2008 nyarán a keszthelyi
  269.              Festetics-kastély kiállítótermében húsz 19. és 20. századi magyar festőművész, köztük Szinyei Merse Pál,
  270.              Mészöly Géza, Csók István, Egry József, Bernáth Aurél, Mikus Gyula, Brodszky Sándor, Telepy Károly,
  271.              Iványi-Grünwald Béla száz Balaton-képét mutatták be.</p>
  272.            <p>A Balaton-vidék történetét, a 19. századi társasági és társadalmi életét anekdotákkal, hiteles
  273.              történetekkel Eötvös Károly írta meg 1900-ban, az Utazás a Balaton körül című alapvető művében. A Balatoni
  274.              Egylet létrejöttekor különböző szakosztályokat választottak, az irodalmi szakosztály elnöke Jókai Mór
  275.              lett, aki mint füredi nyaralótulajdonos személyesen vett részt az alakuló ülésen. Az arany ember című
  276.              regényében Jókai is ír a szeszélyes balatoni időjárásról.</p>
  277.            <p>Bujtor István színművész az általa kitalált és megformált filmbéli (A Pogány Madonna, Hamis a baba) Ötvös
  278.              Csöpi nyomozó karakterét is a Balatonra, Balatonfüredre helyezte, ahol Csöpi nyomoz és vitorlázik, mivel a
  279.              színész maga is nagy kedvelője volt a tónak és a vitorlázásnak.</p>
  280.          </div>
  281.        </div>
  282.      </div> -->
  283.   </div>
  284.   </div>
  285.  
  286.   <footer class="text-center py-3">Forrás: <a
  287.      href="https://hu.wikipedia.org/wiki/Balaton">https://hu.wikipedia.org/wiki/Balaton</a></footer>
  288.  
  289. </body>
  290.  
  291. </html>
  292. -----------------------------------------------------JS-----------------------------------------------------
  293. class Hal {
  294.     constructor(magyar, latin, egyeb, url, kep ) {
  295.       this.fajMagyar = magyar;
  296.       this.fajLatin = latin;
  297.       this.egyebNevek = egyeb;
  298.       this.wikiUrl = url;
  299.       this.kepFajl = kep;
  300.     }
  301.   }
  302.  
  303. const halak = [];  
  304. halak['balin'] = new Hal("Balin","Leuciscus aspius","fenekeszeg, kapókeszeg, őnhal, ragadozó őn, villámkeszeg","https://hu.wikipedia.org/wiki/Balin_(halfaj)","balin.jpg");
  305. halak['bodorka'] = new Hal("Bodorka","Rutilus rutilus","búzaszemű keszeg","https://hu.wikipedia.org/wiki/Bodorka","bodorka.jpg");
  306. halak['deverkeszeg'] = new Hal("Dévérkeszeg", "Abramis brama", null, "https://hu.wikipedia.org/wiki/Dévérkeszeg","deverkeszeg.jpg");
  307. halak['karikakeszeg'] = new Hal("Kerikakeszeg","Blicca bjoerkna", null, "https://hu.wikipedia.org/wiki/Karikakeszeg","karikakeszeg.jpg");
  308. halak['ponty'] = new Hal("Ponty","Cyprinus carpio","aranyhasú, babajkó, dunaponty, feketeponty, karcsúponty, nádiponty, nyurgaponty, pathal, potyka (= „pontyka”), nyurgaponty, pozsár, sodrófaponty","https://hu.wikipedia.org/wiki/Ponty","ponty.jpg");
  309. halak['fogassullo'] = new Hal("Fogassüllő","Sander lucioperca","másfél kilósnál nagyobb példányok népies neve fogas, az ennél kisebbeké süllő","https://hu.wikipedia.org/wiki/Fogassüllő","fogassullo.jpg");
  310. halak['csuka'] = new Hal("Csuka","Esox lucius","csukesz, közcsuka, mátyáscsuka (a Mátyás napján fogott példány), bicska, bugylicsuka","https://hu.wikipedia.org/wiki/Csuka","csuka.jpg");
  311. halak['compo'] = new Hal("Compó","Tinca tinca","doktorhal, cigányhal","https://hu.wikipedia.org/wiki/Compó","compo.jpg");
  312. halak['fejes'] = new Hal("Fejes domolykó","Squalius cephalus",null,"https://hu.wikipedia.org/wiki/Fejes_domolykó","fejes.jpg");
  313. halak['garda'] = new Hal("Garda","Pelecus cultratus"," sugár kardos (némely forrásokban egybeírva), balatoni hering, kardkeszeg, karda, szabóhal, vezérgarda","https://hu.wikipedia.org/wiki/Garda_(halfaj)","garda.jpg");
  314. halak['harcsa'] = new Hal("Európai harcsa","Silurus glanis", "harcsa, leső harcsa, pozsárharcsa, pumaharcsa, sárgaharcsa, tőkésharcsa, köves harcsa, sebes harcsa, szürke harcsa, szőke harcsa, parasztfaló, kupri, kupak, kuppancs","https://hu.wikipedia.org/wiki/Európai_harcsa","harcsa.jpg")
  315.  
  316. function halinfo(hal){
  317.     document.getElementById('sugo').style.display='none';
  318.     document.getElementById('halURL').href=halak[hal].wikiUrl;
  319.     document.getElementById('halURL').alt=halak[hal].fajMagyar+" képe";
  320.     document.getElementById('halURL').title=halak[hal].fajMagyar+" Wikipédia oldala";
  321.     document.getElementById('halKep').src="halak/"+halak[hal].kepFajl;
  322.     document.getElementById('halNevek').innerHTML="<b>"+halak[hal].fajMagyar+" <i>("+halak[hal].fajLatin+")</i></b>";
  323.     if(halak[hal].egyebNevek != null) {
  324.         document.getElementById('halNevek').innerHTML+="<br>Egyéb elnevezés(ek):<br>"+halak[hal].egyebNevek;
  325.     }
  326. }
  327.  
  328. -----------------------------------------------------CSS-----------------------------------------------------
  329.  
  330. body{
  331.     background-color: rgba(0,0,255,5%);
  332.     font-size:90%;
  333. }
  334.  
  335. #fej{
  336.     background-image: url('fej2.jpg');
  337.     background-size: cover;
  338.     background-repeat: no-repeat;
  339.     background-position: center;    
  340. }
  341.  
  342. #fej h1{
  343.     margin-top: -40px;
  344.     color: darkblue;
  345.     text-shadow:1px 1px 0px #ffeeee, 2px 2px 0px darkblue;
  346. }
  347.  
  348. .menu{
  349.     color:darkblue;
  350.     margin-top: -30px;
  351.     padding: 10px 5px 25px;
  352. }
  353.  
  354. h2{
  355.     font-size: 125%;
  356.     color: darkblue;    
  357. }
  358.  
  359. .tab-pane{
  360.     background-color: white;
  361.     border-left: 1px solid rgb(222,226,230);
  362.     border-bottom: 1px solid rgb(222,226,230);
  363.     border-right: 1px solid rgb(222,226,230);
  364.     padding-bottom: 20px;
  365.     border-bottom-left-radius: 20px;
  366.     border-bottom-right-radius: 20px;
  367. }
  368.  
  369. table{
  370.     font-size: 80%;
  371.     margin: auto;
  372. }
  373.  
  374. td{
  375.     background-color: rgba(0,0,255,5%);
  376.     border: 3px solid white;
  377.     padding: 7px;
  378. }
  379.  
  380. td span {
  381.     font-weight: normal;
  382.     font-style: italic;
  383.     color: black;
  384. }
  385.  
  386. td:first-child{
  387.     text-align: right;
  388.     font-weight: bold;
  389.     color: darkblue;
  390. }
  391. td:nth-child(2){
  392.     font-style: italic;
  393. }
  394.  
  395. p{
  396.     text-indent: 25px;
  397.     text-align: justify;
  398.     padding: 5px;
  399. }
  400. figure{
  401.     background-color: rgba(222,226,230,35%);
  402.     padding: 10px;
  403.     margin: 5px 25px;
  404. }
  405.  
  406. figcaption{
  407.     font-style: italic;
  408. }
  409.  
  410. blockquote{
  411.     margin: 5px 25px;
  412.     padding: 10px;
  413.     border-left: 15px solid rgb(222,226,230);
  414.     background-color: rgba(222,226,230,35%);
  415.     font-style: italic;
  416.     font-size: 90%;
  417.     border-radius: 20px;
  418. }
  419.  
  420. #halLista{
  421.     cursor: pointer;
  422.     list-style-type: none;
  423.     text-align: right;
  424.     padding-left: 0px;
  425.     margin-left: 0px;
  426. }
  427.  
  428. #halLista li {
  429.     height: 35px;
  430.     vertical-align: middle;
  431.     padding: 0px;
  432.     padding-right: 21px;
  433.     line-height: 95%;
  434.     font-size: 95%;
  435. }
  436.  
  437. #halLista li:hover{
  438.     background-image: url('nyil.png');
  439.     background-repeat: no-repeat;
  440.     background-position-x: right;
  441.     background-size: 20px 20px;
  442. }
  443.  
  444. #sugo{
  445.     color: rgb(175,175,175);
  446.     padding: 25px;
  447.     letter-spacing: 120%;
  448.     font-style: italic;
  449.     text-align: center;
  450. }
Tags: help
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!