BODY { FONT-SIZE: 10pt; FONT-FAMILY: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; background: #D7D7D7; } .text { FONT-WEIGHT: normal; COLOR: #000000; } H1, H2, H3, H4, H5, H6 { FONT-WEIGHT: bold; COLOR: #8f0000; } H3 { TEXT-ALIGN: center } A, A:visited { FONT-WEIGHT: bold; COLOR: #003388; TEXT-DECORATION: none } A:active { COLOR: #6f0000 } A:hover { COLOR: #0066ff } .date, .date2, .sysdate { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #007000; FONT-FAMILY: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; TEXT-DECORATION: none } .date2 { BACKGROUND-COLOR: #00ffaa; } .sysdate { COLOR: #b00000; } .private, A.private, A.private:hover, A.private:visited, A.private:active { FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0 } .number { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #6f0000 } .dsc { FONT-WEIGHT: normal; COLOR: #606060 } SELECT, TEXTAREA, INPUT { MARGIN-TOP: 1px; MARGIN-BOTTOM: 2px; COLOR: #191970; border: 1pt solid #b0b0b0; } .ahint { FONT-SIZE: 8px; COLOR: #000080; TEXT-DECORATION: none; z-index: 50; } #hint3 { VISIBILITY: hidden; WIDTH: 240px; POSITION: absolute; BACKGROUND: #fff6dd; } .B1 { FONT-WEIGHT: bold; COLOR: #6666cc } .B2 { FONT-WEIGHT: bold; COLOR: #b06a00 } .B { FONT-WEIGHT: bold; } IMG { border-width: 0; } TABLE { border-width: 0; } .thumbnail_my span { /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; left: -1000px; width: 300px; border: 1px solid white; visibility: hidden; color: Yellow; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } .thumbnail_my span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail_my:hover span { /*CSS for enlarged image on hover*/ visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */ } .thumbnail_my2 span { /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; right: 0; width: 150px; border: 1px solid white; visibility: hidden; color: Yellow; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; } .thumbnail_my2 span img { /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail_my2:hover span { /*CSS for enlarged image on hover*/ visibility: visible; top: 60px; right: 100px; /*position where enlarged image should offset horizontally */ } div.effectList { font-size: smaller; text-align: left; } div.effectList > div { clear: both; padding: 5px; border-radius: 5px; position: relative; } div.effectList > div:hover { background-color: #d2d2d2; -webkit-box-shadow: 0 0 5px 0 #d2d2d2; box-shadow: 0 0 5px 0 #d2d2d2; } div.effectList > div > .cancel { position: absolute; right: 3px; top: 3px; } div.effectList > div > .image { float: left; margin-right: 3px; } div.effectList > div > .title { font-weight: bold; } div.effectList > div > [action] { cursor: pointer; } #mini_qsst { z-index: 100; } .row { cursor: pointer; } table.adm { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; background: #fff; width: 480px; border-collapse: collapse; text-align: left; } table.adm th { font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1; } table.adm td { border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px; } table.adm tbody tr:hover td { color: #009; } table.zebra tr { background-color: #C7C7C7; } table.zebra tr:nth-child(even) { background-color: #D5D5D5; } legend { color: dimgray; font-family: consolas, sans-serif; font-size: 18px; margin-top: 10px; } img.item { width: 64px; height: 64px; border: 1px solid silver; border-radius: 5px; margin-top: 1px; } hr { color: silver; border-style: solid; } img.item-wrap-normal { width: 73px; height: 73px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.25); display: inline-block; background-repeat: no-repeat; background-color: #AAA; background-image: radial-gradient(circle, #EEE, #AAA); } div.topRoomButtons { float: right; } table.allzeroes { /* cellspacing = 0 */ border-collapse: collapse; border-spacing: 0; width: 100%; } table.allzeroes th, td { /* cellpadding = 0 */ padding: 0; text-align: left; vertical-align: top; } span.success { font-weight: bold; color: #008F00; } span.error { font-weight: bold; color: #8F0000; } img.tip + span.tiptext { display: none } img.tip:hover + span.tiptext { border: #c0c0c0 1px dotted; padding: 5px 20px 5px 5px; display: block; z-index: 100; background-color: #f0f0f0; left: 0; margin: 10px; width: 250px; position: absolute; top: 10px; text-decoration: none } /* Отображение информации о персонаже в inf.php (класс User.php) */ div.user-info-container { display: grid; grid-template-columns: repeat(4, 75px) auto 100px; grid-template-rows: repeat(5, 75px) auto; grid-gap: 10px; } div.user-info-container > div.slot-1, div.user-info-container > div.slot-2, div.user-info-container > div.slot-3, div.user-info-container > div.slot-4 { grid-column: 1; } div.user-info-container > div.slot-5, div.user-info-container > div.slot-6, div.user-info-container > div.slot-7, div.user-info-container > div.slot-8 { grid-column: 4; } div.user-info-container > div.slot-1, div.user-info-container > div.slot-5 { grid-row: 1; } div.user-info-container > div.slot-2, div.user-info-container > div.slot-6 { grid-row: 2; } div.user-info-container > div.slot-3, div.user-info-container > div.slot-7 { grid-row: 3; } div.user-info-container > div.slot-4, div.user-info-container > div.slot-8 { grid-row: 4; } div.user-info-container > div.slot-9, div.user-info-container > div.slot-10, div.user-info-container > div.slot-11, div.user-info-container > div.slot-12 { grid-row: 5; } div.user-info-container > div.slot-image { grid-column: 2 / 4; grid-row: 1 / 5; } div.user-info-container > div.slot-image > img { width: 160px; height: 330px; border-radius: 5px; } div.user-info-container > div.slot-lower { grid-column: 1 / 5; grid-row: 6; text-align: center; } div.user-info-container > div.slot-lower > img { margin: 1px; } div.user-info-container > div.user-info { grid-column: 5; grid-row: 1 / 7; } div.user-info-container > div.user-info > div.stats-container { display: flex; width: 350px; } div.user-info-container > div.user-info > div.info { width: 350px; } div.user-info-container > div.user-info > div.stats-container > div.column { padding: 10px; font-size: larger; text-align: right; } div.user-info-container > div.user-info > div.stats-container > div.column + div.column { text-align: left; } div.user-info-container > div.user-signs { grid-column: 6; grid-row: 1 / 6; } /*-----------------------------*/ div.debug { background:#fef; border:1px dashed #faf; border-radius:5px; padding:5px; margin: 3px; } div.secret-info { background:#fee; border:1px dashed #faa; border-radius:5px; padding:5px; margin: 3px; } div.secret-info > span { color: #966; }