Verbesserung des Designs


  • Administrator

    Ich mache mal ein neues Thema auf, wo ich das ganze sammle. Auch damit wir einen zentralen Anlaufpunkt haben.

    Swordfish hat einige von mir aus sehr sinnvolle Änderungen vorgeschlagen, welche ich gerne ins Forum einarbeiten möchte. Er hat verschiedene Stylus Skripts zur Verfügung gestellt:

    Entsprechende Stylus Skripts würde ich gerne hier sammeln, falls ihr weitere Vorschläge habt.

    Folgende Änderungen habe ich bereits gemacht oder kommen:

    • Bezüglich "No Code Box Scroll" kommt im nächsten Update ein Knopf in Code-Boxen, welche das für die Code-Box umstellt.
    • Bezüglich "Light Code Boxes" habe ich den Stil vorerst auf VS umgestellt. Würde aber gerne in Zukunft es dem Benutzer überlassen.
    • Bezüglich "Alternating Background" werde ich es wahrscheinlich demnächst ins Forum integrieren. Dazu habe ich nun auch die Skins abgeschaltet. Allerdings werde ich wohl die Paddings und Margins etwas reduzieren. Derzeit bin ich bei padding: 10px 10px 10px 10px und margin: 5px 0px 5px 0px;.


  • Dieser Beitrag wurde gelöscht!


  • Dieser Beitrag wurde gelöscht!


  • Dieser Beitrag wurde gelöscht!


  • Dieser Beitrag wurde gelöscht!


  • Dieser Beitrag wurde gelöscht!


  • Stylus-Scripts:

    • Avatar-Fix:
    .account .cover .avatar-wrapper {
        border: 0;
        background-color: white;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.156863), 0 2px 10px 0 rgba(0,0,0,.117647);
    }
    
    .persona-usercard .usercard-picture {
        background-color: white;
    }
    
    • Alternating Background Colours:
    div.post-bar > hr {
    	display: none;
    }
    
    div.content > blockquote {
    	border-left: 5px solid #C9C9C9;
    	margin: 0 0 10px;
    	padding: 10px 10px;
    }
    
    div.topic.col-lg-12 > ul > li > hr:last-of-type {
    	display: none;
    }
    
    div.account > div:nth-child(7) > div > div.col-xs-12 > ul > li > div,
    div.topic.col-lg-12 > ul > li,
    div.category.col-lg-12 > ul > li,
    div.col-lg-12 > ul > li,
    div.subcategory > ul > li,
    div.category > ul > li {
    	padding: 15px 10px 15px 10px;
    	margin: 18px 0px 18px 0px;
    }
    
    div.account > div:nth-child(7) > div > div.col-xs-12 > ul > li:nth-of-type(odd) > div,
    div.topic.col-lg-12 > ul > li:nth-of-type(odd),
    div.category.col-lg-12 > ul > li:nth-of-type(odd),
    div.col-lg-12 > ul > li:nth-of-type(odd),
    div.subcategory > ul > li:nth-of-type(odd),
    div.category > ul > li:nth-of-type(odd) {
    	background-color: #F2F2F2;
    }
    
    div.account > div:nth-child(7) > div > div.col-xs-12 > ul > li:nth-of-type(even) > div,
    div.topic.col-lg-12 > ul > li:nth-of-type(even),
    div.category.col-lg-12 > ul > li:nth-of-type(even),
    div.col-lg-12 > ul > li:nth-of-type(even),
    div.subcategory > ul > li:nth-of-type(even),
    div.category > ul > li:nth-of-type(even) {
    	background-color: #F9F9F9;
    }
    
    div.topic.col-lg-12 > ul > li:nth-of-type(odd) blockquote {
    	background-color: #F9F9F9;
    }
    
    div.topic.col-lg-12 > ul > li:nth-of-type(even) blockquote {
    	background-color: #F2F2F2;
    }
    
    .topic [component="post/replies"] {
        border-left: 5px solid #C9C9C9 !important;
        background-color: #fafafa;
        padding: 1px 0px 1px 0px;
        margin-bottom: 18px;
    }
    
    .topic [component="post/replies"] > li {
        display: block;
    	padding: 15px 10px 15px 10px;
    	margin: 18px 12px 18px 12px;
    }
    
    .topic [component="post/replies"] > li > hr:last-of-type {
    	display: none;
    }
    
    .topic [component="post/replies"] > li:nth-of-type(odd) {
        background-color: #F2F2F2;
    }
    
    .topic [component="post/replies"] > li:nth-of-type(even) {
        background-color: #F9F9F9;
    }
    
    .topic [component="post/replies"] > li:nth-of-type(odd) blockquote {
    	background-color: #F9F9F9 !important;
    }
    
    .topic [component="post/replies"] > li:nth-of-type(even) blockquote {
    	background-color: #F2F2F2 !important;
    }
    
    • Light Code-Boxes
    .hljs {
        border: 1px solid lightgray;
        background: #fafafa;
        tab-size: 4;
    }
    
    • No Code-Box scroll
    .topic .posts .content pre {
        max-height: none;
    }
    
    • Bigger Up-/Downvote Chevrons Inzwischen überflüsig.
    div.topic.col-lg-12 > ul > li:nth-of-type(odd) [component="post/downvote"] > i,
    div.topic.col-lg-12 > ul > li:nth-of-type(odd) [component="post/upvote"] > i  {
        -webkit-text-stroke: 1px #f2f2f2;
    }
    
    div.topic.col-lg-12 > ul > li:nth-of-type(even) [component="post/downvote"] > i,
    div.topic.col-lg-12 > ul > li:nth-of-type(even) [component="post/upvote"] > i {
        -webkit-text-stroke: 1px #f9f9f9;
    }
    
    div.topic.col-lg-12 > ul > li [component="post/downvote"].downvoted > i,
    div.topic.col-lg-12 > ul > li [component="post/upvote"].upvoted > i {
        -webkit-text-stroke: 1px #337ab7;
    }
    
    • Remove "Chat" from Settings
    #chat_dropdown {
        display: none;
    }
    
    .dropdown-menu > li > a[component="account/chat"],
    .dropdown-menu > li > a[component="account/new-chat"] {
        display: none !important;
    }
    
    #content > div.notifications > div.btn-toolbar > div.dropdown.pull-right.open > ul > li:nth-child(4)
    {
        display: none;
    }
    
    #content > div.account > div.row > div:nth-child(1) > h4:nth-child(3),
    #content > div.account > div.row > div:nth-child(1) > div:nth-child(4)
    {
        display: none;
    }
    
    #content > div.account > div.row > div:nth-child(2) > div:nth-child(6) > div:nth-child(5),
    #content > div.account > div.row > div:nth-child(2) > div:nth-child(6) > label:nth-child(12),
    #content > div.account > div.row > div:nth-child(2) > div:nth-child(6) > div:nth-child(13),
    #content > div.account > div.row > div:nth-child(2) > div:nth-child(6) > label:nth-child(14),
    #content > div.account > div.row > div:nth-child(2) > div:nth-child(6) > div:nth-child(15) {
        display:none;
    }
    

  • Gesperrt

    Dieser Beitrag wurde gelöscht!

Anmelden zum Antworten