Current state

This commit is contained in:
2026-02-07 08:23:18 +01:00
commit 0a4372c40d
22479 changed files with 1553543 additions and 0 deletions

775
public/css/toolbar.css Normal file
View File

@@ -0,0 +1,775 @@
/*
#toolbar {
width:100%;
height:60px;
position:fixed;
top:0;
left:0;
background:url(/gfx/header_trans.png) top repeat-x;
z-index:1000;
}
.toolbarMenu {
width:100%;
margin:0 auto;
text-align:left;
}
*/
.sb_toolbarLogo {
background:url(/gfx/sb_logo2.png) no-repeat;
text-indent:-10000px;
width:150px;
margin-left:10px !important;
margin-top:4px !important;
margin-right:30px;
}
/*
.toolbarLogo {
background:url(/gfx/sb_logo.png) no-repeat;
width:163px;
height:60px;
display:block;
text-indent:-10000px;
margin-top:3px;
margin-left:10px;
float:left;
margin-right:10px;
}
#searchBox {
height:23px;
width:168px;
margin-top:20px;
font-size:14px;
color:#666;
cursor:text;
border:0;
background: url(/gfx/search-button.png) left no-repeat;
float:left;
margin-right:5px;
margin-left:5px;
}
#searchBox input[type=text]{
background:none;
border:0;
height:17px;
margin-top:3px;
padding-left:3px;
margin-left:12px;
width:120px;
color:#444;
}
#searchBox input[type=submit]{
width:24px;
background:none;
border:0;
margin-left:5px;
text-indent:-10000px;
}
#dropMenu {
float:left;
list-style:none;
margin:0;
padding:0;
}
#dropMenu li {
float:left;
height:58px;
margin-right:1px;
padding-left:10px;
padding-right:10px;
margin-top:1px;
font-size:13px;
border-left:solid 1px transparent;
border-right:solid 1px transparent;
}
#dropMenu li a {
padding-top:22px;
color:#ccc;
display:block;
height:27px;
float:left;
}
#dropMenu li:hover a {
color:#fab206;
}
#dropMenu li:hover{
background:#131a22;
border-left:solid 1px #333;
border-right:solid 1px #333;
}
#dropMenu li.selected {
background:#131a22;
border-right:solid 1px #333;
border-left:solid 1px #333;
color:#ddd;
}
#dropMenu li.selected a {
color:#ddd;
}
#browserMenuList {
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
min-height:150px;
width:217px;
display:none;
padding:0;
margin:0;
margin-top:3px;
margin-left:4px;
list-style:none;
margin-left:10px;
box-shadow:0 2px 5px rgba(0,0,0,0.5);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5);
background:rgba(200,200,200,0.5) url(/gfx/dropdown_slice.png) no-repeat -99999px;
}
#browserMenuList li {
height:85px;
cursor:pointer;
position:relative;
padding-top:3px;
color:#999;
text-align:center;
background:url('/gfx/dropdown_slice.png') repeat-x #222;
background-image:url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png');
background-position: 50% -171px, 0 -85px, 0 0;
background-repeat: no-repeat, no-repeat, repeat-x;
}
#browserMenuList img {
padding-left:15px;
padding-top:10px;
float:left;
}
#browserMenuList b {
text-align:left;
margin-top:30px;
padding-left:100px;
display:block;
}
#browserMenuList li a{
color:#eee;
}
#browserMenuList li:hover{
background-position: 50% -256px, 0 -85px, 0 0;
}
#browserMenuListMain {
min-height:150px;
width:200px;
padding:0;
margin:0;
margin-top:3px;
margin-left:4px;
list-style:none;
margin-left:10px;
}
#browserMenuListMain li{
height:85px;
cursor:pointer;
position:relative;
padding-top:3px;
color:#999;
text-align:center;
background:url('/gfx/dropdown_slice.png') repeat-x #222;
background-image:url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png'),url('/gfx/dropdown_slice.png');
background-position: 50% -171px, 0 -85px, 0 0;
background-repeat: no-repeat, no-repeat, repeat-x;
}
#browserMenuListMain img {
padding-left:15px;
padding-top:10px;
float:left;
}
#browserMenuListMain b {
text-align:left;
margin-top:30px;
padding-left:100px;
display:block;
}
#browserMenuListMain li a{
color:#999;
}
#browserMenuListMain li:hover{
background-position: 50% -256px, 0 -85px, 0 0;
}
#loginMenu {
float:right;
margin:0px;
padding:0px;
width:180px;
margin-right:11px;
background:#131a22;
border-left:solid 1px #333;
border-right:solid 1px #333;
padding:0px;
height:56px;
}
#loginMenu span {
display:block;
height:35px;
font-size:13px;
color:#ccc;
margin-top:10px;
margin-left:5px;
margin-right:10px;
background:url(/gfx/arrow_down.png) right no-repeat;
cursor:pointer;
}
#loginMenu span:hover {
color:#eee;
}
#subLoginMenu {
background:#131a22;
background:rgba(19,26,34,0.95);
border-left:solid 1px #333;
border-right:solid 1px #333;
border-bottom:solid 1px #333;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
color:#eee !important;
min-height:90px;
display:none;
width:166px;
position:relative;
padding:5px;
right:6px;
top:2px;
margin-right:2px;
margin:0;
box-shadow:0 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
}
#subLoginMenu h5 {
margin:0px;
margin-top:3px;
color:#eee;
width:auto;
padding-bottom:2px;
padding-left:2px;
margin-bottom:.25em;
background:#567ca3;
padding:3px;
}
subLoginMenu ul {
}
#subLoginMenu li {
list-style:none;
color:#eee;
text-align:left;
padding:10px;
font-size:11px;
padding-top:4px;
padding-bottom:4px;
}
#subLoginMenu li:hover {
background:#fab206;
border-radius:5px;
color:#1a2027;
}
#subLoginMenu li a {
color:#eee;
}
#subLoginMenu a {
color:#eee;
}
#subLoginMenu li:hover a, #subLoginMenu li a:hover {
color:#1a2027;
}
#loginMenu form {
margin:5px;
color:#aaa;
}
#loginMenu form label {
padding-top:5px;
padding-bottom:3px;
color:#999;
margin-bottom:3px;
margin-top:4px;
}
#loginMenu input[type=submit] {
margin-top:5px;
margin-bottom:5px;
padding:6px;
font-size:14px;
width: 100px;
height:30px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 4px 9px;
background: -moz-linear-gradient(
top,
#161a20 0%,
#1f262d 50%,
#1f262d 50%,
#1f262d 75%,
#1f262d);
background: -webkit-gradient(
linear, left top, left bottom,
from(#161a20),
color-stop(0.50, #1f262d),
color-stop(0.50, #1f262d),
color-stop(0.75, #1f262d),
to(#1f262d));
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #4f5a6b;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(22,26,32,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(22,26,32,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(30,30,30,1);
}
#loginMenu input:hover[type=text],#loginMenu input:hover[type=password] {
border:solid 1px #fab206;
}
#loginMenu input:hover[type=submit] {
color:#f90;
}
#loginMenu input[type=text], #loginMenu input[type=password] {
width:130px;
padding: 5px;
font-size: 15px;
text-shadow: 0px 1px 0px #fff;
outline: none;
background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbe), to(#ffffff));
background: -moz-linear-gradient(top, #bcbcbe, #ffffff);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #717171;
-webkit-box-shadow: 1px 1px 0px #333;
-moz-box-shadow: 1px 1px 0px #333;
box-shadow: 1px 1px 0px #333;
display:block;
margin-top:3px;
}
.minimalBtn {
background: #e3e3e3;
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
-ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
-o-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
line-height: 1;
padding: 8px 0 9px;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: 150px; }
.minimalBtn:hover {
background: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
-ms-box-shadow: inset 0 0 1px 1px #eaeaea;
-o-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer; }
.minimalBtn:active {
background: #d0d0d0;
-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
-ms-box-shadow: inset 0 0 1px 1px #e3e3e3;
-o-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;
color: #000; }
*/
/******************************** SEARCH BOX NEW ****************************************/
#search_box {
-webkit-font-smoothing: antialiased;
border-collapse: collapse;
font-family: Verdana, sans-serif;
white-space: nowrap;
width: 180px;
position:relative;
margin-right:30px;
margin-top:10px;
color:#f5f5f5;
}
#search_box button {
-webkit-font-smoothing: antialiased;
border-collapse: collapse;
font-family: Verdana, sans-serif;
font-size: 12px;
height: 27px;
position: absolute;
top: 0px;
right: -12px;
white-space: nowrap;
width: 25px;
z-index: 22;
background:none;
color:#f5f5f5;
border:0;
}
#search_box input[type=text] {
background: #101921;
border-radius: 3px;
border: 1px solid #112;
box-shadow: 0 1px 0 rgba(255,255,255,0.2),0 1px 1px rgba(0,0,0,0.3) inset;
box-sizing: border-box;
font-size: 13px;
height: 29px;
letter-spacing: -1px;
line-height: 22px !important;
outline: none;
padding: 3px 25px 2px 5px;
transition: all .1s ease-in;
width: 180px;
color:#bbb;
}
#search_box input[type=text]:hover {
background:#2f3d47;
}
#search_box input[type=text]:focus {
background:#2f3d47;
}
/****** YAMM3 ************/
/* layout */
/*!
* Yamm!3 - Yet another megamenu for Bootstrap 3
* http://geedmo.github.com/yamm3
*
* @geedmo - Licensed under the MIT license
*/
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
position: static;
}
.yamm .container {
position: relative;
}
.yamm .dropdown-menu {
left: auto;
}
.yamm .yamm-content {
padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
left: 0;
right: 0;
}
/***************************** navbar-skinbase *****************************************/
.menu_notice {
text-align:center;
margin:0;
padding:0;
height:50px;
background:rgba(30,30,30,0.2);
}
.nav>li.menu_notice>a {
border-left:solid 1px #000;
padding:10px 10px;
height:54px
}
.navbar-brand {
}
.navbar-logo {
background:url(/gfx/the_wallpapers_logo_50.png) no-repeat;
text-indent:-10000px;
min-width:310px;
}
.navbar-skinbase {
background:rgba(16, 25, 33, 0.9);
border-bottom:solid 1px #000;
box-shadow:0 0 14px #333;
z-index:1000;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.navbar-skinbase .navbar-brand {
color: #333;
}
.navbar-skinbase .navbar-brand:hover,
.navbar-skinbase .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-skinbase .navbar-text {
color: #000;
text-shadow:1px 1px 1px #eee;
}
.navbar-skinbase .navbar-nav {
}
.navbar-skinbase .navbar-nav > li > a {
color: #999;
}
.navbar-skinbase .navbar-nav > li > a:hover,
.navbar-skinbase .navbar-nav > li > a:focus {
color: #efe;
background-color: transparent;
}
.navbar-skinbase .navbar-nav > .active > a,
.navbar-skinbase .navbar-nav > .active > a:hover,
.navbar-skinbase .navbar-nav > .active > a:focus {
color: #333;
background: rgba(250, 250, 250, 0.7);
}
.navbar-skinbase .navbar-nav > .disabled > a,
.navbar-skinbase .navbar-nav > .disabled > a:hover,
.navbar-skinbase .navbar-nav > .disabled > a:focus {
color: #333;
text-shadow:1px 1px 1px #eee;
background-color: transparent;
}
.navbar-skinbase .navbar-toggle {
border-color: #ddd;
}
.navbar-skinbase .navbar-toggle:hover,
.navbar-skinbase .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-skinbase .navbar-toggle .icon-bar {
background-color: #888;
background: rgba(250, 250, 250, 0.7);
}
.navbar-skinbase .navbar-collapse,
.navbar-skinbase .navbar-form {
border-color: #e7e7e7;
}
.navbar-skinbase .navbar-nav > .open > a,
.navbar-skinbase .navbar-nav > .open > a:hover,
.navbar-skinbase .navbar-nav > .open > a:focus {
color: #fff;
background: rgba(250, 250, 250, 0.2);
}
.navbar-skinbase .dropdown {
background:rgba(10,10,10,0.2);
border-left:solid 1px #000;
min-height:53px
}
.navbar-skinbase .dropdown:hover {
background:rgba(80,80,80,0.2);
border-left:solid 1px #000;
}
.navbar-skinbase .dropdown-menu {
background:rgba(16, 25, 33, 0.9);
border-bottom:solid 1px #000;
box-shadow:0 0 14px #333;
color:#fff;
}
.navbar-skinbase .dropdown-menu a {
color:#aaa;
text-decoration:none;
}
.navbar-skinbase .dropdown-menu li:hover {
background:rgba(80,80,80,0.2);
}
.submenu {
list-style:none;
margin:0;
padding:0;
font-size:12px
}
@media (max-width: 767px) {
.navbar-skinbase .navbar-nav .open .dropdown-menu > li > a {
color: #fff;
}
.navbar-skinbase .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-skinbase .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-skinbase .navbar-nav .open .dropdown-menu > .active > a,
.navbar-skinbase .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-skinbase .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #eee;
background-color: #e7e7e7;
}
.navbar-skinbase .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-skinbase .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-skinbase .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-skinbase .navbar-link {
color: #777;
}
.navbar-skinbase .navbar-link:hover {
color: #333;
}
.navbar-skinbase .btn-link {
color: #777;
}
.navbar-skinbase .btn-link:hover,
.navbar-skinbase .btn-link:focus {
color: #333;
}
.navbar-skinbase .btn-link[disabled]:hover,
fieldset[disabled] .navbar-skinbase .btn-link:hover,
.navbar-skinbase .btn-link[disabled]:focus,
fieldset[disabled] .navbar-skinbase .btn-link:focus {
color: #ccc;
}
.dropdown-menu > li > a {
color: #aaa;
font-size:13px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #eee;
text-decoration: none;
background:rgba(36, 45, 53, 0.8);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #428bca;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background:rgba(100, 100, 100, 0.6);
box-shadow:0px -1px 1px #000;
}