Skip to content

Instantly share code, notes, and snippets.

@oliof oliof/smf2_redux.css
Last active Dec 26, 2015

Embed
What would you like to do?
SMF2 redux
/* SMF2 redux.
Userstyle für SMF2 basierende Foren. Funktioniert mit www.tanelorn.net und forum.rsp-blogs.de.
version $Id$
*/
/* Testeintrag für Testvariablen. Geht derzeit noch nicht. */
:root {
var-testcolor: red;
}
/* Mehr Kontrast! */
body, td, th, tr,
.windowbg, tr.windowbg, td.info,tr.windowbg td.lastpost, tr.windowbg
td.smalltext, .windowbg2, tr.windowbg2 td.info, tr.windowbg2 td.lastpost,
tr.windowbg2 td.smalltext, .windowbg3, .stickybg, .stickybg2,
.lockedbg, .lockedbg2 {
color: #000000;
background: #ffffff;
}
body, .middletext, h1.forumtitle,
p.moderators,
input, button, select, textarea,
.smalltext, tr.smalltext th {
font-family: sans-serif;
}
/* SMF verwendet <strong></strong> anstatt font-weight: bold via styles.
Das wollen wir nicht. */
strong,
div.sub_boards strong a {
font-weight: normal !important;
/* Wer rote Schatten sieht, melde sich bitte bei mir! */
text-shadow:
0 0 .2em var(testcolor),
0 0 .2em var(testcolor);
}
/* Ausser in den Postings und in Previews selbst natürlich! */
#preview_body strong,
#personal_messages * strong,
.postarea * strong {
font-weight: bold;
}
/* Leichte Einfaerbung fuer die die nicht ohne koennen. */
div#content_section {
background: #eeeeee;
border-radius: 1em 1em;
margin-bottom: 1em;
padding: 0 1.5em 0 1.5em;
z-index: -1;
}
#content_section div.frame {
padding: 0;
background-image: none;
}
hr, .hrcolor {
color: #eeeeee;
background-color: #dddddd;
}
/* Header-Grafik desaturieren. Funktioniert nur in Webkit-basierenden Browsern. */
div#wrapper a img[src*="header"] {
-webkit-filter: grayscale(1);
filter: grayscale(100%);
}
#header, #header div.frame a {
color: #ffffff;
background-image: none;
padding-left: 0;
}
#header div.frame {
background-image: none;
background-color: #777;
color: #fff;
border-radius: 1em;
opacity: 0.8;
padding: 0.5em 0.5em;
}
/* rsp-blogs: smf logo ausblenden. */
img#smflogo { display: none; }
/* Posts in Tabellenformat überführen. */
.postarea, .moderatorbar {
margin-left: 0 !important;
}
}
.moderatorbar,
.modified:empty,
.custom_fields_above_signatur:empty {
width: 100%;
margin: 0 !important;
border: none;
}
/* tanelorn PMs */
#personal_messages form.flow_hidden {
display: block;
margin-top: 0;
}
#personal_messages div.poster img[alt*="line"],
#personal_messages div.poster h4 a,
#personal_messages div.poster ul li.title,
#personal_messages div.poster ul li.postgroup,
#personal_messages div.poster ul li.membergroup,
#personal_messages div.poster ul li.username,
#personal_messages div.poster ul li.profile {
display: inline;
}
#personal_messages div[class^="windowbg"] {
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px #aaa;
}
#personal_messages tr td:first-child {
text-align: right;
}
#personal_messages .botslice {
display: none;
}
.post_wrapper {
background-image: none;
background-color: white;
color: black;
display: flex;
flex-direction: column;
border: 1px solid #cccccc;
box-shadow: 1px 1px 2px #aaa;
}
.poster,
.flow_hidden,
.postarea,
.moderatorbar {
background-image: none;
background-color: white;
width: auto;
margin: 0;
padding: 0;
}
/* 1. Zeile */
.poster {
order: 0;
display: inline-flex;
flex-direction: row;
align-items: baseline;
margin: .25em 0 .25em .25em;
}
/* offline/online Markierung für User durch Farbfelder ersetzen. */
img[alt="Offline"],
img[alt="Online"] {
display: inline;
width: 0;
height: 0;
border: .5em solid #cccccc;
border-radius: 0.25em;
}
img[alt="Online"] {
border: .5em solid #77cc77;
}
/* Username normal gross anzeigen. */
.poster h4 {
margin: 0 .25em 0 0;
font: bold 100%/130% sans-serif;
}
/* Extra-Informationen */
.poster ul {
display: inline-flex;
flex-direction: row;
align-content: flex-start;
}
/* Extra-Informationen ausblenden ... */
.poster ul[id$="extra_info"] li { display: none; }
/* ... und einzeln wieder einblenden. */
.poster ul[id$="extra_info"] li.title,
.poster ul[id$="extra_info"] li.postgroup,
.poster ul[id$="extra_info"] li.membergroup,
.poster ul[id$="extra_info"] li.username,
.poster ul[id$="extra_info"] li.profile {
padding-right: 1em;
display: inline;
font-size: normal;
}
li.title:before { content: "Titel:\a0"; }
li.membergroup:before { content: "Rolle:\a0"; }
li.postgroup:before { content: "Stufe:\a0"; }
.poster ul[id$="extra_info"] li.profile ul,
.poster ul[id$="extra_info"] li.profile ul li {
display: inline;
height: 1em;
width: 1em;
font-style: normal;
}
/* 2. Zeile */
.flow_hidden {
order: 1;
display: inline-flex;
flex-direction: row;
align-items: center;
background-color: #dddddd;
}
/*message icon */
/*Betreff*/
h5[id*="subject"] { display: inline; }
/* Zeitstempel */
h5[id*="subject"] + div.smalltext {
display: inline-flex;
flex-direction: row;
}
h5[id*="subject"] + .smalltext > strong:before,
h5[id*="subject"] + .smalltext > strong:after {
content: "\a0";
}
/* Quick Buttons */
ul.quickbuttons {
font: bold smaller sans-serif;
display: inline;
margin: 0 1em 0 auto;
}
/* 3. Zeile */
.postarea {
order: 2;
}
/* Verschiedene padding/margin Einstellungen der
verschachtelten CSS Klassen auf eine Variante und
eine Definition umstellen. */
.post {
padding: 0;
margin: .25em 0 .25em .25em;
}
.inner {
border-top: none;
padding: 0;
}
/* 4. Zeile */
.moderatorbar {
order: 3;
}
/* Signaturen-Formatierung vereinheitlichen. */
#personal_messages .signature,
#forumposts .signature,
.custom_fields_above_signature {
margin: 0;
padding: .25em 0 .25em .25em;
border-top: 1px solid #dddddd;
max-width: 100%;
}
/* Hier endet die Neuformatierung der Diskussionsbeiträge. */
/* Menü-Einstellungen für #main_menu und #admin_menu. */
.dropmenu li a.firstlevel span.firstlevel {
margin: 0;
padding-left: 1em;
padding-right: 1em;
}
.dropmenu,
.dropmenu li a.active,
.dropmenu li a.active:hover,
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover a.firstlevel,
.dropmenu li a.active span.firstlevel,
.dropmenu li a.active:hover span.firstlevel
.dropmenu li a.firstlevel:hover span.firstlevel,
.dropmenu li:hover a.firstlevel span.firstlevel,
.dropmenu li li:hover a,
.dropmenu li li > a:hover {
background-image: none;
}
.dropmenu * a:hover {
text-shadow: 0px 1px 1px #77cc77;
}
#adm_submenus .dropmenu li a.active span.firstlevel,
#adm_submenus .dropmenu li a.firstlevel:hover,
#adm_submenus .dropmenu li:hover a.firstlevel,
#admin_menu .dropmenu li a.active span.firstlevel,
#admin_menu .dropmenu li a.firstlevel:hover,
#admin_menu .dropmenu li:hover a.firstlevel {
color: #000000;
}
#main_menu * li a.firstlevel:link,
#main_menu * li a.firstlevel:visited,
#main_menu * li a.firstlevel:hover {
color: #ffffff;
}
/* Pseudobuttons */
.buttonlist ul li a:visited,
.buttonlist ul li a:link {
background: #cccccc none;
color: #000000;
border: 1px solid #cccccc;
}
div.catbg, tr.catbg td, tr.catbg th,
tr.catbg th a:link, tr.catbg th a:visited,
div.catbg2, tr.catbg2 td, tr.catbg2 th,
tr.catbg2 td a:link, tr.catbg2 td a:visited,
.description, .description_board, .plainbox,
.dropmenu li ul {
background: #cccccc none;
color: #000000;
}
.dropmenu li ul {
border-radius: .25em;
box-shadow: 0 .2em .3em .2em #aaaaaa;
}
.description#topic_icons,
div#footer_section {
display: none;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover,
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited,
h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
color: #000000;
}
h3.catbg[style] {
color: #000000 !important;
}
#content_section {
background: #ffffff;
}
#top_section[style] {
margin-right: 4.5em !important;
}
/* Die Vorschau ist schwarz auf hellgrau und mit Punkten abgesetzt. */
#preview_body {
background-image: none;
background-color: #cccccc;
color: #000000;
padding: 1em;
border: 1px dotted #000000;
border-radius: .25em .25em;
}
/* Pseudobuttons wollen auch schick aussehen. */
input[type='submit']:hover {
background: #cccccc;
}
.button_submit {
background: #cccccc;
border: 1px solid #aaaaaa;
color: #000000;
}
.buttonlist ul li a span {
background-image: none;
}
.buttonlist ul li a {
border-radius: 2px 2px;
}
.buttonlist ul li a.active:link {
background: #cccccc none;
border: 1px solid #cccccc;
color: #000000;
font-weight: normal;
}
.buttonlist ul li a.active:hover {
background: #cccccc none;
color: #000000;
border: 1px solid #000000;
}
.buttonlist ul li a:link {
background: #cccccc none;
color: #000000;
border: 1px solid #cccccc;
}
.buttonlist ul li a.active span,
.buttonlist ul li a:hover span {
background: #cccccc;
}
.buttonlist ul li a:hover {
background: #cccccc;
color: #000000;
border: 1px solid #000000;
}
/* Die Box überm Logo auch in schwarz-weiss */
div.frame.user {
font-size: smaller;
line-height: 1.5;
}
/* Beiträge in schlichtem schwarz/weiss. Jetzt mit Schatten! */
.windowbg span.botslice,
.windowbg2 span.botslice {
background-image: none;
background-color: transparent;
width: 0;
height: .25em;
}
.windowbg span.topslice,
.windowbg2 span.topslice {
display: none;
}
.bbc_link:link, .bbc_link:visited, .bbc_link:hover,
a:link, a:visited, a:hover {
color: #000000;
}
.poster h4, .poster h4 a {
color: #000000;
}
#preview_body .bbc_link:link,
#preview_body .bbc_link:visited,
#preview_body a:link,
#preview_body a:visited,
.post .bbc_link:link,
.post .bbc_link:visited,
.post a:link,
.post a:visited,
.signature .bbc_link:link,
.signature .bbc_link:visited,
.signature a:link,
.signature a:visited {
text-decoration: none;
border-bottom: 1px dotted #666666;
}
a[href$=new] {
border: 0 none;
}
/* Zitate grau in grau. */
blockquote.bbc_standard_quote {
background: #dddddd;
color: #000000;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}
blockquote.bbc_alternate_quote {
background: #ffffff;
color: #333333;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}
/* [code-Blöcke] */
code.bbc_code {
background: #dddddd;
}
/* Betreff-Zeilen fett markieren. */
a.subject {
color: #000000;
font-weight: bold;
}
/* Runde Rahmen sind rund. */
.roundframe {
background-image: none;
border-radius: 1em 1em;
}
.roundframe[style] {
margin: 1em 0 1em 0 !important;
}
div.roundframe div.cat_bar,
div.cat_bar, .cat_bar,
div.roundframe div.cat_bar h3.catbg {
background-image: none;
background: #cccccc;
border-radius: .25em .25em;
padding-left: 1em;
}
/* Tabellen wollen massiert werden. */
table {
border-collapse: collapse;
border: none;
}
#boardindex_table {
background-color: transparent;
}
tbody.header td,
tbody.header td tr {
border: none;
background-color: transparent;
}
.table_list tbody.content td.info a.subject {
color: #000000;
}
td {
border: 1px solid #cccccc;
}
td.subject {
background-image: none;
}
tbody.divider tr td {
background-color: #eeeeee;
border: none;
}
td.icon {
background-color: #eeeeee;
border: none;
}
tr.catbg th.first_th,
tr.catbg th.last_th {
background-image: none;
background-color: #cccccc;
}
h3.catbg {
background: #cccccc;
color: #000000;
}
div.title_bar, div.title_barIC, div.title_barIC h4.titlebg {
background: #cccccc none;
color: #000000;
border-radius: 0.25em 0.25em;
}
/* redundantes sticky-gif und locked-gif ausblenden. */
.topic_table td.stickybg2,
.topic_table td.stickybg,
.topic_table td.lockedbg,
.topic_table td.lockedbg2 {
background-image: none;
}
/* Instant Messenger links ausblenden. */
a.icq, a.msn, a.aim, a.yim {
display:none;
}
/* Einige Icons ausblenden, deren Funktion ich nie benutze. */
td.icon a img,
td.icon2 a img,
div#posting_icons,
img[src$="modify_inline.gif"] {
display:none;
}
/* "Melden"-Knopf und IP-Adress-Info ausblenden. */
div.reportlinks {
display: none;
}
/* PM Dateianhänge-Liste. */
tr.titlebg th {
background-image: none;
}
tr.titlebg th a:link,
tr.titlebg th a:visited,
tr.titlebg th a:hover {
color: #000000;
}
/* Rahmen um Eingabefelder und Buttons. */
input, textarea, button, select,
input:hover, textarea:hover, button:hover, select:hover,
.button_submit:hover, .button_reset:hover,
input:focus, textarea:focus, button:focus, select:focus {
border-color: #33aa33;
}
/* Header für Themen aufbereiten. */
#forumposts h3.catbg {
display: inline-flex;
flex-direction: row;
margin: 0;
padding: 0;
}
#forumposts h3.catbg img {
width: 4em;
text-align: right;
}
#forumposts h3.catbg span#author {
display: none;
}
/* Platz fuer die UTF8-Symbole reservieren. */
.catbg img,
.floatleft img {
font-weight: normal;
padding-right: 1em;
}
.topic_table .icon1 {
width: 4em;
text-align: right;
}
/* Die folgenden CSS-Regeln funktionieren nur wenn man eine Schriftart installiert hat,
die die Symbole ersetzen kann. Gegebenenfalls muss fuer diese Schriftart noch eine
font-family gesetzt werden. Ohne die richtige Schrift verschwinden Funktionen aus dem
Sichtfeld! */
/* Zitat/Löschen/Ändern/Antworten-Quickbuttons ersetzen. */
ul.quickbuttons li.quote_button,
ul.quickbuttons li.modify_button,
ul.quickbuttons li.remove_button,
ul.quickbuttons li.reply_button{
background: none;
}
li.quote_button a:before {
content: "\a0";
}
li.reply_button a:before,
li.modify_button a:before {
content: "\a0";
}
li.remove_button a:before {
content: "\a0";
}
/* Bilder verstecken. */
img[src*="clip"],
img[src*="poll"],
img[src$="search.gif"],
img[src$="selected.gif"],
img[src$="arrow.gif"],
img[src$="expand.gif"],
img[src$="collapse.gif"],
img[src$="question.gif"],
img[src$="lamp.gif"],
img[src$="thumbup.gif"],
img[src$="thumbdown.gif"],
img[src$="exclamation.gif"],
img[src$="smiley.gif"],
img[src$="angry.gif"],
img[src$="cheesy.gif"],
img[src$="grin.gif"],
img[src$="sad.gif"],
img[src$="wink.gif"],
img[src$="recycled.gif"],
img[src$="moved.gif"],
img[src*="change_menu"],
img[src$="/ip.gif"],
img[src$="/upshrink.png"],
img[src$="/upshrink2.png"],
img[src$="/xx.gif"],
img[src$="/sort_down.gif"],
img[src$="/sort_up.gif"],
img[src$="quick_lock.gif"],
img[src$="quick_sticky.gif"],
img[src$="/normal_post.gif"],
img[src$="/topic/hot_post.gif"],
img[src$="/veryhot_post.gif"],
img[src$="/normal_post_sticky.gif"],
img[src$="/hot_post_sticky.gif"],
img[src$="/veryhot_post_sticky.gif"],
img[src$="/normal_post_locked.gif"],
img[src$="/hot_post_locked.gif"],
img[src$="/very_post_locked.gif"],
img[src$="/normal_post_locked_sticky.gif"],
img[src$="/hot_post_locked_sticky.gif"],
img[src$="/veryhot_post_locked_sticky.gif"],
img[src$="/topic/my_normal_post.gif"],
img[src$="/my_hot_post.gif"],
img[src$="/my_veryhot_post.gif"],
img[src$="/my_normal_post_sticky.gif"],
img[src$="/my_hot_post_sticky.gif"],
img[src$="/my_veryhot_post_sticky.gif"],
img[src$="profile_sm.gif"],
img[src*="pm_replied"],
img[src$="pm_read.gif"],
img[src$="www_sm.gif"],
li.stars img[src*="star"],
img[alt="Zukünftige Ereignisse"],
img[alt="Forumstatistiken"],
img[alt="Benutzer Online"],
img[alt="Private Mitteilung (Offline)"],
img[alt="Private Mitteilung (Online)"],
img[alt="Profil anzeigen"],
img[alt="E-Mail"],
img.gender[alt="Weiblich"],
img.gender[alt="Männlich"],
img[alt="Letzter Beitrag"],
img[alt="Neu"],
img.new_posts {
/* Bild verstecken. */
height: 0;
width: 0;
/* fake content verstecken. */
color: transparent;
/* Pseudo-Elemente müssen absolut positioniert werden. */
position: relative;
content: "fake";
}
/* Ersatz-Inhalte sichtbar machen. */
img:before,
img:after {
top:0;
left:0;
font-weight: normal;
color: #000000;
}
img[src*="clip"]:before {
content: "📎";
}
img[src$="search.gif"]:before {
content: "🔎";
}
img[src$="selected.gif"]:before,
img[src$="arrow.gif"]:before {
content: "\a0";
}
img[src$="expand.gif"]:before {
content: "";
}
img[src$="collapse.gif"]:before {
content: "";
}
img[src$="change_menu.png"]:before {
content: ""; /**/
font-weight: bold;
}
img[src$="change_menu2.png"]:before {
content: "";
font-weight: bold;
}
img[alt="Neu"]:before,
img.new_posts:before {
content: "neu";
color: #007700;
font-size: smaller;
}
img[alt="Private Mitteilung (Offline)"]:before {
content: "💬";
font-weight: bolder;
color: #777777;
}
img[alt="Private Mitteilung (Online)"]:before {
content: "💬";
font-weight: bolder;
color: #007700;
}
img[src$="profile_sm.gif"]:before,
img[alt="Profil anzeigen"]:before {
content: "👤";
}
img[src*="pm_replied"]:before {
content: "↩✉";
}
img[src*="pm_read"]:before {
content: "";
}
img.gender[alt="Männlich"]:before {
content: "";
font-size: 140%;
font-weight: bold;
}
img.gender[alt="Weiblich"]:before {
content: "";
font-size: 140%;
font-weight: bold;
}
img[alt="E-Mail"]:before {
content: "📧";
padding-bottom: -.5em;
}
img[src$="www_sm.gif"]:before {
content: "🔗";
}
li.stars img[src*="star"]:before {
content: "";
}
img[src$="/starmodtechsupport.png"]:before {
color: #00ff00;
text-shadow:
0 0 1px #00aa00,
0 0 1px #00aa00;
}
img[src$="/starmoddungeonkeeper.png"]:before {
color: #ff0000;
text-shadow:
0 0 1px #aa0000,
0 0 1px #aa0000;
}
img[src$="/star.gif"]:before {
color: #ffcc77;
text-shadow:
0 0 1px #ffcc00,
0 0 1px #ffcc00;}
img[src$="/starmodmasterofkeys.png"]:before {
color: #4466FF;
text-shadow:
0 0 1px #0000ff,
0 0 1px #0000ff;
}
img[src$="/starmodchallengeteam.png"]:before {
color: #C982C9;
text-shadow:
0 0 1px #770077,
0 0 1px #770077;
}
img[src$="/starmodgamemaster.png"]:before {
color: #4DD5D7;
text-shadow:
0 0 1px #00aaaa,
0 0 1px #00aaaa;
}
img[src$="quick_sticky.gif"]:before {
content: "📌";
}
img[src$="quick_lock.gif"]:before {
content: "🔒";
}
img[src*="/upshrink"]:before {
content: "";
color: #ffffff;
text-shadow:
0 0 .1em #444444,
0 0 .1em #444444;
position: relative;
top: 1em;
z-index: 10000;
}
img[src$="/upshrink2.png"]:before,
img[src$="/sort_down.gif"]:before {
content: "";
}
img[src$="/sort_up.gif"]:before {
content: "";
}
a.collapse img:before,
img#lastfiveupshrink,
img#newsupshrink,
img#upshrink,
img#upshrink_ic {
margin: 0 !important;
}
#top_section img#upshrink {
float: none;
}
table.table_list a.collapse {
margin: 0 0 0 1em;
}
img#lastfiveupshrink {
padding-right: 1em;
font-weight: normal;
}
img[src$="/ip.gif"]:before {
content: "💻";
}
/* Thread-Typen (unvollständig). */
img[src$="question.gif"]:before {
content: "";
}
img[src$="exclamation.gif"]:before {
content: "";
}
img[src$="lamp.gif"]:before {
content: "💡";
text-shadow:
0 1px #aaaa00,
0 1px #aaaa00,
0 1px #aaaa00,
0 1px #aaaa00;
}
img[src$="thumbup.gif"]:before {
content: "👍";
}
img[src$="thumbdown.gif"]:before {
content: "👎";
}
img[src$="smiley.gif"]:before { content: "😊";}
img[src$="angry.gif"]:before { content: "😠";}
img[src$="cheesy.gif"]:before { content: "😃";}
img[src$="grin.gif"]:before { content: "😁"; }
img[src$="sad.gif"]:before {content: "😞";}
img[src$="wink.gif"]:before {content: "😉";}
img[src$="moved.gif"]:before {
content: "";
}
img[src$="recycled.gif"]:before {
content: "";
}
img[src$="/xx.gif"]:before {
content: "📖";
}
/* Alle poll-Icons ersetzen. Blaue Farbe um nicht gedeckte
Fälle zu sehen */
img[src*="poll"]:before {
content: "";
}
/* Normale Themen. */
img[src*="post_"]:before,
img[src*="_post"]:before {
content: "📰";
}
/* Gesperrte Themen. */
img[src*="locked"]:before {
content: "🔒📰";
}
/* Gepinnte Themen. */
img[src*="post_sticky"]:before {
content: "📌📰";
}
/* Gesperrte und Gepinnte Themen. */
img[src*="post_locked_sticky"]:before {
content: "📌🔒📰";
}
/* Themen, in denen der User selbst Beiträge verfasst hat. */
img[src*="my_"]:before { content: "📝"; }
/* Gepinnte Themen, in denen der User selbst Beiträge verfasst hat. */
img[src*="my_normal_post_sticky"]:before { content: "📌📝"; }
img[src$="my_hot_post_sticky.gif"]:before { content: "📌📝"; }
img[src$="my_veryhot_post_sticky.gif"]:before { content: "📌📝";}
/* TODO: Gesperrte und gepinnte Themen, in denen der User selbst Beiträge verfasst hat */
/* TODO: Gesperrte Themen, in denen der User selbst Beiträge verfasst hat */
/* Icon für die Aktivitätsstufen. */
img[src*="veryhot"]:after { color: #77cc77 !important; }
img[src*="hot"]:after { content: "🔥"; color: #aaaaaa; }
/* Foreninformationen. */
img[alt="Zukünftige Ereignisse"]:before {
content: "📆";
margin-left: -1em;
}
img[alt="Forumstatistiken"]:before {
content: "📊";
margin-left: -1em;
}
img[alt="Benutzer Online"]:before {
content: "🔌";
margin-left: -1em;
}
img[alt="Letzter Beitrag"]:before {
content: "";
margin-left: -1em;
}
/* Statistiken */
.activity_stats li div.bar div {
background-color: #cccccc;
}
.profile_pie {
-webkit-filter: grayscale(1);
filter: grayscale(100%);
}
.statsbar div.bar div {
background: #cccccc;
border-radius: .25em;
}
/* rsp-blogs: rss-icon grau. */
img[src*="rss"] {
-webkit-filter: grayscale(1);
filter: grayscale(100%);
}
/* Vorhergehende Postings beim Verfassen eines neuen Beitrags. */
div#recent {
flex-direction: column;
order: 4;
}
div#recent > * {
width: 100%;
text-align: left;
}
form#postmodify .roundframe {
padding: 0 .25em;
}
span.upperframe, span.lowerframe {
display: none;
}
/* Organisation der Anzeige beim Verfassen eines neuen Beitrags. */
form#postmodify.flow_hidden {
flex-direction: column;
}
form#postmodify.flow_hidden div.cat_bar {
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.