Soshot/inc/style.css

125 lines
1.6 KiB
CSS
Raw Normal View History

2013-03-14 11:56:21 +01:00
html {
padding: 1em;
font-family: arial, sans-serif;
font-weight: bold;
line-height: 2em;
background-color: #dedede;
}
a {
text-decoration: none;
color:#8AC007;
}
a:hover {
text-decoration: underline;
}
a:visited {
color : #8AC007;
}
form, #result, #header, .message, .hMenu, #log {
2013-03-14 11:56:21 +01:00
padding: 1em;
text-align: center;
width: 50%;
margin: 1em auto;
2013-03-14 11:56:21 +01:00
background-color: #ffffff;
border-radius: 5px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.50), 0 85px 180px 0 #FFFFFF, 0 12px 8px -5px rgba(0, 0, 0, 0.95);
}
input, select {
height: 2em;
}
#result input[type=text] {
width: 80%;
display: inline-block;
}
2013-03-14 11:56:21 +01:00
input[type=url] {
width: 100%;
}
#result label {
2013-03-14 11:56:21 +01:00
margin-right: 1em;
width: 15%;
display: inline-block;
text-align: center;
2013-03-14 11:56:21 +01:00
}
form .info {
text-align: right;
margin: 0 0;
line-height: 0.8em;
font-size: 0.8em;
2013-03-14 11:56:21 +01:00
}
#result, #header {
2013-03-14 11:56:21 +01:00
text-align: center;
padding: 1em;
margin: 1em auto;
2013-03-14 11:56:21 +01:00
}
#result img {
box-shadow: 3px 3px 3px #cdcdcd;
border: 1px solid #cdcdcd;
border-radius: 5px;
}
.message {
background-color: orange;
}
.hMenu li {
display: inline-block;
font-size: 1.2em;
}
.hMenu li:after {
content: " / ";
}
.hMenu li:last-child:after {
content: "";
}
.clear {
text-align: right;
}
#log li {
text-align: left;
}
2013-03-14 11:56:21 +01:00
@media screen and (min-width: 320px) and (max-width: 800px) {
html {
padding: 0.1em;
}
form, #result {
2013-03-14 11:56:21 +01:00
width: 100%;
padding: 0.1em;
}
input[type=url] {
width: 99%;
height: 2em;
}
input[type=submit] {
width: 99%;
height: 2em;
}
label {
display: block;
}
2013-03-14 11:56:21 +01:00
select {
width: 99%;
height: 2em;
display: block;
}
}