User:Sophus Bie/lqt.css

/* * This page contains CSS settings to allow pages using Liquid Threads to display in a nice * manner without the use of JavaScript. It has only been tested with JavaScript disabled – * things will probably be thoroughly wrong if used with JavaScript enabled. * * To use it, add the following at the TOP of your common.css file: *  @import url("http://en.wikipedia.org/w/index.php?title=User:PartTimeGnome/lqt.css&action=raw&ctype=text/css"); * * NOTE: Liquid Threads is not in use at the English Wikipedia. This CSS is only useful on * other wikis that do use it, such as mediawiki.org. * * CSS written by PartTimeGnome. */ /* Format command links horizontally with a rounded button style */ .lqt_header_commands, .lqt_threadlevel_commands, .lqt-thread-toolbar-commands, .lqt-thread-toolbar-command-list, .lqt_start_discussion { font-size: 90%; } div.lqt-thread-toolbar, ul.lqt-thread-toolbar-commands, ul.lqt-thread-toolbar-command-list { display: inline; } ul.lqt_header_commands li, ul.lqt_threadlevel_commands li, ul.lqt-thread-toolbar-commands li, ul.lqt-thread-toolbar-command-list li, .lqt_start_discussion a { display: inline; white-space: nowrap; padding: 0.3em; line-height: 2; border: 1px solid blue; border-radius: 1em; background-color: navy; color: yellow; } ul.lqt_header_commands a, ul.lqt_threadlevel_commands a, ul.lqt-thread-toolbar-commands a, ul.lqt-thread-toolbar-command-list a, .lqt_start_discussion a { color: yellow; font-weight: bold; } ul.lqt_header_commands li:hover, ul.lqt_threadlevel_commands li:hover, ul.lqt-thread-toolbar-commands li:hover, ul.lqt-thread-toolbar-command-list li:hover, .lqt_start_discussion a:hover { background-color: #ffc3aa !important; color: blue !important; } ul.lqt_header_commands li:hover a, ul.lqt_threadlevel_commands li:hover a, ul.lqt-thread-toolbar-commands li:hover a, ul.lqt-thread-toolbar-command-list li:hover a { color: blue !important; } /* Different colours for the important buttons */ .lqt_start_discussion a, .lqt-command-reply { border-color: red !important; background-color: #ffaa99 !important; color: navy !important; } .lqt-command-reply a { color: navy !important; } /* Labels for each set of buttons */ ul.lqt_header_commands:before { content: "Header: "; } ul.lqt_threadlevel_commands:before { content: "Thread: "; } ul.lqt-thread-toolbar-commands:before { content: "Post: "; } /* Hide empty button */ li.lqt-thread-toolbar-menu { display: none !important; } /* Format ToC like a wikitable */ table.lqt_toc { margin: 1em 0; background-color: #f9f9f9; border: 1px solid #aaaaaa; border-collapse: collapse; color: black; } table.lqt_toc > tr > th, table.lqt_toc > tr > td, table.lqt_toc > * > tr > th, table.lqt_toc > * > tr > td { border: 1px solid #aaaaaa; padding: 0.2em; } table.lqt_toc > tr > th, table.lqt_toc > * > tr > th { background-color: #f2f2f2; text-align: center; } /* Indent replies, get rid at space of bottom of replies. */ .lqt-thread-replies { margin-left: 3em; } .lqt-thread-replies-8, .lqt-thread-replies-15, .lqt-thread-replies-22, .lqt-thread-replies-29 { /* outdent, to stop very narrow squashed columns of text at the right */ margin-left: -18em; /* 6 times the indent amount */ } .lqt-thread-replies-8:before, .lqt-thread-replies-15:before, .lqt-thread-replies-22:before, .lqt-thread-replies-29:before { content: "(outdent)"; font-style: italic; font-size: 90%; } .lqt-replies-finish { display: none; } /* Layout of posts */ .lqt-post-wrapper { position: relative; /* so re-positioning of signature works */ border: 1px solid #999988; padding: 0 0.5em 0.5em 15em; /* 15em is space for signature on left */ margin: 0.1em 0; } .lqt_post { width: 100%; margin-bottom: 0.5em; border-bottom: 1px solid #999988; } .lqt-thread-signature { position: absolute; top: 0; left: 0; padding: 0 0.5em; width: 13.5em; /* equals .lqt-post-wrapper padding-left minus 1.5em */ height: 100%; overflow: hidden; border-right: 1px solid #999988; } .lqt-thread-user-signature { /* Signature user and timestamp parts on separate lines */ display: block; margin-top: 0.5em; } .lqt-thread-info-panel { /* Move "last edited" detail to bottom of signature area. */ position: absolute; bottom: 0.5em; left: 0; padding: 0 0.5em; width: 13.5em; font-size: 90%; font-style: italic; }