Grand Theft Auto Wiki (GTA Wiki)
Grand Theft Auto Wiki (GTA Wiki)
(Wikia zmieniła nazwę klasy CSS)
(+poszarzanie kafelków na stronie głównej po najechaniu myszk)
Linia 42: Linia 42:
 
.page-Grand_Theft_Auto_Wiki #catlinks,
 
.page-Grand_Theft_Auto_Wiki #catlinks,
 
.page-Grand_Theft_Auto_Wiki #articleCategories { display: none !important; }
 
.page-Grand_Theft_Auto_Wiki #articleCategories { display: none !important; }
  +
  +
/* Poszarzanie kafelków na stronie głównej po najechaniu myszką */
  +
.page-Grand_Theft_Auto_Wiki .wikia-gallery-item img:hover {
  +
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  +
}
   
 
/* Styl do linków [edytuj] */
 
/* Styl do linków [edytuj] */

Wersja z 19:07, 2 sie 2020

/* <pre> */
/* Import innych ceesesów */
/* a) zmiana kolorów administracji */
@import "/load.php?only=styles&mode=articles&articles=MediaWiki:Common.css/kolory.css|MediaWiki:Common.css/infoboksy.css|MediaWiki:Common.css/tabele.css|MediaWiki:Common.css/baza.css";

