ulysia/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slightly better header

Browse source
This commit is contained in:
Marcin Kurczewski 2013-10-15 21:38:58 +02:00
parent 1b3ce29b46
commit f42ed135fa
2 changed files with 48 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
public_html/media/css/core.css
View file

@ -31,16 +31,17 @@ body {
color: black; color: black;
} }
.main-wrapper {
margin: 0 1.5em;
}
#top-nav ul.main-nav { #top-nav ul.main-nav {
margin: 0 -0.75em; margin: 0 -0.75em;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
.main-wrapper {
margin: 0 1.5em;
}
#top-nav li.main-nav-item { #top-nav li.main-nav-item {
display: inline-block; display: inline-block;
} }
@ -52,12 +53,11 @@ body {
margin-bottom: 3px; margin-bottom: 3px;
text-decoration: none; text-decoration: none;
} }
#top-nav li.main-nav-item a { #top-nav li.main-nav-item a {
padding: 0.2em 0.75em; line-height: 35px;
padding: 0 10px;
outline: 0; outline: 0;
} }
#top-nav li.main-nav-item a:focus, #top-nav li.main-nav-item a:focus,
#top-nav li.main-nav-item a:hover { #top-nav li.main-nav-item a:hover {
color: firebrick; color: firebrick;
@ -65,6 +65,18 @@ body {
margin-bottom: 0; margin-bottom: 0;
} }
#top-nav li.search {
float: right;
background: white;
margin: 0;
padding: 0 5px;
line-height: 38px;
}
#top-nav li.search input {
border: 0;
padding: 5px;
}
#top-nav li.safety { #top-nav li.safety {
float: right; float: right;
} }
@ -74,32 +86,29 @@ body {
padding: 0; padding: 0;
} }
#top-nav li.safety li { #top-nav li.safety li {
display: inline-block; display: inline;
} }
#top-nav li.safety a { #top-nav li.safety a {
display: inline-block; display: inline-block;
width: 20px; float: left;
height: 20px; width: 25px;
border: 1px solid black; line-height: 38px;
margin-right: -1px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
} }
#top-nav li.safety span { #top-nav li.safety span {
display: none; visibility: hidden;
} }
#top-nav li.safety .safety-safe .enabled { background: lime; } #top-nav li.safety a:hover { opacity: .7; }
#top-nav li.safety .safety-safe .disabled { background: green; } #top-nav li.safety a.inactive { opacity: 1; }
#top-nav li.safety .safety-sketchy .enabled { background: yellow; } #top-nav li.safety .safety-safe .enabled { background: linear-gradient(to bottom, #CFE6C2 0%, #80C670 100%); }
#top-nav li.safety .safety-sketchy .disabled { background: olive; } #top-nav li.safety .safety-safe .disabled { background: linear-gradient(to bottom, #a0a0a0 0%, #808080 100%); }
#top-nav li.safety .safety-unsafe .enabled { background: red; } #top-nav li.safety .safety-sketchy .enabled { background: linear-gradient(to bottom, #F0F4C8 0%, #EBE57A 100%); }
#top-nav li.safety .safety-unsafe .disabled { background: maroon; } #top-nav li.safety .safety-sketchy .disabled { background: linear-gradient(to bottom, #a0a0a0 0%, #808080 100%); }
#top-nav li.safety .safety-unsafe .enabled { background: linear-gradient(to bottom, #FBC6B6 0%, #F37865 100%); }
#top-nav li.safety .safety-unsafe .disabled { background: linear-gradient(to bottom, #a0a0a0 0%, #808080 100%); }
#top-nav li.search {
float: right;
background: white;
margin: 0 0.25em;
}
#top-nav li.search input {
border: 0;
}
footer { footer {
text-align: center; text-align: center;
@ -110,10 +119,7 @@ footer {
color: silver; color: silver;
} }
.clear {
display: block;
clear: both;
}
#sidebar { #sidebar {
float: left; float: left;
@ -146,6 +152,8 @@ footer {
overflow: hidden; overflow: hidden;
} }
h1, h2, h3 { h1, h2, h3 {
font-weight: normal; font-weight: normal;
} }
@ -184,6 +192,8 @@ a:hover i[class*='icon-'] {
background-color: red; background-color: red;
} }
form.aligned input, form.aligned input,
form.aligned button { form.aligned button {
vertical-align: text-top; vertical-align: text-top;
@ -253,6 +263,7 @@ button:hover {
} }
.alert { .alert {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
@ -279,3 +290,8 @@ button:hover {
.inactive { .inactive {
opacity: .5; opacity: .5;
} }
.clear {
display: block;
clear: both;
}

2
src/Views/layout-normal.phtml
View file

@ -69,7 +69,7 @@
<?php foreach (PostSafety::getAll() as $safety): ?> <?php foreach (PostSafety::getAll() as $safety): ?>
<?php if (PrivilegesHelper::confirm($this->context->user, Privilege::ListPosts, PostSafety::toString($safety))): ?> <?php if (PrivilegesHelper::confirm($this->context->user, Privilege::ListPosts, PostSafety::toString($safety))): ?>
<li class="safety-<?php echo strtolower(PostSafety::toString($safety)) ?>"> <li class="safety-<?php echo strtolower(PostSafety::toString($safety)) ?>">
<a href="<?php echo \Chibi\UrlHelper::route('user', 'toggle-safety', ['safety' => $safety]) ?>" class="<?php echo $this->context->user->hasEnabledSafety($safety) ? 'enabled' : 'disabled' ?>"> <a href="<?php echo \Chibi\UrlHelper::route('user', 'toggle-safety', ['safety' => $safety]) ?>" class="<?php echo $this->context->user->hasEnabledSafety($safety) ? 'enabled' : 'disabled' ?>" title="Searching <?php echo strtolower(PostSafety::ToString($safety)) ?> posts: <?php echo $this->context->user->hasEnabledSafety($safety) ? 'enabled' : 'disabled' ?>">
<span><?php echo PostSafety::toString($safety) ?></span> <span><?php echo PostSafety::toString($safety) ?></span>
</a> </a>
</li> </li>