battles/css/main.css

444 lines
8.0 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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;
}
/* for classes/City.php included in /city.php */
img.building:hover {
filter: drop-shadow(2px 2px 2px white) sepia(15%);
}
.legend {
color: dimgray;
font-family: consolas, sans-serif;
font-size: 18px;
margin-top: 10px;
}