138 lines
2.4 KiB
CSS
138 lines
2.4 KiB
CSS
|
@font-face {
|
||
|
|
font-family: "Merriweather";
|
||
|
|
src: url("/files/media/font.ttf");
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-family: 'Merriweather';
|
||
|
|
box-sizing: border-box;
|
||
|
|
cursor: url('/files/media/cursor.cur'), auto;
|
||
|
|
cursor: -webkit-image-set(
|
||
|
|
url('/files/media/cursor.png') 1x,
|
||
|
|
url('/files/media/cursor2x.png') 2x
|
||
|
|
), auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: #008080;
|
||
|
|
text-align: center;
|
||
|
|
color: black;
|
||
|
|
/*display: grid;
|
||
|
|
place-items: center;*/
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.padring {
|
||
|
|
padding: 3%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
width:650px;
|
||
|
|
background:#C0C0C0;
|
||
|
|
border-width:1px;
|
||
|
|
border-color:#FFFFFF #808080 #808080 #FFFFFF;
|
||
|
|
border-style:solid;
|
||
|
|
position:absolute;
|
||
|
|
top:50%;
|
||
|
|
left:50%;
|
||
|
|
transform: translate(-50%,-50%);
|
||
|
|
padding:1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.banner {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.left {
|
||
|
|
width: 394px;
|
||
|
|
display: inline-block;
|
||
|
|
text-align: left;
|
||
|
|
font-size: 80%;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.right {
|
||
|
|
width: 248px;
|
||
|
|
display: inline-block;
|
||
|
|
text-align: right;
|
||
|
|
font-size: 80%;
|
||
|
|
vertical-align: top;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
button:focus{
|
||
|
|
outline:none;
|
||
|
|
}
|
||
|
|
div.title{
|
||
|
|
height:18px;
|
||
|
|
width:100%;
|
||
|
|
background:#000080;
|
||
|
|
color:#FFF;
|
||
|
|
}
|
||
|
|
img.title{
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
p.title{
|
||
|
|
margin:2px 0 0 1px;
|
||
|
|
float:left;
|
||
|
|
font-weight:bold;
|
||
|
|
font-size:11px;
|
||
|
|
}
|
||
|
|
.title button{
|
||
|
|
/*position:absolute;
|
||
|
|
right:3px;
|
||
|
|
top:3px;*/
|
||
|
|
margin:2px 2px 2px 0;
|
||
|
|
float:right;
|
||
|
|
width:14px;
|
||
|
|
height:13.5px;
|
||
|
|
background:#C0C0C0;
|
||
|
|
border-width:1px;
|
||
|
|
border-color:#FFFFFF #808080 #808080 #FFFFFF;
|
||
|
|
padding:0;
|
||
|
|
font-size:9px;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
focus:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
input, textarea {
|
||
|
|
background:#EEE;
|
||
|
|
border-width:1px;
|
||
|
|
border-color:#FFFFFF #808080 #808080 #FFFFFF;
|
||
|
|
border-style:solid;
|
||
|
|
padding:5px;
|
||
|
|
margin:3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=submit], .button, .keygen-link {
|
||
|
|
font-size:14px;
|
||
|
|
outline:1px solid #000000;
|
||
|
|
background:#C0C0C0;
|
||
|
|
border-width:1px;
|
||
|
|
border-style:solid;
|
||
|
|
border-color:#FFFFFF #808080 #808080 #FFFFFF;
|
||
|
|
padding:4px 10px;
|
||
|
|
margin:20px 3px;
|
||
|
|
display:inline;
|
||
|
|
position:relative;
|
||
|
|
bottom:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.keygen-algorithm { /* algorithm dropdown (select) */ }
|
||
|
|
.keygen-pkeyopts { display: none; /* additional key options (text input) */ }
|
||
|
|
.keygen-status { /* status/progress (span) */ }
|
||
|
|
.keygen-link { /* generated certificate download link (a) */ }
|
||
|
|
|
||
|
|
.powered {
|
||
|
|
color: #444;
|
||
|
|
text-shadow: #DDD 1px 1px 0;
|
||
|
|
border-top: 2px groove #DDD;
|
||
|
|
}
|
||
|
|
|
||
|
|
::selection {
|
||
|
|
background-color: orange;
|
||
|
|
}
|