Thread: [Meta] Compact style

  1. #1
    Unregistered User Yarin's Avatar
    Join Date
    Jul 2007
    Posts
    2,158

    [Meta] Compact style

    I was just poking around with <FIREFOX_PROFILE_DIR>/chrome/userContent.css, and thought I should share
    Code:
    #fb_headerbox {
    	display: none !important; }
    
    @-moz-document domain("cboard.cprogramming.com") {
    	body {
    		position: relative !important; }
    	.posthead, .postbody, .eventbody, .bbcode_container, .userinfo .username_container, .userinfo_extra>dd, .vbseo_links, .body_wrapper, .above_body, .notices {
    		margin-top: 0 !important;
    		padding-top: 0 !important;
    		margin-bottom: 0 !important;
    		padding-bottom: 0 !important; }
    	.above_postlist {
    		width: initial !important; }
    	.vbseo_liked {
    		margin: 0 !important; }
    	.signature, #vbseo_vhtml_0, .pagetitle, .thread_info, .footer, .below_body, .thread_controls, .selected>.floatcontainer, .navtabs {
    		display: none !important; }
    	.breadcrumb {
    		position: absolute !important; }
    	.textcontrols {
    		position: absolute !important;
    		bottom: 0 !important;
    		right: 3em !important;
    		background: none !important; }
    	.logo-image>img {
    		max-height: 4em !important; }
    	.postlinking {
    		padding-left: 210px !important; }
    	.navbar {
    		position: absolute !important;
    		width: 100% !important;
    		background: none !important; }
    	.navbar_search {
    		background: #395A84 !important;
    		height: 26px !important; }
    	.postrow.has_after_content>div {
    		width: initial !important;
    		height: initial !important;
    		margin: initial !important; } }

  2. #2
    Ticked and off
    Join Date
    Oct 2011
    Location
    La-la land
    Posts
    1,728
    Screenshot?

  3. #3
    Registered User Codeplug's Avatar
    Join Date
    Mar 2003
    Posts
    4,980
    I use the Stylebot extension in Chrome:
    Attachment 14386

    Code:
    #usercp_nav {
        background-color: #000000;
    }
    
    #vbulletin_html {
        background-color: #000000;
    }
    
    a.logo-image img {
        background-color: #000000;
    }
    
    div.above_body {
        background-color: #000000;
    }
    
    div.above_threadlist_controls.toolsmenu div {
        background-color: #000000;
    }
    
    div.announceinfo {
        background-color: #000000;
        color: #828282;
    }
    
    div.announcement {
        background-color: #000000;
        color: #828282;
    }
    
    div.block {
        background-color: #000000;
    }
    
    div.block.searchresults {
        background-color: #000000;
    }
    
    div.blockbody {
        background-color: #000000;
    }
    
    div.blockrow {
        background-color: #000000;
        color: #ffffff;
    }
    
    div.body_wrapper {
        background-color: #000000;
        border-color: #000000;
    }
    
    div.floatcontainer.doc_header {
        background-color: #000000;
    }
    
    div.forumrow.table {
        background-color: #000000;
    }
    
    div.icon0.rating0.nonsticky {
        background-color: #000000;
    }
    
    div.rating0 {
        background-color: #000000;
        border-color: #000000;
    }
    
    div.threadinfo {
        background-color: #000000;
        color: #828282;
    }
    
    div.threadpostedin.td.alt {
        background-color: #000000;
    }
    
    div.user_nav {
        background-color: #000000;
    }
    
    dl.threadlastpost {
        background-color: #000000;
        color: #828282;
    }
    
    h3.blocksubhead {
        background-color: #000000;
    }
    
    h3.blocksubhead profile {
        background-color: #000000;
    }
    
    html {
        background-color: #000000;
    }
    
    li.announcerow {
        background-color: #000000;
        border-color: #000000;
    }
    
    li.inactive a {
        background-color: #000000;
    }
    
    ul.threadstats {
        background-color: #000000;
        border-color: #000000;
        color: #828282;
    }
    gg

  4. #4
    Registered User
    Join Date
    Oct 2006
    Posts
    3,445
    What's the old timer's board?
    What can this strange device be?
    When I touch it, it gives forth a sound
    It's got wires that vibrate and give music
    What can this thing be that I found?

  5. #5
    Unregistered User Yarin's Avatar
    Join Date
    Jul 2007
    Posts
    2,158
    Quote Originally Posted by Nominal Animal View Post
    Screenshot?
    Well, if you insist

    Quote Originally Posted by Elkvis View Post
    What's the old timer's board?
    lmao
    Attached Images Attached Images [Meta] Compact style-screenshot-2015-10-22-14-59-31-jpg 

  6. #6

  7. #7
    Registered User Alpo's Avatar
    Join Date
    Apr 2014
    Posts
    877
    That looks pretty cool, thanks! Can haz CSS3 transition (did notice no new module selectors)? I had never seen this part of the browser before, so it should be fun.

    Also, I thought I would share this other thing I did while bored, even though it's stupid and contains spoilers:

    [spoilers:]

    Hacky Spoiler Tags:


    [highlight][color=#FFEB90]---Spoiler Text Here---[/color][/highlight]



    PS. Your styles are really big headed and important. Like geez we get it your margin is 5px, you weren't the first div on the moon or anything :P.
    Last edited by Alpo; 10-22-2015 at 05:35 PM.
    WndProc = (2[b] || !(2[b])) ? SufferNobly : TakeArms;

  8. #8
    Unregistered User Yarin's Avatar
    Join Date
    Jul 2007
    Posts
    2,158
    Addendum
    Code:
    	.forumrow.table, .forumrow.table>.td {
    		min-height: initial !important;
    		padding: 0 !important; }
    	.lastpostby, .lastpostdate {
    		display: inline-block !important; }
    	.foruminfo.td>img {
    		height: 32px; !important; }
    	.forumactionlink {
    		display: none !important; }

  9. #9
    Unregistered User Yarin's Avatar
    Join Date
    Jul 2007
    Posts
    2,158
    Quote Originally Posted by Alpo View Post
    Can haz CSS3 transition (did notice no new module selectors)?
    Yes. In action it's nothing special, it can do anything a usual CSS can.

    Quote Originally Posted by Alpo View Post
    I had never seen this part of the browser before, so it should be fun.
    Indeed, I think I'll be making overrides for a few sites.

  10. #10
    Registered User Alpo's Avatar
    Join Date
    Apr 2014
    Posts
    877
    Quote Originally Posted by Yarin View Post

    Indeed, I think I'll be making overrides for a few sites.
    Here's an interesting one (especially if you are here in lurk mode). It acts a bit like a navigation menu, folding the posts up, then when you hover over them you see the user info, then if you click you can read the post.

    Code:
    @-moz-document domain("cboard.cprogramming.com") {
    
        [id^="post"] {
            position: relative !important;
        }
        
        .postdetails {
            position: absolute !important;
            left: 0px !important;
            top: 0px !important;
        }
    
        .postdetails > .userinfo, .postdetails > .postbody {
            position: absolute !important;
        }
    
        [id^="post"]:hover > .postdetails > .userinfo, [id^="post"]:active > .postdetails > .postbody {
            opacity: 1 !important;
            z-index: 1 !important;
            -moz-transition: all 200ms ease-in !important;
            transition: all 200ms ease-in !important;
        }
    
        [id^="post"] > .postdetails > .userinfo, [id^="post"] > .postdetails > .postbody {
            opacity: 0 !important;
            z-index: -1 !important;
            -moz-transition: all 200ms ease-out !important;
            transition: all 200ms ease-out !important;
        }
    }
    It's not that great if you have to copy any text or anything, but you can change the :active to :hover, it's definitely compact though lol.
    WndProc = (2[b] || !(2[b])) ? SufferNobly : TakeArms;

Popular pages Recent additions subscribe to a feed

Similar Threads

  1. compact table representation
    By baxy in forum C Programming
    Replies: 10
    Last Post: 07-22-2013, 04:10 PM
  2. Replies: 2
    Last Post: 10-11-2011, 11:21 PM
  3. Meta Key
    By MTK in forum C Programming
    Replies: 18
    Last Post: 09-22-2009, 07:01 PM
  4. Debian on a system with Compact Flash, without Hard Disk
    By mynickmynick in forum Linux Programming
    Replies: 19
    Last Post: 09-01-2008, 11:38 AM
  5. help on Compact Flashes MBR /Boot Sector
    By BrownB in forum Tech Board
    Replies: 1
    Last Post: 03-30-2007, 05:26 AM