You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
355 lines
6.4 KiB
355 lines
6.4 KiB
|
|
@font-face {
|
|
font-family: "ngs";
|
|
src: url("./4.woff") format("woff");
|
|
}
|
|
@font-face {
|
|
font-family: "ngs2";
|
|
src: url("./3.woff") format("woff");
|
|
}
|
|
|
|
@keyframes App-logo-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
* { /* remove dead space */
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
body {
|
|
background-image: url(d_global_bg_header.png),url(gl_main_bg.jpg);
|
|
background-size: 1903px,2560px;
|
|
background-color: #e8ecf4;
|
|
background-repeat: no-repeat,repeat-y;
|
|
background-position: center 0px;
|
|
color: black;
|
|
font-family: ngs,sans-serif;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
ul {
|
|
list-style-type: none;
|
|
}
|
|
#header {
|
|
background: white;
|
|
/*min-height: 50px;
|
|
padding: 20px;*/
|
|
text-align: left;
|
|
}
|
|
#header a {
|
|
color: #151f25;
|
|
text-decoration: none;
|
|
}
|
|
#header a:hover {
|
|
color: #454f85;
|
|
text-decoration: none;
|
|
}
|
|
#header div {
|
|
margin: 0 auto;
|
|
width: 85%;
|
|
}
|
|
#header img {
|
|
vertical-align: middle;
|
|
}
|
|
#header img {
|
|
margin-right: 50px;
|
|
}
|
|
#header ul {
|
|
display: inline;
|
|
}
|
|
/*#header ul li:hover {
|
|
background-color: silver;
|
|
}*/
|
|
#header ul li {
|
|
color: black;
|
|
display: inline;
|
|
font-family: "ngs2";
|
|
font-size: 18px;
|
|
margin-right: 50px;
|
|
text-align: center;
|
|
}
|
|
#main {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.con {
|
|
max-width: 500px;
|
|
min-width: 250px;
|
|
/*width: 500px;*/
|
|
padding: 20px;
|
|
}
|
|
.box {
|
|
color: #97e2fc;
|
|
background-color: rgba(38,53,63,0.80);
|
|
/*background-color: #151f25;*/
|
|
margin: 0 0 20px 0;
|
|
padding: 0 0 20px 0;
|
|
text-align: left;
|
|
text-shadow: -1px -1px 0 rgba(0,0,0,0.66), 1px -1px 0 rgba(0,0,0,0.66), -1px 1px 0 rgba(0,0,0,0.66), 1px 1px 0 rgba(0,0,0,0.66);
|
|
width: 100%;
|
|
}
|
|
.box table {
|
|
border-spacing: 0;
|
|
color: white;
|
|
margin: 0 auto;
|
|
width: 95%;
|
|
}
|
|
tr {
|
|
background-image: url("tr_bg.png");
|
|
background-repeat: no-repeat;
|
|
background-position: left bottom;
|
|
}
|
|
td {
|
|
padding: 0 5px;
|
|
|
|
}
|
|
td:first-child {
|
|
color: #97e2fc;
|
|
}
|
|
td:last-child {
|
|
text-align: right;
|
|
}
|
|
.st tr td:nth-child(2) {
|
|
text-align: right;
|
|
}
|
|
.st tr td:last-child {
|
|
width: 45%;
|
|
}
|
|
|
|
.box h1 {
|
|
/* background-color: #495a61; */
|
|
background-color: rgba(128,128,128,0.50);
|
|
color: white;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
margin-bottom: 10px;
|
|
padding: 10px;
|
|
text-align: left;
|
|
}
|
|
.box h2 {
|
|
/* background-color: #495a61; */
|
|
color: white;
|
|
font-weight: normal;
|
|
font-size: 18px;
|
|
/* margin-bottom: 20px;
|
|
padding: 10px; */
|
|
margin: 0 auto 10px auto;
|
|
text-align: left;
|
|
width: 95%;
|
|
}
|
|
.box h2 img {
|
|
margin-right: 5px;
|
|
vertical-align: top;
|
|
}
|
|
.box h2:hover {
|
|
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
|
|
}
|
|
.da {
|
|
color: white;
|
|
text-align: right;
|
|
}
|
|
.da span {
|
|
background-color: rgba(20,29,40,0.66);
|
|
padding: 5px;
|
|
}
|
|
.da span:hover {
|
|
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
|
|
}
|
|
.ba tr:hover {
|
|
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
|
|
}
|
|
.bu {
|
|
margin: 0 auto;
|
|
width: 90%;
|
|
}
|
|
.bu li:hover {
|
|
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
|
|
}
|
|
.bu li ul {
|
|
width: 100%;
|
|
}
|
|
.bu li ul li {
|
|
width: 100%;
|
|
padding-left: 20px;
|
|
}
|
|
.bu li ul li:hover {
|
|
background: transparent;
|
|
}
|
|
.box p {
|
|
margin: 0 auto;
|
|
width: 95%;
|
|
}
|
|
.boxmenu {
|
|
display: inline;
|
|
}
|
|
/*.boxmenu li:first-child {
|
|
background-color: transparent;
|
|
border-bottom: 0;
|
|
}
|
|
.boxmenu li:nth-child(2) {
|
|
background: linear-gradient(135deg,#60461b,#b0a34e);
|
|
border-bottom: 4px solid #ffd602;
|
|
}*/
|
|
.boxmenu .selected{
|
|
background: linear-gradient(135deg,#60461b,#b0a34e);
|
|
border-bottom: 4px solid #ffd602;
|
|
}
|
|
.boxmenu .selected:hover{
|
|
cursor:pointer;
|
|
}
|
|
.boxmenu li {
|
|
background-color: silver;
|
|
color: white;
|
|
display: inline;
|
|
font-size: 18px;
|
|
margin-left: 5px;
|
|
padding: 0 9px;
|
|
border-bottom: 4px solid silver;
|
|
}
|
|
.boxmenu li:hover {
|
|
background: linear-gradient(135deg,#b0a34e,#ffd602);
|
|
border-bottom: 4px solid #ffd602;
|
|
cursor:pointer;
|
|
}
|
|
.box h3 {
|
|
font-size: 12pt;
|
|
font-weight: normal;
|
|
padding: 0 5px;
|
|
margin: 5px;
|
|
border-bottom: 1px solid rgba(128,128,128,0.5);
|
|
}
|
|
.we {
|
|
color: white;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.we div {
|
|
background: linear-gradient(rgba(0,0,0,0) 15%,rgba(128,128,128,0.50) 15%);
|
|
/* background-image: url("we_bg.png");
|
|
background-repeat:repeat-x;
|
|
background-position: left bottom;*/
|
|
min-height: 128px;
|
|
max-width: 118px;
|
|
min-width: 100px;
|
|
width: 23%;
|
|
padding: 0 0 10px 0;
|
|
text-align: center;
|
|
}
|
|
.we div img {
|
|
margin-bottom: 10px;
|
|
}
|
|
.we div:hover {
|
|
background: linear-gradient(rgba(0,0,0,0) 15%,rgba(76,113,126,0.66) 15%,rgba(113,169,189,00.66));
|
|
}
|
|
.we div h3 {
|
|
background-image: none;
|
|
/* background-image: url("tr_bg.png");
|
|
background-repeat: no-repeat;
|
|
background-position: left bottom;*/
|
|
color: #97e2fc;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
margin: 0 0 10px 0;
|
|
padding: 0;
|
|
}
|
|
.de {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.de div {
|
|
/* background: linear-gradient(rgba(0,0,0,0) 18%,rgba(128,128,128,0.50) 18%);
|
|
background-image: url("we_bg.png");
|
|
background-repeat:repeat-x;
|
|
background-position: left bottom;*/
|
|
max-width: 250px;
|
|
min-width: 100px;
|
|
width: 50%;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-align: left;
|
|
}
|
|
.aug li {
|
|
background-color: rgba(128,128,128,0.50);
|
|
color: white;
|
|
margin: 0 0 5px 10px;
|
|
padding: 5px;
|
|
}
|
|
.aug li img {
|
|
vertical-align: middle;
|
|
}
|
|
.aug li:hover {
|
|
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
|
|
}
|
|
.pr li {
|
|
margin: 0 10px 2px 10px;
|
|
padding: 5px;
|
|
}
|
|
.pr li span {
|
|
color:white
|
|
}
|
|
.pr li:hover {
|
|
background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
|
|
}
|
|
.ye {
|
|
color: #ffb74c;
|
|
}
|
|
|
|
.hover:hover{
|
|
background-color:rgba(255,255,0,0.4);
|
|
cursor:pointer;
|
|
}
|
|
|
|
input#editBox{
|
|
height:18px;
|
|
width:50%;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
text-align:right;
|
|
}
|
|
.popup{
|
|
position:absolute;
|
|
background-color: rgba(128,128,128,0.9);
|
|
max-width: 250px;
|
|
min-width: 100px;
|
|
padding: 20px;
|
|
}
|
|
.popup button{
|
|
margin:5px;
|
|
width:48px;
|
|
font-size:12px;
|
|
overflow:wrap;
|
|
background-color:rgba(64,64,96,0.9);
|
|
color:rgba(210,210,210,1);
|
|
}
|
|
button{
|
|
padding:0px 3px 0px 3px;
|
|
border: 1px black solid;
|
|
background-color:gray;
|
|
color:white;
|
|
font-family: ngs,sans-serif;
|
|
font-size: 16px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-shadow: -1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
|
|
}
|
|
|
|
.w-25{
|
|
min-width:25%;
|
|
width:25%;
|
|
} |