/* Szablony */
.dopracować { border: 2px solid #a38; margin: 0.5em; padding: 5px; background-color: #fff; text-align:center; }
.forum { background-color: #F9F9F9; border: 1px solid #AAA; padding: 5px 5px; margin-bottom: 5px; }
.listazadań { background:#efefef; padding:5px; margin: 5px; border: 1px dotted black; }
.nowoczesna1 { width:254px; margin: 1px 5px; float: right; clear: right; background-color:#bbb; text-align:center; font-size:11px; padding: 0; border:1px solid #999; }
.nowoczesna2 { background-color:#ccc; }
.obrazki { border: #a38 3px solid; background: #ddd; text-align: center; margin: 0 auto; padding: 2px 5px; width: 550px; }
.userirc { width: 254px; margin: 1px 5px; float: right; clear: right; background: #9c9; text-align: center; font-size: 11px; padding: 0; border: 1px solid #999; }
.userirc2 { background: #ada; }
.kody {padding: 10px; background: #F5F5F5; border: 2px solid darkred; text-align: center;}
.oasis { display: none; }
.delete { background: #f9f9f9; border: 5px solid #F00; padding: 4px; margin: 0 auto; width: 85%; text-align:center; }
.blokada { background: #f9f9f9; border: 3px solid #f00; padding: 4px; margin: 0 auto; width: 85%; text-align:center; }
.copywarning { background-color: #ffffff; border: 2px solid brown; text-align: center; margin: 0 20px 10px 20px; padding: 5px 0; }
.copywarning2 { margin: 10px; background: #ffffff; border: 1px #aaa solid; border-collapse: collapse; }
.uploadtextregulamin { background-color: #ffffff; border: 2px solid brown; text-align: center; margin: 0 20px 10px 20px; padding: 5px 0; }
.komunikatdef { background: #f9f9f9; border: 2px solid #aaa; padding: 4px; margin: 0 auto; width: 85%; text-align:center; }
.klawisz { border: 1px solid #aaa; border-radius: 0.2em; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.85); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.85); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.85); background-color: #f9f9f9; linear-gradient: top #eee, #f9f9f9, #eee; padding: 0.1em 0.3em; font-family: monospace; }

/* Zmiana linków */
.ns-0 .mw-redirect,
.ns-0 .mw-redirect:visited            { color: green !important; }
.allpagesredirect     a,
.allpagesredirect     a:visited,
.redirect-in-category a,
.redirect-in-category a:visited { font-style: italic; color: green !important; }
.mw-disambig,
.mw-disambig:visited            { color: #990 !important; }
.disambig .mw-disambig,
.disambig .mw-disambig:visited  { color: rgb(1, 72, 194) !important; }
.mw-specialpagecached           { font-style: italic; }         /* Pochylone raporty na Special:Specialpages */

/* Do wstawek fabularnych w solucjach */
.fabuła { font-style: italic; color: #333; }

/* Ukrycie kategorii na stronie głównej */
.page-Grand_Theft_Auto_Wiki #catlinks,
.page-Grand_Theft_Auto_Wiki #articleCategories { display: none !important; }

/* Poszarzanie kafelków na stronie głównej po najechaniu myszką */
.page-Grand_Theft_Auto_Wiki .wikia-gallery-item img:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/* Styl do linków [edytuj] */
#firstHeading    .editsection { padding-left: 10px; float: right; font-size: x-small; }

/* Do szablonów ujednoznaczniających */
.disambig { line-height: 29px;  padding-left: 3px;  background-color: #d0d0d0; border: 1px solid #cccccc;
            font-size: 95%; margin-bottom: 1em; border-radius: 10px; }

/* Przyciski dodawania opisów */ 
#userSummaryButtons a, #wpDeleteReasonRow a {
  background-color: #cfc;
  border: 1px dotted #090;
  padding: 0px 2px;
  margin: 2px;
  cursor: pointer;
  font-size: 80%;
  line-height: 17px;
  color: black;
}
#userSummaryButtons a:hover, #wpDeleteReasonRow a:hover {
  background-color: #bfb;
  border: 1px solid #9c9;
  text-decoration: none;
}

/* Przypisy */
ol.references { font-size: 85%; }
ol.references > li:target { background-color: #def; }

/* Do szablonów nawigacyjnych */
.navbox { width: 100%; margin: auto; clear: both; text-align: center; padding: 1px; }
table.navbox>tbody>tr>th { background-color: #ccccee; white-space: nowrap; padding: 0 8px; font-size: 11px; }
table.navbox td { text-align: left; font-size: 10px; }
table.navbox>tbody>tr:nth-of-type(even) td { background-color: #dddddd; }
table.navbox tr:first-of-type th {border-top-left-radius: 10px;}
table.navbox tr:first-of-type td {border-top-right-radius: 10px;}
table.navbox tr:last-of-type th {border-bottom-left-radius: 10px;}
table.navbox tr:last-of-type td {border-bottom-right-radius: 10px;}
.NavFrame, .navbox             { background-color: #eeeeee; margin: 0px; padding: 2px; border: 1px solid #aaa; 
                        text-align: center; border-collapse: collapse; border-radius: 10px; }
.NavFrame + .NavFrame { border-top-style: none; border-top-style: hidden; }
.NavPic               { background-color: #fff; margin: 0px; padding: 2px; float: left; }
.NavHead              { height: 1.6em; font-weight: bold; font-size: 12px; background-color: #808080;
                        position: relative; border-radius: 10px; }
.NavContent           { font-size: 10px; }
.NavEnd               { margin: 0px; padding: 0px; line-height: 1px; clear: both; }
.NavToggle            { position: absolute; top: 0px; right: 5px; font-weight: normal; font-size: 10px; }
.NavFramer .NavHead   { height: 1.6em; font-weight: bold; font-size: 100%; background-color: #efefef; align: left; }
.NavTnavbar           { font-size: x-small; float: left; font-weight: normal; line-height: 160%;
                        text-align: left; margin-left: 2px; width: 36px; }
/* Lista nawigacyjna */
.nav-lista .NavFrame   { border: none !important; padding: 0 !important; background-color: inherit; }
.nav-lista .NavHead    { font-size: 11px; font-weight: normal !important;
                         background-color: transparent !important; text-align: left; }
.nav-lista .NavContent { margin: 0 inherit 0 0 !important; text-align: left; font-size: 11px; }
.nav-lista ul          { list-style: none none; line-height: inherit; }
.nav-lista li          { line-height: inherit; margin: 0; }

/* Kolorowanie wierszy w dokumentacji infoboxów */
.inf1 { background-color: #aaf; }
.inf2 { background-color: #c0c0ff; }
.inf3 { background-color: #f2f2f2; }
.inf4 { background-color: #ddd; color: #999; }

/* Szablon {{GTA}} - kolorowanie linków */
.szablongta td        { padding: 4px 2px; margin: 1px 1px 0 0; }
.szablongta td a      { color: #fff; }
.szablongta td a.new  { color: #999; }
.szablongta .selflink { color: #fff; text-decoration: underline; }

/* Ukrycie sysoponly */
.sysoponly { visibility: hidden; }

/* Ładny wygląd listy z ptaszkami */
.list-tak ul { list-style-image: url(https://images.wikia.nocookie.net/__cb20090321153319/gta/pl/images/thumb/5/5d/Tak.svg/15px-Tak.svg.png); }

/* Scenariusze */
.scenariusz .NavContent    { font-size: 11px; }
.scenariusz .NavContent td,
.scenariusz .NavContent th { text-align: left; border: 1px #aaa solid; }
.scenariusz .NavContent th { background-color: #f2f2f2; padding: 0 5px; text-align: right; 
                             white-space: nowrap; border-radius: 10px 0 0 10px; font-weight: bold; }
.scenariusz .NavContent td { border: 1px #aaa solid; padding: 0 0 0 5px; border-width: 1px 1px 1px 0; }
.scenariusz .NavContent tr td:last-of-type        { border-radius: 0 10px 10px 0; }
.scenariusz .NavContent .top-ang td               { background-color: #d3d3d3; text-align:center; border: 1px solid #d3d3d3; padding: 0; }
.scenariusz .NavContent .top-ang td:first-of-type { border-radius: 10px 0 0 10px; }
.scenariusz .NavContent .top-ang { font-style: italic; }
.scenariusz .NavContent .akcja   { background-color: #f2eeee; text-align: center; border: 1px #f99 solid; border-radius: 10px !important;
                                   padding: 0;  font-style: italic; }

/* Szablony licencji */
.licencja { margin: 0.5em auto; width: 90%; background-color: #eee; border: 2px solid #bbb; padding: 5px; font-size: 95%; }

/* Galerie */
#gallery-pojazdy,
#gallery-broń,
#gallery-broń-hud,
#gallery-pojazdy .lightbox-caption,
#gallery-broń .lightbox-caption,
#gallery-broń-hud  .lightbox-caption { text-align: center; }

#gallery-pojazdy .koment,
#gallery-broń .koment, 
#gallery-broń-hud .koment { font-size: 85%; }

#gallery-pojazdy .wikia-gallery-item,
#gallery-broń .wikia-gallery-item,
#gallery-broń-hud .wikia-gallery-item {
   outline: 4px groove #ccc;
   outline-offset: -4px;
   background-image: linear-gradient(to bottom, rgba(221, 221, 221, 0.0), #ffffff);
}

#gallery-pojazdy  .lightbox-caption { height: 77px; }
#gallery-broń     .lightbox-caption { height: 60px; }

.wikia-gallery-item .thumb * { border: none !important; }

/* Szablon YouTube */
.judup { border-radius: 12px; background-color: #444; margin: 0 auto; text-align: center; }
.judup th { background-color: #ddd; }
.judup th:nth-of-type(1) { border-top-left-radius: 11px;  width: 25px; } 
.judup th:nth-of-type(3) { border-top-right-radius: 11px; width: 30px; }
.judup td { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; 
                              background-color: #000000; padding-bottom: 0px;}
.judup object { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.judup td  { background: #444;}
.judup-film {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* Punkt do map */
.punkcik   { position: absolute; overflow: hidden; border-radius: 50%; width: 6px; height: 6px; }
.punkcik a { position: relative; top: -6px; left: -4px; }

/* Kolejność misji */
/* Kolory tła są w Common.css/infoboksy.css */
.kolej-misji    { margin: 0.5em auto; clear: both; font-size: 95%; text-align: center;
                  border-radius: 10px; width: 96%; }
.kolej-misji th { border-radius: 10px; }
.kolej-misji tr:nth-of-type(2) td:nth-of-type(odd) { font-size: 95%; width: 33%; font-style: italic; }
.kolej-misji tr:nth-of-type(2) td:nth-of-type(2)   { width: 34%; font-style: italic; font-weight: bold; }
.kolej-misji tr:nth-of-type(3) td                  { font-weight: bold; }

/* Postać - portal */
.postać-portal { width: 150px; } 
.postać-portal-obraz { outline-offset: -4px; }
.postać-portal-podpis { float: right; position: relative; bottom: 18px; right: 4px; padding-left: 5px; font-size: 9px;
                        border-top-left-radius: 10px;  line-height: 14px; max-width: 130px; max-height: 14px;
                        overflow: hidden; font-weight: bold; }
.postać-portal-hud { position: relative; bottom: 25px; left: 6px; width: 0; height: 0; }
.table-portal { margin: 0 auto; }
.table-portal td {padding-left: 5px; padding-right: 5px; }

/* Wyróżniony cytat */
table.cytat {
  clear: both;
  max-width: 30%;
}
table.cytat.cytat-glowna {
  float: none;
  margin: 0 auto;
  text-align: center;
  max-width: none;
}
table.cytat.cytat-szeroki       { max-width: none; }
table.cytat:only-of-type        { float: left;  text-align: left;  }
table.cytat:nth-of-type(odd)    { float: left;  text-align: left;  }
table.cytat:nth-of-type(even)   { float: right; text-align: right; }
table.cytat td:nth-of-type(odd) { color: #a82d2d; font-family: 'Times New Roman'; font-size: 30px; }
table.cytat td:nth-of-type(1)   { vertical-align: bottom; }
table.cytat td:nth-of-type(2)   { padding: 0 10px; font-style: italic; }
table.cytat td:nth-of-type(3)   { vertical-align: top; }
div.cytat-sig {
  margin-left: 30px;
  clear: both;
  color: gray;
  font-size: smaller;
  line-height: 2em;
  font-weight: bold;
  font-style: italic;
}
div.cytat-sig:before { content: "— "; }

/* Test */
.disambig-tomtowy .selflink { font-weight: normal; color: #666; }

/* Skreślanka na S:UserList */
label[for="checkBoxForthreadmoderator"],
label[for="checkBoxForcontent-moderator"],
label[for="checkBoxForcheckuser"] { text-decoration: line-through; }

/* Odnośniki do przypisów nigdy kursywą czy pogrubieniem */
sup.reference { font-style: normal !important; }

/* Odtwarzacz plików OGG */
.ogg_player > div > a { font-size: 75%; }
.ogg_player > div > a.image { display: none; }
.tright .ogg_player button { height: 30px; }
.tright .ogg_player audio { height: 30px; max-width: 175px; }

/* 2a. Niebieski User infobox */
.user-infobox-blue { border-color: #0067e9; background-color: #74a8e9; }
.user-infobox-blue #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-blue #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #bfdbff; }
.user-infobox-blue .user-infobox-down td,
.user-infobox-blue .user-infobox-up tr>*                           { background-color: #d9eaff; }
.user-infobox-blue .headu { background-color: #99c6ff !important; }
 
/* 2b. Zielony User infobox */
.user-infobox-green { border-color: #0be800; background-color: #79e874; }
.user-infobox-green #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-green #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #c2ffbf; }
.user-infobox-green .user-infobox-down td,
.user-infobox-green .user-infobox-up tr>*                     { background-color: #dbffd9; }
.user-infobox-green .headu { background-color: #9eff99 !important; }
 
/* 2c. Czerwony User infobox */
.user-infobox-red { border-color: #e90005; background-color: #e97477; }
.user-infobox-red #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-red #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #ffbfc1; }
.user-infobox-red .user-infobox-down td,
.user-infobox-red .user-infobox-up tr>*                     { background-color: #ffd9da; }
.user-infobox-red .headu { background-color: #ff999b !important; }
 
/* 2d. Błękitny User infobox */
.user-infobox-teal { border-color: #00e9e4; background-color: #74e9e6; }
.user-infobox-teal #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-teal #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #bffffe; }
.user-infobox-teal .user-infobox-down td,
.user-infobox-teal .user-infobox-up tr>*                     { background-color: #d9fffe; }
.user-infobox-teal .headu { background-color: #99fffd !important; }
 
/* 2e. Fioletowy User infobox */
.user-infobox-violet { border-color: #6c00e9; background-color: #ab74e9; }
.user-infobox-violet #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-violet #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #ddbfff; }
.user-infobox-violet .user-infobox-down td,
.user-infobox-violet .user-infobox-up tr>*                     { background-color: #ebd9ff; }
.user-infobox-violet .headu { background-color: #c899ff !important; }
 
/* 2f. Złoty User infobox */
.user-infobox-gold { border-color: #e99200; background-color: #e9be74; }
.user-infobox-gold #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-gold #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #ffe7bf; }
.user-infobox-gold .user-infobox-down td,
.user-infobox-gold .user-infobox-up tr>*                     { background-color: #fff1d9; }
.user-infobox-gold .headu { background-color: #ffd999 !important; }
 
/* 2g. Pomarańczowy User infobox */
.user-infobox-orange { border-color: #e94100; background-color: #e99574; }
.user-infobox-orange #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-orange #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #ffd1bf; }
.user-infobox-orange .user-infobox-down td,
.user-infobox-orange .user-infobox-up tr>*                     { background-color: #ffe3d9; }
.user-infobox-orange .headu { background-color: #ffb599 !important; }
 
/* 2h. Różowy User infobox */
.user-infobox-pink { border-color: #e900b3; background-color: #e974ce; }
.user-infobox-pink #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-pink #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #ffbff0; }
.user-infobox-pink .user-infobox-down td,
.user-infobox-pink .user-infobox-up tr>*                     { background-color: #ffd9f6; }
.user-infobox-pink .headu { background-color: #ff99e7 !important; }
 
/* 2i. Oliwkowy User infobox */
.user-infobox-olive { border-color: #a3e900; background-color: #c6e974; } /*border: header->S100; background-color: header->S50 */
.user-infobox-olive #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-olive #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #ecffbf; } /* header->S25, V->100 */
.user-infobox-olive .user-infobox-down td,
.user-infobox-olive .user-infobox-up tr>*                     { background-color: #f3ffd9; } /* header->S15, V->100 */
.user-infobox-olive .headu { background-color: #e0ff99 !important; } /* header->S40, V->100*/
 
/* 2j. Szary User infobox */
.user-infobox-grey { border-color: #000000; background-color: #808080; }
.user-infobox-grey #user-infobox-up      tr:nth-of-type(2n)>*,
.user-infobox-grey #user-infobox-kontakt tr:nth-of-type(2n+3)>*    { background-color: #dddddd; }
.user-infobox-grey .user-infobox-down td,
.user-infobox-grey .user-infobox-up tr>*                     { background-color: #eeeeee; }
.user-infobox-grey .headu { background-color: #aaaaaa !important; }

/* Podział list na kolumny */
.kolumny-2 ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.kolumny-3 ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
.kolumny-4 ul {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

/* </pre> */