html{
background-color:#87CEEB
}
body{
font-family:sans-serif;
width:80%;
margin:auto;
font-size:12pt;
}
h1, #msgbelow{
display:block;
text-align:center;
}
#linkstable tr th{
padding:10px;
font-size:110%;
margin:0;
border: 3px solid black;
border-bottom:none;
}
#linkstable td{
text-align:center;
padding: 5px ;
}
#linkstable input{
padding:10px;
margin:5px;
margin-top:10px;
}
#linkstable table{
margin-top:10px;
border: 1px solid black;
}
#linkstable td{
border:1px solid black;
}
#logoutbtn {
display: inline;
float:right;
top: 0;
right: 0;
position:absolute;
}
#msg{
display:block;
margin-left:auto;
margin-right:auto;
border: 1px solid black;
overflow: -moz-scrollbars-none;
resize:vertical;
width:50%;
-ms-overflow-style:none;
}
#msg::-webkit-scrollbar {
width: 0 !important
}
#success {
color:green;
}
#failure {
color:red;
}
#loginbox #loginerr{
border:none;
margin-right:auto;
margin-left:auto
}
#loginbox input {
width:100%;
padding: 5px;
line-height:25px;
}
#loginbox td {
text-align:right;
border:none;
}
#loginbox tr {
border:none;
}
#authbtn td {
text-align:center;
}
#authbtn input {
width:100px;
}
#mailfied {
padding: 10px
}
#refreshbtn, #deletelinkbtn, #deleteallbtn,
#logoutbtn, #genlinkbtn, #sendbtn {
border-radius:0
border:3px outset silver;
padding:15px;
margin:5px;
}
#mailfield {
padding: 10px;
}
@media screen and (max-width: 740px) {
body {
font-size:0.8em;
}
h1{
font-size:1.5em;
}
#linkstable th,td{
padding:3px;
}
#linkstable input{
padding:4px;
margin:2px;
margin-top:10px;
}
#loginbox input{
padding: 2px;
line-height:15px;
}
#logoutbtn {
float:none;
top:unset;
right:unset;
position:revert;
}
#mailfield{
padding: 3px;
}
#msg {
width:50%;
margin:0;
}
#msgbelow {
text-align:left;
}
#refreshbtn, #deletelinkbtn, #deleteallbtn,
#logoutbtn, #genlinkbtn, #sendbtn {
padding: 8px
}
#genlinkbtn{
display:block
}
#sendbtn {
display:inline
}
}