You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
167 lines
2.6 KiB
CSS
167 lines
2.6 KiB
CSS
4 years ago
|
* {
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
-webkit-box-sizing:border-box;
|
||
|
-moz-box-sizing:border-box;
|
||
|
box-sizing:border-box;
|
||
|
}
|
||
|
html,
|
||
|
body {
|
||
|
height:100%;
|
||
|
min-height:100%;
|
||
|
|
||
|
}
|
||
|
body {
|
||
|
background: rgb(59,129,38);
|
||
|
background: radial-gradient(circle, rgba(59,129,38,1) 0%, rgba(218,0,255,1) 100%);
|
||
|
font:normal normal 11px/1.4 Tahoma,Verdana,Arial,Sans-Serif;
|
||
|
color:#4133B0;
|
||
|
}
|
||
|
a {
|
||
|
color:#666;
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
a:focus,
|
||
|
a:hover {text-decoration:underline}
|
||
|
button,
|
||
|
input,
|
||
|
textarea {
|
||
|
display:inline-block;
|
||
|
*display:inline;
|
||
|
width:50%;
|
||
|
text-align:left;
|
||
|
margin:0 0 2px;
|
||
|
padding:4px;
|
||
|
font:inherit;
|
||
|
line-height:1;
|
||
|
color:#00ffe9;
|
||
|
background-color:#FFE6D1;
|
||
|
border:1px solid #999;
|
||
|
}
|
||
|
input {display:block}
|
||
|
textarea {
|
||
|
display:block;
|
||
|
resize:vertical;
|
||
|
line-height:inherit;
|
||
|
height:80px;
|
||
|
}
|
||
|
button::-moz-focus-inner,
|
||
|
input::-moz-focus-inner {
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
border:none;
|
||
|
outline:none;
|
||
|
}
|
||
|
button {
|
||
|
width:auto;
|
||
|
padding:5px 8px;
|
||
|
background-color:#ECDE8C;
|
||
|
border-color:#BCAF6F;
|
||
|
color:#5D5A31;
|
||
|
font-weight:bold;
|
||
|
cursor:pointer;
|
||
|
float:right;
|
||
|
}
|
||
|
input:focus,
|
||
|
textarea:focus {color:#333}
|
||
|
button:focus,
|
||
|
button:hover {
|
||
|
background-color:#E0D183;
|
||
|
border-color:#9D935D;
|
||
|
}
|
||
|
input[name="math"] {
|
||
|
display:inline-block;
|
||
|
display:*inline;
|
||
|
width:30px;
|
||
|
}
|
||
|
#messagegif{
|
||
|
float:right;
|
||
|
width: 80%;
|
||
|
}
|
||
|
#gifgif{
|
||
|
float: right;
|
||
|
}
|
||
|
.guestbook {
|
||
|
width:40%;
|
||
|
padding:10px;
|
||
|
float: right;
|
||
|
}
|
||
|
.guestbook form label {
|
||
|
display:block;
|
||
|
float:left;
|
||
|
width:50px;
|
||
|
text-align:right;
|
||
|
padding-top:3px;
|
||
|
}
|
||
|
.guestbook form div {margin-left:58px}
|
||
|
.guestbook hr {
|
||
|
height:0;
|
||
|
border:none;
|
||
|
border-top:1px solid #999;
|
||
|
margin:10px 0 10px;
|
||
|
}
|
||
|
#carddiv{
|
||
|
width:30%;
|
||
|
float:left;
|
||
|
padding-left:10%;
|
||
|
}
|
||
|
#fishcard{
|
||
|
|
||
|
}
|
||
|
|
||
|
.guest-messages {
|
||
|
border:1px solid #aaa;
|
||
|
/*
|
||
|
height:300px;
|
||
|
overflow:auto;
|
||
|
*/
|
||
|
}
|
||
|
.guest-item {
|
||
|
border-top:1px solid #aaa;
|
||
|
padding:4px;
|
||
|
position:relative;
|
||
|
background-color:#FCF5FF;
|
||
|
}
|
||
|
.guest-item:first-child {border-top:none}
|
||
|
.guest-name {
|
||
|
font-weight:bold;
|
||
|
margin-left:2px;
|
||
|
color:#239183;
|
||
|
}
|
||
|
.guest-timestamp {
|
||
|
float:right;
|
||
|
margin-right:2px;
|
||
|
}
|
||
|
.guest-message {
|
||
|
display:block;
|
||
|
clear:both;
|
||
|
margin-top:4px;
|
||
|
padding:4px 6px;
|
||
|
background-color: #EAF7D7;
|
||
|
}
|
||
|
.guestbook-nav {
|
||
|
margin:5px 0;
|
||
|
text-align:center;
|
||
|
}
|
||
|
label{
|
||
|
color:#00ffe9;
|
||
|
}
|
||
|
.message-error,
|
||
|
.message-warning {
|
||
|
padding:5px 10px;
|
||
|
background-color:#FFDBD8;
|
||
|
border-top:1px solid #aaa;
|
||
|
}
|
||
|
.message-warning {background-color:#DBFFD8}
|
||
|
.message-error:first-child,
|
||
|
.message-warning:first-child {border-top:none}
|
||
|
.clear {
|
||
|
display:block;
|
||
|
clear:both;
|
||
|
}
|
||
|
#rightyspace{
|
||
|
width:20%;
|
||
|
float:right;
|
||
|
height:100%;
|
||
|
}
|