MediaWiki:Common.css
HeliosClassicHigh Five, part 4

Материал из Энциклопедия Lineage 2 Classic
Перейти к: навигация, поиск

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Выберите очистку кэша в меню Инструменты → Настройки
/* Шаблоны для связанных страниц */
table.relpage {width:100%; background-color: #F3F4F5}
table.relpage td{padding:6px 12px 12px 12px;}
table.relpage span {font-size: 150%;font-family: ptserif, Georgia;margin: 20px;display: block;}
table.relpage span.item, table.relpage span.item span {font-size: 100%;font-family: inherit;margin: 0;display: inline;}
table.relpagevn {width:100%; border-top: 1px solid #ddd; margin-top: .2em; padding-top: .2em;}
table.relpagevn th, table.relpagevn td {border: 0; margin-top:6px; padding:10px;  vertical-align:top;}
table.relpagevn td:nth-child(n+2) {border-bottom: 1px dotted #ddd;}
table.relpagevn tr:last-child td:nth-child(n+2) {border-bottom: 0px;}
table.relpagevn td:first-child {text-align:right;width: 116px;}
table.relpagevn td.left:first-child {text-align:left;width: auto;}

table.level {width:100%;}
table.level td {font-family:Consolas, monospace; text-align:right}
table.level td:nth-child(4n+1) {font-weight:bold;}
table.level td:nth-child(4n+4) {background-color: #ddd !important;border:0 !important;}
table.level td:nth-child(4n+4), table.level th:nth-child(4n+4) {padding:3px}

/* Шаблоны для квестов */
table.quests, table.quests-horiz, table.common, table.skills_table, table.wikitable {background-color: #F3F4F5; padding:12px; border:0; border-spacing: 0 !important;}
table.quests th, table.quests td, table.quests-horiz th, table.quests-horiz td, table.common th, table.common td { padding: 3px 3px 3px 9px;}
table.quests td, table.quests-horiz td, table.common td, table.skills_table td, table.wikitable td { border-top: 1px solid #ddd !important; font-size:0.9em; vertical-align: top;}
table.quests .hover, table.quests-horiz .hover, table.common .hover, table.skills_table .hover, table.wikitable .hover { background-color: rgba(0, 0, 0,0.05) !important;}
table.quests th, table.common th, table.skills_table th, table.wikitable th, table.quests-horiz th {border-top:1px solid #ddd !important; text-align: center; font-weight: bold; font-family: ptserif, georgia; padding:12px;}

table.quests tr:first-child th, table.common tr:first-child th, table.skills_table tr:first-child th, table.wikitable tr:first-child th, table.quests-horiz tr:first-child th {border-top:0 !important;}

table.firstcol td:first-child, table.firstcolrowspan td:first-child[rowspan], table.oddcol td:nth-child(odd){font-family: ptserif, georgia; font-weight: bold;}
table.firstcolrowspan tr:hover td:first-child[rowspan] { background-color: rgba(0,102,153,0.1) !important;}
table.tcol td:nth-child(3n+1){font-family: ptserif, georgia; font-weight: bold;}

table.top td{vertical-align:top;}

.quests table.quests {border:0;  margin: 4px 0 6px 0;}
.quests table.quests td {background-color:transparent !important; border:0 !important;}
.quests table.quests td:first-child {text-align:right; min-width: 108px;}

@media only screen and (min-width: 1201px) {.max-width-500 {width:500px}}
@media only screen and (max-width: 1200px) {.max-width-500 {width:370px}}

/* Шаблон:Item */
@media only screen and (min-width: 1201px) {#item_brief_info_2, #item_brief_info_1 {width:570px}}
@media only screen and (max-width: 1200px) {#item_brief_info_2, #item_brief_info_1 {width:535px}}
#item_brief_info_1 {border-bottom:0}
#item_brief_info_2 {border-top:0}
#item_brief_info_1 th {text-align:left}
#item_brief_info_2 td:nth-child(even) {width:100%}

/* Шаблон:Skill_info */
td#header {text-align:center; padding: 9px; border-top: 0 !important;}
td#header b{margin-left: 10px; font: bold 1.11em ptserif, georgia;} 

/* Шаблон:Примечание|Словарик */
table.attention {background-color: #F3F4F5; font-family: ptserif, georgia, serif;}
table.attention img{max-width:60px;}
table.attention td{padding:10px 5px 10px 10px;}

/* Шаблон:Плашка */
table.notice {
clear: both;
width: 80%;
border-style: solid;
border-width: 1px 1px 1px 10px;
border-color: #0088CC;
margin: 1px auto 8px auto;
vertical-align: center;
text-align: left;
}
table.notice.red {
border-color: #a55858;
padding: 0 4px;
}

/* Шаблон:Профессия */
table.prophecy {float:right; width:234px; margin:7px 0 0 8px;}
table.prophecy td {vertical-align: top;}
table.prophecy tr td:first-child {padding-left:20px;text-shadow: 0px 0px 0px black;}
table.prophecy tr:first-child td {font-family: ptserif, Georgia, serif; font-size:136%;text-align:center;padding:20px 10px 10px 10px;}
table.prophecy tr:last-child td {padding-bottom:20px;}
table.prophecy tr td:last-child {padding-right:10px}

/* Шаблон:Mobinfo */
table#npc_brief_info_2.quests tr td:first-child, table#npc_brief_info_3.quests tr td:first-child { min-width: 30px; }

/* Шаблон:Agathion */
div.agathion div.floatright {clear: none;}
table#item_brief_info_1.quests.agathion div.floatleft {margin: 0 .5em 0 0;}
table#item_brief_info_1.quests.agathion { width:auto; max-width: 570px; }
table#item_brief_info_1.quests.agathion tr td:first-child { min-width: 155px; }
table#item_brief_info_1.quests.agathion th { text-align:center; }
table#item_brief_info_1.quests.agathion th p { text-align:left; }

/* дерево профессий */
table.transfer td { text-align: center; vertical-align: top; width: 10%; }
table.transfer td.arrow { background: transparent url(/w/i/bottom-arrow.png) center bottom no-repeat; height:16px; }
table.transfer td.vline { background: transparent url(/w/i/vline.gif) center bottom no-repeat; height:10px; }
table.transfer td.hlineright { background: transparent url(/w/i/hlineright.gif) center bottom no-repeat; height:1px; }
table.transfer td.hlineleft { background: transparent url(/w/i/hlineleft.gif) center bottom no-repeat; height:1px; }
table.transfer td.hline { background: transparent url(/w/i/hline.gif) center bottom no-repeat; height:1px; }

table.quests.main, table.quests.main td { border:0 !important}
table.quests.main th {background:none !important; border-bottom: 2px solid #ddd;}
table.quests.main hr {background-color: #ddd; width: 75%; margin: 0.4em auto 0.2em;}
table.quests.main .hover {background-color: transparent !important;}

/* Иконки к предметам, бафам и т. п. */
/*
.item, .skill { position: relative; }
.item .i_count, .skill .i_count { margin-left: 20px; }
.item .i_icon a.image img, .skill .i_icon a.image img { width: 16px; height: 16px; position: absolute; }
.item:hover .i_icon a.image img, .skill:hover .i_icon a.image img { width: 32px; height: 32px; z-index: 5; }
*/
.grade-icon {vertical-align:text-bottom;}
#item_brief_info_1 .grade-icon {padding-right:2px;}
.i_icon img {vertical-align:sub; max-width:17px;}
.i_icon img:hover {max-width:32px;transition:all 0.5s;}
/* Увеличиваем расстояние для пунктов описания квестов */
ol li { margin-bottom: 0.8em; }
li ol li, ul li { margin-bottom: 0.1em; margin-left: 5px;}

/*
Уменьшает размеры шрифта в таблице умений
*/
table.skills_table td {font-size: 12px;}
table.skills_table th { padding: 0px 6px 9px 3px; vertical-align:top; line-height: 1em;}
table.skills_table th, table.skills_table tr { text-align:left; }
/*
Цвет для класса add_name у предметов в тэге items
*/
.add_name {color:#765448;}

/*
* Dynamic menus
*/
.dmenu { width: 146px; }
 
#p-navigation p {display: none;}

.dmenu, .dmenu ul { /* all lists */
padding: 0;
margin: 0;
margin-bottom: 6px;
/* list-style: none; */
list-style-position: inside;
}
.dmenu .selflink { font-weight: bold; }

.dmenu li { /* all list items */
position: relative;
float: left;
width: 132px; 
padding: 5px;
}
 
.dmenu li,
.dmenu li.even a,
.dmenu li.odd a,
.dmenu li li,
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
     color: #43BCC6;
}
 
.dmenu li li { margin: 0; }
 
.dmenu li ul { /* second-level lists */
position: absolute;
left: -999em;
z-index: 501;
border: 1px solid #002D3F;
}
 
.dmenu li ul ul { /* third-and-above-level lists */
position: absolute;
left: -999em;
margin: 0 0 0 0;
z-index: 502;
}
 
.dmenu li.odd .submenu {
width: 12px;
height: 15px;
float: right;
/* background: url(/common/images/rarr-lt.png) 0 3px no-repeat; */
}
.dmenu li.even .submenu {
width: 12px;
height: 15px;
float: right;
/* background: url(/common/images/rarr-dk.png) 0 3px no-repeat; */

}
.dmenu li.odd {
        background: #D8E2D4;
        border: 2px solid #D8E2D4;
}
.dmenu li.even {
        background: #D8E2D4;
        border: 2px solid #D8E2D4;
}
 
.dmenu li:hover, .dmenu li.sfhover {
        border: 2px solid #DABA4C;
} 

.dmenu li:hover ul ul,
.dmenu li:hover ul ul ul,
.dmenu li.sfhover ul ul,
.dmenu li.sfhover ul ul ul {
left: -999em;
}
 
.dmenu li:hover ul,
.dmenu li li:hover ul,
.dmenu li li li:hover ul,
.dmenu li.sfhover ul,
.dmenu li li.sfhover ul,
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
left: 144px;
top: -3px;
}

.dmenu a {
 text-decoration: none;
 font-size: 11px;
 padding-top: 0px;
 padding-bottom: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
}

.dmenu a:hover {
 text-decoration: underline;
}

.dmenu li {
 font-size: 11px;
 line-height: 120%;
 padding-top: 1px;
 padding-bottom: 1px;
 margin-top: 0px;
 margin-bottom: 0px;
}

div.place_mob {
  font-size: 11px;
  font-family: verdana;
  /* float: left; */
  color: black;
  background: #ff3333;
  padding: 0px;
  spacing: 0px;
  margin: 2px;
  width: 16px;
  text-align: center;
  font-weight: bold;
}

span.place_mob {
  font-size: 11px;
  font-family: verdana;
  /* float: left; */
  color: black;
  background: #ff3333;
  padding: 3px 4px 3px 4px;
  spacing: 0px;
  margin: 2px;
  width: 16px;
  text-align: center;
  font-weight: bold;
}

/*
Для рецептов
*/

.dtree {
        white-space: nowrap;
}
.dtree img {
        border: 0px;
        vertical-align: middle;
}
.dtree a.node, .dtree a.nodeSel {
        white-space: nowrap;
        padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
        color: #26A4AF;
        text-decoration: underline;
}
.dtree a.nodeSel {
        background-color: #c0d2ec;
}
.dtree .clip {
        overflow: hidden;
}

/* Standard Navigationsleisten, aka  box hiding thingy
   from .de.  Documentation at  [[Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0 0 10px 10px;
    padding: 12px;
    text-align: center;
    background-color: #F3F4F5;
}
div.NavPic  {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    float: left;
}
div.NavFrame  div.NavHead {
    font-weight: bold;
    position: relative;
    padding:12px;
    font-family: ptserif, georgia;
}
div.NavFrame  p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent  p {
    font-size: 0.9em;
}
div.NavEnd {
     margin: 0;
    padding: 0;
    line-height: 1px;
     clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    right: 3px;
    font-weight: normal;
     font-size: 90%;
}

/* End of Navigation */

.mw-editsection {
float: right;
}

.classes-tree {width: 700px; float:left;}
.classes-tree .tabbertab {font-size:12px;}

/* 
Стили таббера - перенесены сюда для удобства модификации. Оригинальный файл tabber.css больше не подключается. 
*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:10px 0 0 0;
 padding: 0px 10px;
 border-bottom: 2px solid #ddd;
 font-weight: bold;
 clear:both;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline-block;
 line-height: 170%;
 vertical-align: top;
}

ul.tabbernav li a
{
 padding: 5px;
 margin-left: 3px;
 border: 1px solid #ddd;
 border-bottom:0px;
 border-top-left-radius:7px;
 background-color: #ddd;
 text-decoration: none;
 font-family: ptserif, serif;
}

ul.tabbernav li a:link { 
	color: #333;
}
ul.tabbernav li a:visited { 
	color: #333;
}

ul.tabbernav li a:hover
{
 background: #F3F4F5;
}
ul.tabbernav li.tabberactive a
{
  background-color: #F3F4F5;
  border: 1px solid #ddd;
  border-bottom:0px;
}
 
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab, .tabberlive .tabbertabdefault {
 padding:7px 15px;
 background-color: #F3F4F5;
}
 
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2, .tabberlive .tabbertabdefault h2 {
  display:block;
}
.tabberlive .tabbertab h3, .tabberlive .tabbertabdefault h3 {
 display:block;
}
 
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.map {
    width: 305px;
    height: 305px;
    background-color: #CCC;
}
.l2map-title {
    margin-top:0; margin-bottom: 5px;
}
.l2map-descr p {
    margin-top:0; margin-bottom: 3px;
}
p.step_on_map, p.npc_on_map {
    color: #037890;
    margin-bottom: 3px;
    display: inline;
    cursor: pointer;
    background-color: transparent;
}
span.step_on_map, p.npc_on_map {
    border-bottom: 1px dashed #037890;
    display: inline;
    cursor: pointer;
    background-color: transparent;
}
p.step_on_map {
    margin-left: 2px;
    padding-left: 20px;
    background-image: url(/c/images/yaL2map/power_bullet.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px -550px;
}