new-combats/game
3
0
Fork 0
Code Issues 23 Pull Requests Releases Wiki Activity
71b759232c
game/styles/register.css

308 lines
5.9 KiB
CSS
Raw Normal View History

Init.
2022-06-06 21:30:34 +00:00
@charset "windows-1251";
/* CSS Document */
html, body {
/*background-color:#12171b;*/
padding:0;
margin:0;
border:0;
background-repeat:no-repeat;
background-position:center top;
/*background-position:-60px 0;*/
font-family:Verdana, Times, Helvetica, Tahoma;
font-size: 10pt;
}
hr {border:0;border-bottom:1px solid #aeaeae; }
a,a:visited { text-decoration: none; FONT-WEIGHT: bold; color: #003388; }a:active { color: #6F0000}a:hover { color: #0066FF}
.cp {
cursor:pointer;
}
.psi_main {
background-color:#0e0e0e;
}
.psi_btn {
width:179px;
height:50px;
background-image:url(../images/psi_btn1.png);
background-position:0 -50px;
display:inline-block;
}
.psi_btn:hover {
background-position:0 0px;
cursor:pointer;
}
.psi_btn:active {
background-position:0 1px;
cursor:pointer;
}
.psi_logo {
background-image:url(../images/combats_logo.png);
width:790px;
height:263px;
position:absolute;
top:20px;
left:-160px;
}
.psi_fix {
position:relative;
height:263px;
}
.psi_main_reg {
background-color:#0e0e0e;
font-family:Minion Pro;
font-size:14px;
color:#daad5e;
background-image:url(../images/reg_bg.png);
}
.psi_mainin {
padding-left:22px;
padding-right:22px;
}
.psi_mleft {
background-image:url(../images/leftl.png);
}
.psi_mright {
background-image:url(../images/rightl.png);
}
.psi_tline {
background-image:url(../images/top_line.png);
background-repeat:repeat-x;
background-position:bottom;
}
.psi_dline {
background-image:url(../images/bottom_line.png);
}
.psi_dlimg {
background-image:url(../images/leftd.png);
}
.psi_drimg {
background-image:url(../images/rightd.png);
}
.psi_tlimg {
background-image:url(../images/left.png);
background-repeat:repeat-x;
background-position:bottom;
}
.psi_trimg {
background-image:url(../images/right.png);
background-repeat:repeat-x;
background-position:bottom;
}
/* psi_check1 */
.psi_check1 {
width:19px;
height:19px;
background-image:url(../images/psi_checkbox.png);
background-position:0 0;
position:relative;
vertical-align:bottom;
cursor:pointer;
}
.psi_check1s {
width:19px;
height:19px;
background-image:url(../images/psi_checkbox.png);
background-position:0 -19px;
position:relative;
vertical-align:bottom;
cursor:pointer;
}
/* input 1 */
.psi_input1_none {
background-color:#ded7bd;
border:solid 1px #302f2a;
padding:5px;
color:#000;
}
.psi_input1_green {
background-color:#ded7bd;
border:solid 1px #5d8d00;
padding:5px;
color:#5d8d00;
}
.psi_input1_red {
background-color:#ded7bd;
border:solid 1px #ae1313;
padding:5px;
color:#ae1313;
}
.psi_list {
display:inline-block;
}
.psi_list select {
background-color:#ded7bd;
border:solid 1px #ded7bd;
color:#302f2a;
}
/* radio 1 */
.radio1txt {
color: #302f2a;
}
.radio1txt:hover {
color: #5A636B;
}
.psi_radio1 {
height:19px;
background-image:url(../images/pri_radio.png);
background-position:0 0px;
background-repeat:no-repeat;
position:relative;
vertical-align:bottom;
cursor:pointer;
display:inline-block;
}
.psi_radio1s {
height:19px;
background-image:url(../images/pri_radio.png);
background-position:0 -19px;
background-repeat:no-repeat;
position:relative;
vertical-align:bottom;
cursor:pointer;
display:inline-block;
color:#302f2a;
}
.tip {
display: inline-block;
position: relative;
}
/*<2A><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>, <20><><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD>*/
.tip em,
.linktip em {
background:#FD6E00;
text-align:center;
border-radius: 20px;
border: 1px solid #ccc;
color: #fff;
font: normal bold 12px Arial;
text-decoration: none;
cursor:pointer;
padding: 0 4px;
}
/*<2A><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
.tip>span>img {
max-width: 50%;
max-height: auto;
margin: 3px;
float: left;
}
/*<2A><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>(<28><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>)*/
.answer>b,
.answer-left>b {
position: absolute;
font: normal bold 14px Comic Sans MS;
color: #900;
cursor: pointer;
padding: 4px;
}
.answer>b {
top:0;
right:0;
}
.answer-left>b {
top:0;
left:0;
}
.answer>b:hover,
.answer-left>b:hover {color:#000;} /*<2A><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
/*<2A><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
.answer,
.answer-left {
display:none; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
position:absolute; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
z-index:9999; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
background: #EDEDED; /*<2A><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>*/
border-radius: 3px;
border: 1px solid #ccc;
color: #000; /*<2A><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
font: normal 500 14px Trebuchet MS;
text-align:left;
text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*<2A><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
text-decoration: none;
opacity: 1; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
cursor:default;
margin-top:-30px; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>*/
width: 200px; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> !<21><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
min-height: 50px; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> (<28><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>)*/
max-height: auto; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
white-space: normal; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>*/
}
.answer {
box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*<2A><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
right: -240px; /*!<21><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> = <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> + <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
padding: 5px 20px 7px 7px; /*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
}
.answer-left {
box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*<2A><><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD>*/
left: -240px; /*!<21><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
padding: 5px 7px 7px 20px;
}
.a-top {
bottom: -10px; /*!<21><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>, <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD> */
}
/*<2A><><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
.a-top:before,
.answer:before,
.answer-left:before {
content:"";
position:absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAaElEQVR4XoWQMQ6AMAwDna6wMXTjB/x/7E4i9SV9AwgxuJKDcKfqrlVizInrObwLHLng9sKhgm8nIQV4eWAFJig/EIogUATCTPh7zZUUuqHXOL4m7waglViyvVthNXvaGhNr2jnTLQTenE8VKUp0n4sAAAAASUVORK5CYII=) no-repeat;
width: 9px;
height: 15px;
}
.answer:before {
left: -9px;
margin-top: 10px;
background-position: 0 0;
}
.answer-left:before {
right: -9px;
margin-top: 10px;
background-position: -9px 0;
}
.a-top:before {
bottom: 10px;
}
/*<2A><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD>-<2D><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>, <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><> CSS*/
.tip>a:focus~span.answer,
.tip>a:focus~span.answer-left {
display:block;
}
.tip>a[tabindex="1"]:focus {
outline: none;
}
.tip>a[tabindex="1"]:focus>em {
background:#FF4F19;
}
Reference in New Issue Copy Permalink