@namespace url(
http://www.w3.org/1999/xhtml);
@-moz-document domain("bronies.de") {
* {
border-radius: 0px !important;
border-width: 0 !important;
text-shadow: none !important;
}
button, input.button, input[type="submit"], select, fieldset, .postbit_buttons > a, a.button, a[class^="pagination"], .go_page, .big_button {
background: #2D2D30 !important;
color: rgb(78, 201, 176) !important;
border-width: 0px !important;
padding: 5px 7px !important;
}
button:hover, button:focus, input.button:hover, input.button:focus, input[type="submit"]:hover, input[type="submit"]:focus, .postbit_buttons > a:hover, .postbit_buttons > a:focus, a.button:hover, a.button:focus, a[class^="pagination"]:hover, a[class^="pagination"]:focus, .go_page:hover, .go_page:focus, .big_button:hover, .big_button:focus {
background: #1e1e1e !important;
}
form[action$="search.php"] > input.button {
height: auto !important;
padding: 4px !important;
}
#quick_reply_form img, #smiley-sidebar img {
opacity: 0.5;
}
.smileyList > img:hover, #smiley-sidebar img:hover {
opacity: 1 !important;
}
.themedLabel {
position: relative;
}
.themedLabel > input {
visibility: hidden;
}
.themedBox {
position: relative;
display: inline-block;
background: #2D2D30 !important;
height: 8px;
width: 8px;
padding: 3px;
vertical-align: middle;
}
.themedBox:before {
content: "";
margin: 50%;
width: 0;
height: 0;
display: block;
background: rgb(78, 201, 176);
transition: 250ms;
transform: rotate(-180deg);
}
[type=radio] + .themedBox, [type=radio] + .themedBox:before {
border-radius: 100% !important;
}
:checked + .themedBox:before {
width: 100%;
height: 100%;
margin: 0;
transform: rotate(0);
}
body {
background: #0F0F0F !important;
}
#header {
background-color: rgb(78, 201, 176);
}
#logo, #logo a {
background: transparent;
color: rgba(0, 0, 0, 0.5) !important;
}
#menu {
background: rgba(0, 0, 0, 0.5);
}
#smiley-sidebar {
color: rgba(255,255,255,0.6) !important;
background: #3F3F46 !important;
background: rgba(224, 224, 255, 0.23) !important;
}
#container, #smiley-sidebar:hover, body > .navigation {
background: rgba(224, 224, 255, 0.23) !important;
color: white !important;
border: none;
}
.logo ~ #container { /*Desktop*/
width: calc(100% - 50px) !important;
max-width: 1000px !important;
}
.navigation ~ #container { /*Mobile*/
padding: 0px;
}
.navigation, .navigation .active, #copyright {
color: white !important;
}
a {
color: rgb(78, 201, 176) !important;
}
.pagination {
background: none;
border: none;
}
.pagination a.pagination_current {
color: white !important;
}
.pagination span.pagination_current {
background: #333337;
border: none;
color: white !important;
}
.go_page {
position: relative;
}
.go_page img {
opacity: 0 !important;
}
.logo ~ #container .go_page:before { /*Desktop only*/
content: "";
position: absolute;
top: 5px;
left: 7px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 6px solid rgb(78, 201, 176);
margin: 5px 1px;
}
.drop_go_page {
padding-left: 7px;
}
.drop_go_page[style*="display: block;"] + .go_page:before {
border-top-color: white;
}
.navigation > img {
border-left: 7px transparent;
border-right: 7px transparent;
border-top: 6px rgb(78, 201, 176);
}
table {
color: white !important;
border-spacing: 0px !important;
}
table[id^="post_"] {
margin: 0px !important;
}
.tborder, .trow1, .trow2, .trow3, div.post_content, .post_manage {
background: #1E1E1E !important;
color: white !important;
}
.pollbar {
background: white !important;
}
.forumbit_depth2_forum_description {
background: transparent !important;
border: none !important;
}
tr[class*="new"] > td {
background: rgba(78, 201, 176, 0.1) !important;
}
tr[class*="dot"][class*="new"] > td {
background: rgba(78, 201, 176, 0.2) !important;
}
.highlight {
background: rgb(78, 201, 176) !important;
color: #2D2D30 !important;
}
.tcat, .tfoot, .trow_sep, .post_author {
background: #333337 !important;
color: white !important;
}
.thead {
background: #2D2D30 !important;
color: white;
}
[class*="postbit_"] span, .new_reply_button span, .new_thread_button span, .closed_button span {
background-image: url("http://files.raptilic.us/themes/darkbroniesde/images/buttons_sprite.png") !important;
}
.postbit_totop span {
background-image: url(
http://files.raptilic.us/themes/darkbron...ump_up.png) !important;
position: relative;
top: 2px;
}
.welcomeblock_bar1, .welcomeblock_bar2, #panel, .bottommenu, #newsmessagebar {
background: #333337 !important;
border: none !important;
padding: 3px !important;
color: white !important;
box-sizing: border-box;
}
#panel, .bottommenu {
padding: 8px !important;
}
.spoiler_header, .spoiler_body, blockquote, .codeblock, cite {
background: #2D2D30 !important;
color: white !important;
border-color: #1E1E1E !important;
border-width: 2px !important;
padding: 8px !important;
}
.logo ~ #container cite { /*Desktop only*/
padding: 0px !important;
}
.post_body > div > .spoiler_header, .signature > div > .spoiler_header, .post_body > div > .spoiler_body, .signature > div > .spoiler_body, .post_body > blockquote, .signature > blockquote, .post_body > .codeblock, .signature > .codeblock {
border-width: 2px 0 !important;
}
.spoiler_header:hover {
background: #3F3F46 !important;
}
hr {
background: white !important;
}
#quickreply_multiquote {
color: white !important;
background: #282828 !important;
border-width: 0px !important;
margin: 0px !important;
}
#message, #quickreply_multiquote, #quickreply_e div[style="width: 95%"], textarea[id^="quickedit_"] {
box-sizing: border-box !important;
width: 100% !important;
}
textarea, input[type="text"], .textbox, .select2-container, .select2-choices, .sceditor-container textarea {
border-color: #282828 !important;
border-width: 3px !important;
border-style: solid;
background-color: #0F0F0F !important;
color: white !important;
padding: 3px 7px;
}
.select2-input, .select2-container-multi .select2-choices .select2-search-field input.select2-active {
border: none !important;
background-color: #0F0F0F !important;
}
.select2-choice, .select2-arrow {
background: #2D2D30 !important;
color: white !important;
border-width: 0px !important;
box-shadow: none !important;
padding: 4px !important;
padding-left: 9px !important;
}
.select2-search-choice {
background: #2D2D30 !important;
color: white !important;
border-width: 0px !important;
box-shadow: none !important;
padding: 7px !important;
padding-left: 19px !important;
}
.select2-search-choice-close {
top: 8px !important;
left: 5px !important;
}
.select2-search-field {
margin-top: 3px !important;
margin-left: 3px !important;
}
.select2-drop {
margin-top: 0px !important;
}
.select2-drop, .select2-no-results, .select2-searching {
color: white !important;
background: #282828 !important;
border-width: 0px !important;
}
.select2-results {
padding: 0px !important;
margin: 0px !important;
}
.select2-highlighted {
background: #3F3F46 !important;
}
a:hover {
opacity: 0.7 !important;
}
.usercp_container {
border: none !important;
}
.usercp_container > img {
width: 150px !important;
height: 150px !important;
}
.popup_menu {
background: #2D2D30 !important;
border: none !important;
}
.popup_item_container {
margin: 0px !important;
}
.popup_item {
background: #2D2D30 !important;
padding: 5px !important;
}
.popup_item:hover {
background: #1e1e1e !important;
}
.sceditor-container, .sceditor-toolbar, .sceditor-group {
background: #2D2D30 !important;
border: none !important;
}
.sceditor-container iframe {
background-color: #282828 !important;
}
body .sceditor-container.wysiwygMode > iframe > body *{
color: white !important;
}
.sceditor-dropdown, .sceditor-button {
background: #333337 !important;
border: none !important;
color: white !important;
}
.sceditor-button:hover {
background: #3F3F46 !important;
}
.sceditor-dropdown label {
color: white !important;
}
.sceditor-button div {background-image: url("http://files.raptilic.us/themes/darkbroniesde/images/famfamfam.png") !important;}
.sceditor-button-video div {background-image: url("http://files.raptilic.us/themes/darkbroniesde/images/video.png") !important;}
.sceditor-button-soundcloud div {background-image: url("http://files.raptilic.us/themes/darkbroniesde/images/soundcloud.png") !important;}
.sceditor-button-mixcloud div {background-image: url("http://files.raptilic.us/themes/darkbroniesde/images/mixcloud.png") !important;}
.sceditor-button-spoiler div {background-image: url("http://files.raptilic.us/themes/darkbroniesde/images/spoiler.png") !important;}
.sceditor-button-php div {background-image: url("http://files.raptilic.us/themes/darkbroniesde/images/php.png") !important;
}
.posticons_label img {
opacity: 0.5;
}
img[src*="images/icons/"], .stars > img {
width: 0;
height: 0;
padding: 8px;
}
td:nth-child(2n) .posticons_label input {
display: none;
}
.posticons_label:hover img, .posticons_label input:checked + img {
opacity: 1;
}
img[src$="images/icons/wink.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...s/wink.png);}
img[src$="images/icons/video.gif"] {background: url(
http://files.raptilic.us/themes/darkbron.../video.png);}
img[src$="images/icons/tongue.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...tongue.png);}
img[src$="images/icons/thumbsup.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...umbsup.png);}
img[src$="images/icons/thumbsdown.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...bsdown.png);}
img[src$="images/icons/star.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...s/star.png);}
img[src$="images/star.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...s/star.png);}
img[src$="images/icons/smile.gif"] {background: url(
http://files.raptilic.us/themes/darkbron.../smile.png);}
img[src$="images/icons/shocked.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...hocked.png);}
img[src$="images/icons/sad.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...ns/sad.png);}
img[src$="images/icons/rainbow.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...ainbow.png);}
img[src$="images/icons/question.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...estion.png);}
img[src$="images/icons/photo.gif"] {background: url(
http://files.raptilic.us/themes/darkbron.../photo.png);}
img[src$="images/icons/music.gif"] {background: url(
http://files.raptilic.us/themes/darkbron.../music.png);}
img[src$="images/icons/lightbulb.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...htbulb.png);}
img[src$="images/icons/information.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...mation.png);}
img[src$="images/icons/heart.gif"] {background: url(
http://files.raptilic.us/themes/darkbron.../heart.png);}
img[src$="images/icons/exclamation.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...mation.png);}
img[src$="images/icons/bug.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...ns/bug.png);}
img[src$="images/icons/brick.gif"] {background: url(
http://files.raptilic.us/themes/darkbron.../brick.png);}
img[src$="images/icons/biggrin.gif"] {background: url(
http://files.raptilic.us/themes/darkbron...iggrin.png);}
.thread_status {
background-image: url(
http://files.raptilic.us/themes/darkbron...sprite.png) !important;
}
a[href*="showthread.php"][href*="action=newpost"] > img {
width: 0;
height: 0;
padding: 8px;
}
.lastpost > a > img { /*Mobile only*/
padding: 0px 8px !important;;
}
.quick_jump, a[href*="showthread.php"][href*="action=newpost"] > img {
background-image: url(
http://files.raptilic.us/themes/darkbron...s/jump.png);
}
img[src*="stufe"][src$=".png"] {
width: 0px;
height: 0px;
padding-bottom: 30px;
margin: 5px 0px;
}
img[src$="stufe01.png"], img[src$="stufe02.png"], img[src$="stufe03.png"], img[src$="stufe04.png"], img[src$="stufe05.png"], img[src$="stufe06.png"] {padding-right: 16px;}
img[src$="stufe01.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe01.png);}
img[src$="stufe02.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe02.png);}
img[src$="stufe03.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe03.png);}
img[src$="stufe04.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe04.png);}
img[src$="stufe05.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe05.png);}
img[src$="stufe06.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe06.png);}
img[src$="stufe07.png"], img[src$="stufe08.png"], img[src$="stufe09.png"], img[src$="stufe10.png"], img[src$="stufe11.png"], img[src$="stufe12.png"] {padding-right: 36px;}
img[src$="stufe07.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe07.png);}
img[src$="stufe08.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe08.png);}
img[src$="stufe09.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe09.png);}
img[src$="stufe10.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe10.png);}
img[src$="stufe11.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe11.png);}
img[src$="stufe12.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe12.png);}
img[src$="stufe13.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe13.png); padding-right: 57px;}
img[src$="stufe14.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe14.png); padding-right: 75px;}
img[src$="stufe15.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe15.png); padding-right: 93px;}
img[src$="stufe16.png"] {background-image: url(
http://files.raptilic.us/themes/darkbron...tufe16.png); padding-right: 114px;}
.usercp_navigation { /*Mobile only*/
background: rgb(78, 201, 176);
}
div.usercp_nav_item {
background: rgba(0, 0, 0, 0.5);
}
.usercp_nav_home {background-image: url(
http://files.raptilic.us/themes/darkbron...p/home.png) !important;}
.usercp_nav_composepm {background-image: url(
http://files.raptilic.us/themes/darkbron...posepm.png) !important;}
.usercp_nav_pmfolder {background-image: url(
http://files.raptilic.us/themes/darkbron...folder.png) !important;}
.usercp_nav_sub_pmfolder {background-image: url(
http://files.raptilic.us/themes/darkbron...folder.png) !important;}
.usercp_nav_trash_pmfolder {background-image: url(
http://files.raptilic.us/themes/darkbron...folder.png) !important;}
.usercp_nav_pmtracking {background-image: url(
http://files.raptilic.us/themes/darkbron...acking.png) !important;}
.usercp_nav_pmfolders {background-image: url(
http://files.raptilic.us/themes/darkbron...olders.png) !important;}
.usercp_nav_profile {background-image: url(
http://files.raptilic.us/themes/darkbron...rofile.png) !important;}
.usercp_nav_password {background-image: url(
http://files.raptilic.us/themes/darkbron...ssword.png) !important;}
.usercp_nav_email {background-image: url(
http://files.raptilic.us/themes/darkbron.../email.png) !important;}
.usercp_nav_avatar {background-image: url(
http://files.raptilic.us/themes/darkbron...avatar.png) !important;}
.usercp_nav_editsig {background-image: url(
http://files.raptilic.us/themes/darkbron...ditsig.png) !important;}
.usercp_nav_options {background-image: url(
http://files.raptilic.us/themes/darkbron...ptions.png) !important;}
.usercp_nav_usergroups {background-image: url(
http://files.raptilic.us/themes/darkbron...groups.png) !important;}
.usercp_nav_editlists {background-image: url(
http://files.raptilic.us/themes/darkbron...tlists.png) !important;}
.usercp_nav_attachments {background-image: url(
http://files.raptilic.us/themes/darkbron...hments.png) !important;}
.usercp_nav_drafts {background-image: url(
http://files.raptilic.us/themes/darkbron...drafts.png) !important;}
.usercp_nav_subscriptions {background-image: url(
http://files.raptilic.us/themes/darkbron...ptions.png) !important;}
.usercp_nav_fsubscriptions {background-image: url(
http://files.raptilic.us/themes/darkbron...ptions.png) !important;}
.usercp_nav_socialsites {background-image: url(
http://files.raptilic.us/themes/darkbron...p_link.png) !important;}
.usercp_nav_viewprofile {background-image: url(
http://files.raptilic.us/themes/darkbron...rofile.png) !important;}
/*Desktop only*/
.float_left .thread_tools .printable {background-image: url(
http://files.raptilic.us/themes/darkbron...ntable.png) !important;}
.float_left .thread_tools .sendthread {background-image: url(
http://files.raptilic.us/themes/darkbron...s/send.png) !important;}
.float_left .thread_tools .subscription_add {background-image: url(
http://files.raptilic.us/themes/darkbron...scribe.png) !important;}
.float_left .thread_tools .subscription_remove {background-image: url(
http://files.raptilic.us/themes/darkbron...scribe.png) !important;}
/*Mobile only*/
#container > .thread_tools > .subscription_add > a {background: rgb(78, 201, 176) !important; color: #2D2D30 !important;}
#container > .thread_tools > .subscription_remove > a {background: #2D2D30 !important; color: rgb(78, 201, 176) !important;}
img[src*="gender_"][src$=".gif"] {
width: 0px;
height: 0px;
padding: 0 0 16px 16px;
position: relative;
}
img[src*="gender_Filly"][src$=".gif"] {
background-image: url(
http://files.raptilic.us/themes/darkbron...female.png);
}
img[src*="gender_Colt"][src$=".gif"] {
background-image: url(
http://files.raptilic.us/themes/darkbron...s/male.png);
bottom: 4px;
}
img[src*="gender_Sonstiges"][src$=".gif"] {
background-image: url(
http://files.raptilic.us/themes/darkbron...closed.png);
bottom: 2px;
}
img.buddy_status[src$=".png"] {
width: 0px;
height: 0px;
padding: 6px;
border-radius: 8px !important;
position: relative;
bottom: 2px;
}
img.buddy_status[src$="offline.png"] {
background-color: #5F5F74;
}
img.buddy_status[src$="online.png"] {
background-color: rgb(78, 201, 176);
}
.post.mod img.buddy_status[src$="online.png"] {
background-color: #E35B02;
}
.post.smod img.buddy_status[src$="online.png"] {
background-color: #C6067A;
}
.post.tadmin img.buddy_status[src$="online.png"] {
background-color: #289393;
}
.post.admin img.buddy_status[src$="online.png"] {
background-color: #088A08;
}
a[title="Abwesend"] {
border-radius: 8px !important;
overflow: hidden;
position: relative;
bottom: 0px;
}
img.buddy_status[src$="away.png"] {
background-color: #5F5F74;
}
a[title="Abwesend"]:after {
content:"";
background-color: white;
width: calc(100% - 6px);
height: 2px;
left: 0px;
top: 3px;
margin: 0px 3px;
position: absolute;
}
div.error {
background-color: #E83636 !important;
border: none !important;
}
div.error > p > em {
color: white !important;
background-image: url(
http://files.raptilic.us/themes/darkbron.../error.png) !important;
}
#pm_notice {
background-color: rgb(78, 201, 176) !important;
border: none !important;
padding: 8px !important;
color: #2D2D30 !important;
}
.logo ~ #container #pm_notice {/*Desktop only*/
margin-top: 10px;
}
#pm_notice a {
color: #2D2D30 !important;
}
#pm_notice .float_right img {
width: 0px;
height: 0px;
}
#pm_notice .float_right a {
width: 12px;
height: 12px;
margin: 2px;
border-radius: 100% !important;
background-color: #2D2D30;
display: block !important;
position: relative;
}
#pm_notice .float_right a:after {
content:"";
background-color: rgb(78, 201, 176);
width: calc(100% - 6px);
height: 2px;
left: 0px;
top: 5px;
margin: 0px 3px;
border-radius: 0px;
position: absolute;
}
#quickreply_spinner {
display: none !important;
}
#quick_reply_form {
position: relative;
overflow: hidden;
}
#quick_reply_form:before {
content: "";
position: absolute;
left: 0px;
top: -3px;
width: calc(100% + 450px);
height: 3px;
border-width: 450px;
border-color: rgb(78, 201, 176);
border-style: none solid none;
animation: marquee 1.5s linear infinite;
box-sizing: border-box;
}
#quickreply_spinner[style*="display: block;"] ~ #quick_reply_form:before {
top: 0px;
transform: scaleX(1);
}
#smoothEnd, .barSegment {
background: rgb(78, 201, 176);
}
#submitButtonWrapper {
color: rgb(78, 201, 176) !important;
border-width: 0px !important;
padding: 0px !important;
position: relative;
}
#submitButtonWrapper > #quick_reply_submit {
padding: 5px 7px !important;
margin: 0px !important;
}
#submitButtonWrapper.waiting > #quick_reply_submit {
padding-left: 27px !important;
}
img[src="http://www.bronies.de/images/sweetdreams/spinner.gif"] {
padding: 10px;
width: 0px; height: 0px;
border-radius: 100% !important;
border-color: transparent rgb(78, 201, 176);
border-width: 3px !important;
border-style: solid;
animation: spin linear infinite 1s;
}
#submitButtonWrapper.waiting:before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
position: absolute;
top: 0px;
left: 6px;
margin-right: 5px;
border-radius: 100%;
border-color: transparent rgb(78, 201, 176);
border-width: 2px;
border-style: solid;
animation: spin linear infinite 3s;
}
.newposts {
margin: 0px;
border-style: solid;
border-color: rgb(78, 201, 176) !important;
border-width: 0px !important;
position: relative;
transition: border-width 200ms linear, margin 200ms linear;
}
.newposts.marked {
border-width: 5px !important;
margin: 0px -5px;
}
@keyframes marquee {
from {left: -450px;}
to {left: calc(100% - 450px)}
}
@keyframes spin {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
::selection {
background: rgb(78, 201, 176) !important;
color: #2D2D30 !important;
}
::-moz-selection {
background: rgb(78, 201, 176) !important;
color: #2D2D30 !important;
}
.navigation ~ #jGrowl {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
display: table;
}
.navigation ~ #jGrowl .jGrowl-notification.alert {
background: black;
color: white;
position: relative;
display: block;
padding: 5px;
width: 100%;
top: -100%;
animation: jGrowl 7s ease;
box-sizing: border-box;
}
.navigation ~ #jGrowl .jGrowl-close {
display: none;
}
@keyframes jGrowl {
0% {top: -100%;}
5% {top: 0%;}
45% {top: 0%;}
50% {top: -100%;}
100% {top: -100%;}
}
}