Немає опису редагування |
(Переробка вмісту) |
||
(Не показані 6 проміжних версій 2 користувачів) | |||
Рядок 1: | Рядок 1: | ||
+ | /*** MediaWiki:Common.css ***/ |
||
− | @import url('https://fonts.googleapis.com/css?family=Cinzel:700'); |
||
+ | /*** CSS, розміщений тут, застосовується для всіх скінів вікі. ***/ |
||
− | @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles"; |
||
− | /* Навігаційне меню */ |
||
− | .WikiHeader > nav .subnav-2 li .subnav-2a > .chevron { |
||
− | border-top-color: #DC9D00; |
||
− | } |
||
+ | /*** Імпорт сторінок MediaWiki зі стилями ***/ |
||
+ | @import "/uk/index.php?title=MediaWiki:Слайдер.css&action=raw&ctype=text/css"; /* Сторінка для налаштування слайдеру */ |
||
+ | @import "/uk/index.php?title=MediaWiki:Головна.css&action=raw&ctype=text/css"; /* Сторінка для стилів головної */ |
||
+ | @import "/uk/index.php?title=MediaWiki:Інфобокс.css&action=raw&ctype=text/css"; /* Сторінка для стилів інформаційних шаблонів */ |
||
+ | @import "/uk/index.php?title=MediaWiki:Навбокс.css&action=raw&ctype=text/css"; /* Сторінка для стилів навігаційних шаблонів */ |
||
+ | @import "/uk/index.php?title=MediaWiki:Таблиця.css&action=raw&ctype=text/css"; /* Сторінка для стилів таблиць */ |
||
+ | /*@import "/uk/index.php?title=MediaWiki:Архів.css&action=raw&ctype=text/css";*/ /* Архівна сторінка для коду, що застарів і не використовується (не імпортована) */ |
||
+ | /*** Імпорт шрифта ***/ |
||
+ | /*** Прапорці біля посилань інтервікі (імпорт з dev вікі) ***/ |
||
− | .mainpage-box { |
||
+ | @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles"; |
||
− | border: 1px solid #a47719; |
||
− | background-color: rgba(255, 255, 255, 0.05) !important; |
||
− | padding: 20px; |
||
− | } |
||
+ | /*** Стилізація шаблону "Укр портал" для поточної вікі ***/ |
||
− | .mainpage-header { |
||
+ | .ukrzagolovok, .ukrpidzagolovok { |
||
− | background: #a47719; |
||
+ | display: none !important; |
||
− | padding: 11px 0 11px 0; |
||
− | font-family: 'Cinzel'; |
||
− | font-size: 12pt; |
||
− | letter-spacing: 1px; |
||
− | text-align: center; |
||
− | text-transform: none; |
||
− | margin-top: 20px; |
||
} |
} |
||
+ | .ukrportal { |
||
− | |||
+ | border-radius: 0 !important; |
||
− | /* div table як на англ вікі */ |
||
+ | border: none !important; |
||
− | .divTable{ |
||
+ | box-shadow: none !important; |
||
− | display: table; |
||
+ | margin: 0 !important; |
||
− | } |
||
+ | width: 100% !important; |
||
− | .divTableRow { |
||
− | display: table-row; |
||
− | } |
||
− | .divTableCell, .divTableHead { |
||
− | display: table-cell; |
||
− | padding: 10px; |
||
− | } |
||
− | .divTableBody { |
||
− | display: table-row-group; |
||
} |
} |
||
+ | /*** Стилізація під вкладки для шаблону "Вкладки персонажа" ***/ |
||
− | /* Горизонтальні списки з англ вікі (separator following item). |
||
+ | .canontabs { |
||
− | @source mediawiki.org/wiki/Snippets/Horizontal_lists |
||
+ | width: 100% !important; |
||
− | @revision 9 (2016-08-10) |
||
+ | border-bottom: 2px solid #d2801e !important; |
||
− | @author [[User:Edokter]] |
||
+ | margin-bottom: 20px !important; |
||
− | */ |
||
− | .hlist dl, |
||
− | .hlist ol, |
||
− | .hlist ul { |
||
− | margin: 0; |
||
− | padding: 0; |
||
} |
} |
||
+ | .canontabs ul { |
||
− | /* Display list items inline */ |
||
+ | margin: 0px !important; |
||
− | .hlist dd, |
||
+ | padding: 0px !important; |
||
− | .hlist dt, |
||
+ | height: 37px !important; |
||
− | .hlist li { |
||
− | margin: 0; |
||
− | display: inline; |
||
} |
} |
||
+ | .canontabs li { |
||
− | /* Display nested lists inline */ |
||
+ | display: inline-block !important; |
||
− | .hlist.inline, |
||
+ | margin-right: 10px !important; |
||
− | .hlist.inline dl, |
||
+ | padding: 0px !important; |
||
− | .hlist.inline ol, |
||
+ | height: 25px !important; |
||
− | .hlist.inline ul, |
||
− | .hlist dl dl, .hlist dl ol, .hlist dl ul, |
||
− | .hlist ol dl, .hlist ol ol, .hlist ol ul, |
||
− | .hlist ul dl, .hlist ul ol, .hlist ul ul { |
||
− | display: inline; |
||
} |
} |
||
+ | .canontabs li a { |
||
− | /* Hide empty list items */ |
||
+ | display: block !important; |
||
− | .hlist .mw-empty-li, |
||
+ | text-decoration: none !important; |
||
− | .hlist .mw-empty-elt { |
||
− | display: none; |
||
} |
} |
||
+ | .canontabs li span { |
||
− | /* Generate interpuncts */ |
||
+ | padding: 7px 15px 25px 15px !important; |
||
− | .hlist dt:after { |
||
+ | border: 2px solid #314b75 !important; |
||
− | content: ": "; |
||
+ | border-bottom: none !important; |
||
+ | border-radius: 10px 10px 0px 0px !important; |
||
+ | height: 25px !important; |
||
+ | line-height: 18px !important; |
||
+ | display: block !important; |
||
+ | -moz-box-sizing: border-box !important; |
||
+ | -webkit-box-sizing: border-box !important; |
||
+ | box-sizing: border-box !important; |
||
} |
} |
||
+ | .canontabs .mw-selflink span, .canontabs .mw-selflink span:hover { |
||
− | .hlist dd:after, |
||
+ | color: #d5d4d4 !important; |
||
− | .hlist li:after { |
||
+ | border: 2px solid #d2801e !important; |
||
− | content: " · "; |
||
+ | border-bottom: 2px solid #111111 !important; |
||
− | font-weight: bold; |
||
} |
} |
||
+ | .canontabs li a span:hover { |
||
− | .hlist dd:last-child:after, |
||
+ | border-color: #7abaff !important; |
||
− | .hlist dt:last-child:after, |
||
− | .hlist li:last-child:after { |
||
− | content: none; |
||
− | } |
||
− | /* Add parentheses around nested lists */ |
||
− | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, |
||
− | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, |
||
− | .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { |
||
− | content: " ("; |
||
− | font-weight: normal; |
||
− | } |
||
− | .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, |
||
− | .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, |
||
− | .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after { |
||
− | content: ")"; |
||
− | font-weight: normal; |
||
− | } |
||
− | /* Put ordinals in front of ordered list items */ |
||
− | .hlist ol { |
||
− | counter-reset: listitem; |
||
− | } |
||
− | .hlist ol > li { |
||
− | counter-increment: listitem; |
||
− | } |
||
− | .hlist ol > li:before { |
||
− | content: " " counter(listitem) "\a0"; |
||
− | } |
||
− | .hlist dd ol > li:first-child:before, |
||
− | .hlist dt ol > li:first-child:before, |
||
− | .hlist li ol > li:first-child:before { |
||
− | content: " (" counter(listitem) "\a0"; |
||
} |
} |
||
+ | /*** Покращення читабельності селфлінків у світлій темі ***/ |
||
− | /* [[Шаблон:Navbox]] з англ вікі */ |
||
+ | .theme-fandomdesktop-light .canontabs .mw-selflink span, .theme-fandomdesktop-light .canontabs .mw-selflink span:hover { |
||
− | |||
+ | color: #333333; |
||
− | /* Default skin for navigation boxes. */ |
||
+ | border-bottom:2px solid #d6d6d6; |
||
− | table.navbox { /* Navbox style */ |
||
− | border: 1px solid #4a4a4a; |
||
− | color: #c0c0c0; |
||
− | width: 100%; |
||
− | margin: auto; |
||
− | margin-top: 5px; |
||
− | clear: both; |
||
− | font-size: 85%; |
||
− | text-align: left; |
||
− | padding: 1px; |
||
− | background-image: none; |
||
− | } |
||
− | table.navbox + table.navbox { |
||
− | margin-top:-1px; /* single pixel border between adjacent navboxes */ |
||
− | } |
||
− | .navbox-title { /* Title style */ |
||
− | background: none; |
||
− | color: #c0c0c0; |
||
− | text-align: center; |
||
− | padding-left: 1em; |
||
− | padding-right: 1em; |
||
− | width: 10%; |
||
− | } |
||
− | .navbox-group { /* Group style */ |
||
− | background: transparent !important; |
||
− | font-weight: bold; |
||
− | padding-left: 10px; |
||
− | padding-right: 10px; |
||
− | padding-bottom: 5px; |
||
− | } |
||
− | .navbox .navbox-group a { |
||
− | white-space: normal; |
||
− | } |
||
− | .navbox-list { |
||
− | padding: 5px; |
||
− | border: 1px solid #4a4a4a; |
||
− | border-top: none; |
||
− | border-right: none; |
||
− | } |
||
− | .navbox-subgroup .navbox-title { |
||
− | background: transparent !important; |
||
− | } |
||
− | .navbox-subgroup .navbox-group { |
||
− | padding-bottom: 5px; |
||
− | border-left: 0; |
||
− | background: transparent !important; |
||
− | } |
||
− | .navbox-subgroup .navbox-group a { |
||
− | white-space: normal; |
||
− | } |
||
− | .navbox-subgroup .navbox-list { |
||
− | background: transparent !important; |
||
− | } |
||
− | |||
− | /* this is Navbox background image for potions */ |
||
− | table.potions { |
||
− | background-image: url("https://vignette.wikia.nocookie.net/witcher/images/a/a8/Tw3_journal_alchemy_background.png"); |
||
− | } |
||
− | |||
− | /* this is Navbox background image for diagrams/crafting */ |
||
− | table.crafting { |
||
− | background-image: url("https://vignette.wikia.nocookie.net/witcher/images/4/4b/Tw3_journal_crafting_background.png"); |
||
− | } |
||
− | |||
− | /* this is Navbox background image for quests */ |
||
− | table.quests { |
||
− | background-image: url("https://vignette.wikia.nocookie.net/witcher/images/7/7a/Journal_quest_background.png"); |
||
− | } |
||
− | |||
− | /* this is Navbox background image for maps/regions */ |
||
− | table.maps { |
||
− | background-image: url("https://vignette.wikia.nocookie.net/witcher/images/e/e3/Journal_map_background.png"); |
||
− | } |
||
− | |||
− | /* this is Navbox background image for books/documents */ |
||
− | table.books { |
||
− | background-image: url("https://vignette.wikia.nocookie.net/witcher/images/6/63/Journal_books_background.png"); |
||
− | } |
||
− | |||
− | /* this is Navbox background image for glossary/books */ |
||
− | table.glossary { |
||
− | background-image: url("https://vignette.wikia.nocookie.net/witcher/images/d/d6/Journal_glossary_background.png"); |
||
− | } |
||
− | |||
− | /* custom div for 3 columns */ |
||
− | .divFloatLeft33 { |
||
− | width: 33%; |
||
− | float: left; |
||
− | text-align: center; |
||
− | } |
||
− | |||
− | .WikiHeader .navbackground{ |
||
− | height: 30px; |
||
− | border-top: 2px solid #DC9D00; |
||
− | border-bottom: 2px solid #DC9D00; |
||
− | border-left: 2px solid #DC9D00; |
||
− | border-bottom-left-radius: 8px; |
||
− | background-color:#A47719; |
||
− | box-shadow: inset 0 0 20px #DC9D00; |
||
− | } |
||
− | .WikiHeader .navbackground div{ |
||
− | background-color: #BEBEBE; |
||
− | } |
||
− | .WikiHeader > nav li { |
||
− | line-height: 30px; |
||
− | background-color: rgb(117, 84, 0); |
||
− | border-left: 2px solid #DC9D00; |
||
− | border-right: 2px solid #DC9D00; |
||
− | border-top: 2px solid #DC9D00; |
||
− | border-top-right-radius: 8px; |
||
− | border-top-left-radius: 8px; |
||
− | border-bottom: none; |
||
− | } |
||
− | |||
− | .WikiHeader > nav li.marked{ |
||
− | line-height: 29px; |
||
− | background-color:#A47719; |
||
− | border-left: 2px solid #DC9D00; |
||
− | border-right: 2px solid #DC9D00; |
||
− | border-top: 2px solid #DC9D00; |
||
− | border-top-right-radius: 8px; |
||
− | border-top-left-radius: 8px; |
||
− | border-bottom: none; |
||
− | box-shadow: inset 0 0 20px #DC9D00; |
||
− | } |
||
− | |||
− | .WikiHeader > nav li:first-child, .WikiHeader > nav li:first-child a { |
||
− | border-left: none; |
||
− | } |
||
− | |||
− | .WikiHeader > nav li > a, .WikiHeader > nav li.marked > a { |
||
− | border: none; |
||
− | color: #080808 !important; |
||
− | } |
||
− | .WikiHeader > nav li > a:hover, .WikiHeader > nav li.marked > a:hover { |
||
− | border: none; |
||
− | color: #080808 !important; |
||
− | text-decoration: none; |
||
− | } |
||
− | |||
− | .WikiHeader .accent a { |
||
− | color: #080808; |
||
− | } |
||
− | |||
− | .WikiHeader > nav li.marked .subnav-2 > li a:hover { |
||
− | text-decoration: none; |
||
− | } |
||
− | |||
− | .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a { |
||
− | border-radius:0px; |
||
− | border-top-right-radius:3px; |
||
− | border-top-left-radius:3px; |
||
− | margin:2px 0px 0px 3px; |
||
− | background:#a38f29; |
||
− | border:1px solid #DC9D00; |
||
− | border-bottom: none; |
||
− | box-shadow: inset 0 0 20px #DC9D00; |
||
− | } |
||
− | |||
− | .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a > .chevron { |
||
− | border-top-color:#DC9D00; |
||
− | opacity:1; |
||
− | } |
||
− | |||
− | .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a:hover { |
||
− | background:#a38f29; |
||
− | color: #080808 !important; |
||
− | box-shadow: inset 0 0 20px #DC9D00; |
||
− | } |
||
− | |||
− | .WikiHeader > nav li.marked .subnav-3 > li a:hover { |
||
− | text-decoration: none; |
||
− | } |
||
− | |||
− | .WikiHeader > nav .subnav-3 li.marked3 .subnav-3a { |
||
− | border-radius:0px; |
||
− | border-top-right-radius:3px; |
||
− | border-top-left-radius:3px; |
||
− | margin:2px 0px 0px 3px; |
||
− | background:#a38f29; |
||
− | border:1px solid #DC9D00; |
||
− | border-bottom: none; |
||
− | box-shadow: inset 0 0 20px #DC9D00; |
||
− | } |
||
− | |||
− | .WikiHeader > nav .subnav-3 li.marked3 .subnav-3a > .chevron { |
||
− | border-top-color:#DC9D00; |
||
− | opacity:1; |
||
− | } |
||
− | |||
− | .WikiHeader > nav .subnav-3 li.marked3 .subnav-3a:hover { |
||
− | background:#755400; |
||
− | box-shadow: inset 0 0 20px #DC9D00; |
||
− | } |
||
− | .WikiHeader > nav .subnav-3 li a { |
||
− | color: #755400 !important; |
||
− | } |
||
− | |||
− | |||
− | /* small fixes for .marked level 1 background */ |
||
− | #WikiHeader .nav-item { |
||
− | border: none; |
||
− | } |
||
− | |||
− | #WikiHeader .nav-item > a { |
||
− | border-top: none; |
||
− | text-decoration: none; |
||
− | } |
||
− | |||
− | /* small fixes for level 2 background */ |
||
− | #WikiHeader .navbackground div, |
||
− | #WikiHeader .navbackground img { |
||
− | display: none; |
||
− | } |
||
− | |||
− | #WikiHeader .subnav-2a .chevron { |
||
− | opacity: 1; |
||
− | } |
||
− | |||
− | #WikiHeader .subnav-2a { |
||
− | text-decoration: none; |
||
− | -webkit-transition: background-color .39s; |
||
− | -moz-transition: background-color .39s; |
||
− | transition: background-color .39s; |
||
− | } |
||
− | |||
− | #WikiHeader .marked2 .subnav-2a { |
||
− | } |
||
− | /*** custom table so just need to list the class and not change each one on site ***/ |
||
− | |||
− | table.listing { |
||
− | margin: auto !important; |
||
− | border: 1px #394147 solid; |
||
− | border-collapse: separate !important; |
||
− | border-spacing: 2px !important; |
||
− | color: #c0c0c0; |
||
− | } |
||
− | |||
− | /* cells */ |
||
− | |||
− | table.listing th, table.listing td { |
||
− | padding: 5px !important; |
||
− | } |
||
− | |||
− | /* header */ |
||
− | |||
− | table.listing th { |
||
− | background:#a47719; |
||
− | text-align:center; |
||
− | color: #111111; |
||
− | } |
||
− | |||
− | /* alternating rows */ |
||
− | |||
− | table.listing tr:nth-child(odd) { |
||
− | background-color: rgba(255, 255, 255, 0.15) !important; |
||
− | } |
||
− | |||
− | table.listing tr:nth-child(even) { |
||
− | background-color: rgba(255, 255, 255, 0.05) !important; |
||
− | } |
||
− | |||
− | /* Таббер, схожий на табв'ю */ |
||
− | ul.tabbernav { |
||
− | border-bottom: 1px solid #333333 !important; |
||
− | font: bold 12px Verdana, sans-serif !important; |
||
− | margin: 0 !important; |
||
− | padding: 0px 0 !important; |
||
− | word-wrap: normal !important; |
||
− | } |
||
− | ul.tabbernav li.tabberactive a { |
||
− | background: #000 !important; |
||
− | border-bottom: 1px solid transparent !important; |
||
− | border-left: 1px solid #333 !important; |
||
− | border-right: 1px solid #333 !important; |
||
− | border-top: 1px solid #333 !important; |
||
− | color: #d5d4d4 !important; |
||
− | cursor: text !important; |
||
− | font-weight: bold !important; |
||
− | text-decoration: none !important; |
||
− | } |
||
− | ul.tabbernav li.tabberactive a:hover { |
||
− | background: #000 !important; |
||
− | } |
||
− | ul.tabbernav li a:hover { |
||
− | background: transparent !important; |
||
− | border-color: none !important; |
||
− | color: Lime !important; |
||
− | } |
||
− | ul.tabbernav li { |
||
− | list-style: none !important; |
||
− | margin: 0 1px !important; |
||
− | padding: 0 !important; |
||
− | position: relative !important; |
||
− | } |
||
− | ul.tabbernav li a { |
||
− | background: transparent !important; |
||
− | border-top-left-radius: 4px !important; |
||
− | border-top-right-radius: 4px !important; |
||
− | border: 1px solid transparent !important; |
||
− | color: #ffd700 !important; |
||
− | cursor: pointer !important; |
||
− | display: inline-block !important; |
||
− | font-family: initial !important; |
||
− | font-size: 14px !important; |
||
− | font-weight: normal !important; |
||
− | line-height: 23px !important; |
||
− | padding: 6px 12px 3px !important; |
||
− | position: relative !important; |
||
− | top: 1px !important; |
||
− | } |
||
− | |||
− | .tabberlive .tabbertab { |
||
− | border: none !important; |
||
− | } |
||
− | |||
− | /****************************************************/ |
||
− | /* Для слайдера на головній */ |
||
− | /* Code created by Tierrie on the Dragon Age Wiki */ |
||
− | /****************************************************/ |
||
− | /* container settings */ |
||
− | #portal_slider a.external:after, .portal_metro .toc { display: none; } |
||
− | .portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; } |
||
− | /* give all containers a black background so the opacity changes results in a brightness change */ |
||
− | .portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 450px; content: ""; background-color: rgb(0,0,0); z-index: -2; } |
||
− | .portal_metro { border: 1px solid #a47719; } |
||
− | .portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; } |
||
− | /* pages nested within a slider container should not render borders twice */ |
||
− | .portal_metro .portal_metro { border: none; } |
||
− | .portal_metro.ui-tabs .ui-tabs-panel { padding: 0; } |
||
− | .portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; } |
||
− | |||
− | /* font title and sliders */ |
||
− | .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { width: 100%; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: normal; font-size: inherit; line-height: inherit; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; text-align:left; color:white; } |
||
− | /* main tabs headers */ |
||
− | .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { font-family: 'Cinzel'; font-weight: 700; font-size: 19.3px; text-transform: uppercase; color:white; } |
||
− | .portal_metro .portal_header_text { font-size: 1.5em; padding-top: 15px; } |
||
− | .portal_metro [class^=portal_sliderlink] { font-size: 1.2em; } |
||
− | |||
− | /* portal headers, headerlinks colors and formatting */ |
||
− | .portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; } |
||
− | .portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; } |
||
− | .portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; } |
||
− | .portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(0,0,0); } |
||
− | |||
− | /* slider text position */ |
||
− | .portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; } |
||
− | .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: 1.4em; left: 20px; line-height: 1em; } |
||
− | |||
− | /* main slider sizing */ |
||
− | .portal_metro#portal_main [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; } |
||
− | .portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px; } |
||
− | .portal_metro#portal_main .portal_sliderlink-2 { width: 100%; } |
||
− | |||
− | /* slider background */ |
||
− | .portal_metro#portal_main [class^=portal_sliderlink]:before { /**content: "";/* Experimental */ width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; } |
||
− | .portal_metro#portal_main [class^=portal_sliderlink]:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; } |
||
− | .portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; } |
||
− | .portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; } |
||
− | /* Зображення для слайдеру Відьмак 3: Дикий Гін */ |
||
− | .portal_metro#portal_main .portal_sliderlink-2 { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/f/f8/%D0%A2%D0%BB%D0%BE_%D0%92%D1%96%D0%B4%D1%8C%D0%BC%D0%B0%D0%BA_3.png/revision/latest?cb=20170814201512&path-prefix=uk'); background-position-x: -700px; } |
||
− | /* Зображення для слайдеру Відьмак 2: Вбивці Королів */ |
||
− | .portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 75px; background-image: url('https://vignette.wikia.nocookie.net/witcher/images/2/21/%D0%A2%D0%BB%D0%BE_%D0%92%D1%96%D0%B4%D1%8C%D0%BC%D0%B0%D0%BA_2_%282%29.jpeg/revision/latest?cb=20170815052617&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Відьмак */ |
||
− | .portal_metro#portal_main .portal_sliderlink-4 { top: 75px; right: 0px; height: 75px; background-image: url('https://vignette.wikia.nocookie.net/witcher/images/7/75/Witcher_wikia_slider_witcher_small.png/revision/latest?cb=20170613041718'); } |
||
− | /* Зображення для слайдеру Література */ |
||
− | .portal_metro#portal_main .portal_sliderlink-5 { top: 150px; right: 0px; height: 75px; background-image: url('https://vignette.wikia.nocookie.net/witcher/images/f/f2/%D0%9B%D1%96%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0_%D1%82%D0%BB%D0%BE.jpeg/revision/latest?cb=20170818104348&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Кіно */ |
||
− | .portal_metro#portal_main .portal_sliderlink-6 { top: 225px; right: 0px; height: 75px; background-image: url('https://vignette.wikia.nocookie.net/witcher/images/8/84/%D0%A2%D0%BB%D0%BE_%D0%9A%D1%96%D0%BD%D0%BE.jpeg/revision/latest?cb=20170815062348&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Комікси */ |
||
− | .portal_metro#portal_main .portal_sliderlink-7 { top: 300px; right: 0px; height: 75px; background-image: url('https://vignette.wikia.nocookie.net/witcher/images/3/37/%D0%9A%D0%BE%D0%BC%D1%96%D0%BA%D1%81%D0%B8_%D1%82%D0%BB%D0%BE_2.png/revision/latest?cb=20170815071149&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Інше */ |
||
− | .portal_metro#portal_main .portal_sliderlink-8 { top: 375px; right: 0px; height: 75px; background-image: url('https://vignette.wikia.nocookie.net/witcher/images/4/49/%D0%86%D0%BD%D1%88%D0%B5_%D0%BC%D0%B0%D0%BB%D0%B5%D0%BD%D1%8C%D0%BA%D0%B5_%D1%82%D0%BB%D0%BE.jpeg/revision/latest?cb=20170818172623&path-prefix=uk'); } |
||
− | |||
− | /* slider sub category background */ |
||
− | #portal_slider .ui-state-active, |
||
− | #portal_slider .ui-state-default, |
||
− | #portal_slider .ui-widget-content, |
||
− | #portal_slider .ui-widget-header { |
||
− | background: none; |
||
− | color: white; |
||
− | } |
||
− | |||
− | |||
− | |||
− | #portal_main, #portal_witcher3, #portal_witcher2, #portal_witcher1, #portal_books, #portal_cinema, #portal_comics, #portal_other { position: relative; } |
||
− | #portal_witcher3:after, #portal_witcher2:after, #portal_witcher1:after, #portal_books:after, #portal_cinema:after, #portal_comics:after, #portal_other:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } |
||
− | /* Зображення для слайдеру Відьмак 3: Дикий Гін після натискання */ |
||
− | #portal_witcher3 { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/f/f8/%D0%A2%D0%BB%D0%BE_%D0%92%D1%96%D0%B4%D1%8C%D0%BC%D0%B0%D0%BA_3.png/revision/latest?cb=20170814201512&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Відьмак 2: Вбивці Королів після натискання */ |
||
− | #portal_witcher2 { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/c/c4/%D0%A2%D0%BB%D0%BE_%D0%92%D1%96%D0%B4%D1%8C%D0%BC%D0%B0%D0%BA_2.jpeg/revision/latest?cb=20170815050415&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Відьмак після натискання */ |
||
− | #portal_witcher1 { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/7/7b/Witcher_wikia_slider_witcher.png/revision/latest?cb=20170613041734'); } |
||
− | /* Зображення для слайдеру Література після натискання */ |
||
− | #portal_books { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/8/8b/%D0%9B%D1%96%D1%82%D0%B5%D1%80%D0%B0%D1%82%D1%83%D1%80%D0%B0_%D0%B2%D0%B5%D0%BB%D0%B8%D0%BA%D0%B5_%D1%82%D0%BB%D0%BE.jpeg/revision/latest?cb=20170818104339&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Кіно після натискання */ |
||
− | #portal_cinema { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/0/0f/%D0%92%D1%96%D0%B4%D1%8C%D0%BC%D0%B0%D0%BA_%D0%B2%D0%B5%D0%BB%D0%B8%D0%BA%D0%B5_%D1%82%D0%BB%D0%BE.jpeg/revision/latest?cb=20170815212620&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Комікси після натискання */ |
||
− | #portal_comics { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/f/f5/20170816q461wQxE4RJ6B5DR_YLUrr.jpeg/revision/latest?cb=20170816180925&path-prefix=uk'); } |
||
− | /* Зображення для слайдеру Інше після натискання */ |
||
− | #portal_other { background-image: url('https://vignette.wikia.nocookie.net/witcher/images/0/02/%D0%86%D0%BD%D1%88%D0%B5_%D1%82%D0%BB%D0%BE.jpeg/revision/latest?cb=20170818172347&path-prefix=uk'); } |
||
− | |||
− | .portal_metro#portal_slider .portal_navlink { display: none; } |
||
− | .portal_metro#portal_slider { } |
||
− | .portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; } |
||
− | .portal_metro#portal_slider .portal_navlink img { opacity: 0.3; } |
||
− | .portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8; } |
||
− | .portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-corner-all { |
||
− | border: 0; |
||
− | border-radius: 0; |
||
− | } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { position: absolute; left: 200px; top: 0px; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 200px; float: left; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; } |
||
− | /* sub tab headers */ |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 17px; display:block; width: 100%; padding: 5px; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; } |
||
− | |||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ } |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: .25em 0 .5em 1em; } |
||
− | /* changes text for the links within sub tabs */ |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.3em; display:block; color: #ffffff; } |
||
− | /* changes h2 text within sub tabs */ |
||
− | .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { font-family: 'Cinzel';font-weight: 700; padding: .8em 0 0 .8em; margin-top: 0; margin-bottom: -10px; border-bottom: none; text-transform: uppercase; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; color: #fff; font-size: 1.2em; } |
||
− | /* column classes */ |
||
− | .portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } |
||
− | .portal_metro#portal_slider .cols_3 ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; } |
||
− | |||
− | /********************************/ |
||
− | /* portal screen wide overrides */ |
||
− | /********************************/ |
||
− | @media screen and (max-width: 1023px) { |
||
− | .portal_metro [class^=portal_sliderlink] { width: 225px; } |
||
− | .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; } |
||
− | .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; } |
||
− | .WikiaRail .module { position: relative; } |
||
− | } |
||
− | @media screen and (min-width: 1023px) and (max-width: 1650px) { |
||
− | .portal_metro [class^=portal_sliderlink] { width: 225px; } |
||
− | .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; } |
||
− | .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 280px !important; } |
||
− | } |
||
− | @media screen and (min-width: 1650px) { |
||
− | .portal_metro [class^=portal_sliderlink] { width: 225px; } |
||
− | |||
− | /* realign slider background images */ |
||
− | /* .portal_metro#portal_images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images { height: 420px !important; } */ |
||
− | } |
||
− | |||
− | .pi-image-collection-tabs { |
||
− | text-align: center !important; |
||
− | } |
||
− | |||
− | /**********/ |
||
− | /* portal */ |
||
− | /**********/ |
||
− | .portal_section ul { list-style: disc; } |
||
− | .portal_section { border: 1px solid black; margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0, black 100%); -moz-border-radius: 10px; -moz-box-shadow: 1px 1px 4px rgb(24, 24, 24); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(0, 0, 0, 0.2)), color-stop(100%, black)); -webkit-border-radius: 10px; -webkit-box-shadow: 1px 1px 4px rgb(24, 24, 24); border-radius: 10px; box-shadow: 1px 1px 4px rgb(24, 24, 24); } |
||
− | .portal_header { padding: 0 1em; position: relative; } |
||
− | .portal_header_text { width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted rgb(149,114,51); text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; } |
||
− | .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; padding-bottom: 2px; } |
||
− | .portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: rgb(149,114,51); } |
||
− | .portal_body { padding: 0.8em; } |
||
− | .portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; } |
||
− | .portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: rgb(149,114,51); } |
||
− | .portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted rgb(149,114,51); text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: rgb(149,114,51); } |
||
− | |||
− | /******************/ |
||
− | /* portal: slider */ |
||
− | /******************/ |
||
− | #portal_slider { margin: 0px; padding: 0px; position: relative; height: 450px; } |
||
− | #portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(169,111,1) 0, rgb(254,195,86) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(169,111,1)), color-stop(100%, rgb(254,195,86))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(190,124,1); -moz-user-select: none; -webkit-user-select: none; user-select: none; } |
||
− | #portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(233,152,1) 0, rgb(254,218,150) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(233,152,1)), color-stop(100%, rgb(254,218,150))); color: rgb(233,152,1); } |
||
− | #portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; } |
||
− | #portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } |
||
− | #portal_slider > .portal_body { padding: 0; } |
||
− | |||
− | /*******************/ |
||
− | /* portal: content */ |
||
− | /*******************/ |
||
− | #portal_content { font-size: 0.9em; line-height: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; } |
||
− | #portal_content .portal_body > table { height: 400px; } |
||
− | #portal_content ul { list-style: disc outside; } |
||
− | #portal_content ul ul { margin-left: 1em; } |
||
− | |||
− | .shadow { |
||
− | -webkit-filter: drop-shadow(0 0 3px rgba(100,0,0,0.5)); |
||
− | filter: drop-shadow(0 0 3px rgba(100,0,0,0.5)); |
||
− | } |
||
− | |||
− | .ukrportal { |
||
− | border-radius: 0 !important; |
||
− | border: 1px solid #a47719 !important; |
||
− | margin: 0 !important; |
||
} |
} |
Поточна версія на 21:37, 9 вересня 2023
/*** MediaWiki:Common.css ***/
/*** CSS, розміщений тут, застосовується для всіх скінів вікі. ***/
/*** Імпорт сторінок MediaWiki зі стилями ***/
@import "/uk/index.php?title=MediaWiki:Слайдер.css&action=raw&ctype=text/css"; /* Сторінка для налаштування слайдеру */
@import "/uk/index.php?title=MediaWiki:Головна.css&action=raw&ctype=text/css"; /* Сторінка для стилів головної */
@import "/uk/index.php?title=MediaWiki:Інфобокс.css&action=raw&ctype=text/css"; /* Сторінка для стилів інформаційних шаблонів */
@import "/uk/index.php?title=MediaWiki:Навбокс.css&action=raw&ctype=text/css"; /* Сторінка для стилів навігаційних шаблонів */
@import "/uk/index.php?title=MediaWiki:Таблиця.css&action=raw&ctype=text/css"; /* Сторінка для стилів таблиць */
/*@import "/uk/index.php?title=MediaWiki:Архів.css&action=raw&ctype=text/css";*/ /* Архівна сторінка для коду, що застарів і не використовується (не імпортована) */
/*** Імпорт шрифта ***/
/*** Прапорці біля посилань інтервікі (імпорт з dev вікі) ***/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles";
/*** Стилізація шаблону "Укр портал" для поточної вікі ***/
.ukrzagolovok, .ukrpidzagolovok {
display: none !important;
}
.ukrportal {
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
width: 100% !important;
}
/*** Стилізація під вкладки для шаблону "Вкладки персонажа" ***/
.canontabs {
width: 100% !important;
border-bottom: 2px solid #d2801e !important;
margin-bottom: 20px !important;
}
.canontabs ul {
margin: 0px !important;
padding: 0px !important;
height: 37px !important;
}
.canontabs li {
display: inline-block !important;
margin-right: 10px !important;
padding: 0px !important;
height: 25px !important;
}
.canontabs li a {
display: block !important;
text-decoration: none !important;
}
.canontabs li span {
padding: 7px 15px 25px 15px !important;
border: 2px solid #314b75 !important;
border-bottom: none !important;
border-radius: 10px 10px 0px 0px !important;
height: 25px !important;
line-height: 18px !important;
display: block !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.canontabs .mw-selflink span, .canontabs .mw-selflink span:hover {
color: #d5d4d4 !important;
border: 2px solid #d2801e !important;
border-bottom: 2px solid #111111 !important;
}
.canontabs li a span:hover {
border-color: #7abaff !important;
}
/*** Покращення читабельності селфлінків у світлій темі ***/
.theme-fandomdesktop-light .canontabs .mw-selflink span, .theme-fandomdesktop-light .canontabs .mw-selflink span:hover {
color: #333333;
border-bottom:2px solid #d6d6d6;
}