szurubooru/public_html/media/css/core.css

185 lines
2.5 KiB
CSS
Raw Normal View History

@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: 400;
src: local('Droid Sans'), local('DroidSans'), url(../fonts/DroidSans.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Sans';
font-style: normal;
font-weight: 700;
src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(../fonts/DroidSans-Bold.ttf) format('truetype');
}
body {
background: white;
color: black;
margin: 0;
padding: 0;
2013-10-07 00:44:17 +02:00
font-family: 'Droid Sans', sans-serif;
font-size: 12pt;
}
#content {
padding: 0;
2013-10-10 00:12:27 +02:00
margin: 1.5em 0;
}
2013-10-09 11:45:18 +02:00
#top-nav {
background: #eee;
color: black;
}
2013-10-09 11:45:18 +02:00
#top-nav ul {
2013-10-10 00:12:27 +02:00
margin: 0 -0.75em;
padding: 0;
list-style-type: none;
}
2013-10-12 12:38:49 +02:00
.main-wrapper {
margin: 0 1.5em;
}
2013-10-09 11:45:18 +02:00
#top-nav li {
display: inline-block;
}
2013-10-09 11:45:18 +02:00
#top-nav li input,
#top-nav li a {
color: black;
display: inline-block;
margin-bottom: 3px;
text-decoration: none;
}
2013-10-09 11:45:18 +02:00
#top-nav li a {
padding: 0.2em 0.75em;
outline: 0;
}
2013-10-09 11:45:18 +02:00
#top-nav li.search {
background: white;
margin: 0 0.25em;
padding: 0.2em 0.5em;
}
2013-10-09 11:45:18 +02:00
#top-nav li a:focus,
#top-nav li a:hover {
color: firebrick;
border-bottom: 3px solid firebrick;
margin-bottom: 0;
}
2013-10-09 11:45:18 +02:00
#top-nav li.search input {
border: 0;
}
.clear {
2013-10-12 12:38:49 +02:00
display: block;
clear: both;
}
2013-10-07 00:44:17 +02:00
#sidebar {
float: left;
2013-10-12 12:38:49 +02:00
width: 256px;
margin-right: 2em;
}
#sidebar .sidebar-unit {
2013-10-12 14:53:47 +02:00
margin: 0 0 1.5em 0;
padding: 0.75em;
2013-10-12 12:38:49 +02:00
border: 1px solid #eee;
padding-left: 0;
border-left: 0;
2013-10-07 00:44:17 +02:00
}
#sidebar h1 {
margin-top: 0;
2013-10-13 12:28:16 +02:00
}
h1, h2, h3 {
2013-10-07 00:44:17 +02:00
font-weight: normal;
}
#inner-content {
overflow: hidden;
}
2013-10-09 00:58:49 +02:00
p:first-child,
h1:first-child {
margin-top: 0;
}
2013-10-12 10:46:15 +02:00
a {
color: firebrick;
text-decoration: none;
outline: 0;
}
a:focus,
a:hover {
color: red;
}
i[class*='icon-'] {
background-image: url('../img/icons.png');
background-repeat: no-repeat;
display: inline-block;
}
a i[class*='icon-'] {
background-color: firebrick;
}
a:focus i[class*='icon-'],
a:hover i[class*='icon-'] {
background-color: red;
}
2013-10-12 19:28:52 +02:00
2013-10-13 00:36:10 +02:00
input,
button {
font-family: inherit;
}
input:not([type=radio]):not([type=checkbox]) {
border: 1px solid #ccc;
}
button {
font-size: 115%;
padding: 0.2em 0.7em;
color: white;
background: cornflowerblue;
border: 0;
}
button:hover {
background-color: royalblue;
cursor: pointer;
}
2013-10-12 19:28:52 +02:00
.alert {
text-align: center;
padding: 10px;
border-style: solid;
border-width: 1px;
2013-10-12 22:37:18 +02:00
max-width: 500px;
margin: 0 auto;
2013-10-12 19:28:52 +02:00
}
.alert-error {
border-color: #faa;
background-color: #fdd;
}
.alert-warning {
border-color: #ffa;
background-color: #ffd;
}
2013-10-12 22:54:25 +02:00
footer {
text-align: center;
margin-top: 1em;
padding-top: 0.5em;
border-top: 1px solid #eee;
font-size: small;
color: silver;
}