您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
A custom style for the Nolimits Exchange Forums loosely based on naut for reddit.
// ==UserScript== // @name Nolimits Exchange Forums // @namespace http://userstyles.org // @description A custom style for the Nolimits Exchange Forums loosely based on naut for reddit. // @author Kevin Van Weerdenburg // @homepage https://userstyles.org/styles/132676 // @include http://forum.nolimits-exchange.com/* // @include https://forum.nolimits-exchange.com/* // @include http://*.forum.nolimits-exchange.com/* // @include https://*.forum.nolimits-exchange.com/* // @run-at document-start // @version 0.20160914133222 // ==/UserScript== (function() {var css = [ "/* cyrillic-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 300;", " src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(http://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;", "}", "/* cyrillic */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 300;", " src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(http://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;", "}", "/* greek-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 300;", " src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(http://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+1F00-1FFF;", "}", "/* greek */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 300;", " src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(http://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0370-03FF;", "}", "/* vietnamese */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 300;", " src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(http://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;", "}", "/* latin-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 300;", " src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(http://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;", "}", "/* latin */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 300;", " src: local(\'Roboto Light\'), local(\'Roboto-Light\'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format(\'woff2\');", " unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;", "}", "/* cyrillic-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 400;", " src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(http://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format(\'woff2\');", " unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;", "}", "/* cyrillic */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 400;", " src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(http://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format(\'woff2\');", " unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;", "}", "/* greek-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 400;", " src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(http://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format(\'woff2\');", " unicode-range: U+1F00-1FFF;", "}", "/* greek */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 400;", " src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(http://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format(\'woff2\');", " unicode-range: U+0370-03FF;", "}", "/* vietnamese */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 400;", " src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(http://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format(\'woff2\');", " unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;", "}", "/* latin-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 400;", " src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(http://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format(\'woff2\');", " unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;", "}", "/* latin */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 400;", " src: local(\'Roboto\'), local(\'Roboto-Regular\'), url(http://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format(\'woff2\');", " unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;", "}", "/* cyrillic-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 500;", " src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(http://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;", "}", "/* cyrillic */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 500;", " src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(http://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;", "}", "/* greek-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 500;", " src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(http://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+1F00-1FFF;", "}", "/* greek */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 500;", " src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(http://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0370-03FF;", "}", "/* vietnamese */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 500;", " src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(http://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;", "}", "/* latin-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 500;", " src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(http://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;", "}", "/* latin */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 500;", " src: local(\'Roboto Medium\'), local(\'Roboto-Medium\'), url(http://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format(\'woff2\');", " unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;", "}", "/* cyrillic-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 700;", " src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(http://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;", "}", "/* cyrillic */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 700;", " src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(http://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;", "}", "/* greek-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 700;", " src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(http://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+1F00-1FFF;", "}", "/* greek */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 700;", " src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(http://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0370-03FF;", "}", "/* vietnamese */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 700;", " src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(http://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;", "}", "/* latin-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 700;", " src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(http://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format(\'woff2\');", " unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;", "}", "/* latin */", "@font-face {", " font-family: \'Roboto\';", " font-style: normal;", " font-weight: 700;", " src: local(\'Roboto Bold\'), local(\'Roboto-Bold\'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format(\'woff2\');", " unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;", "}", "/* cyrillic-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: italic;", " font-weight: 400;", " src: local(\'Roboto Italic\'), local(\'Roboto-Italic\'), url(http://fonts.gstatic.com/s/roboto/v15/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format(\'woff2\');", " unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;", "}", "/* cyrillic */", "@font-face {", " font-family: \'Roboto\';", " font-style: italic;", " font-weight: 400;", " src: local(\'Roboto Italic\'), local(\'Roboto-Italic\'), url(http://fonts.gstatic.com/s/roboto/v15/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format(\'woff2\');", " unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;", "}", "/* greek-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: italic;", " font-weight: 400;", " src: local(\'Roboto Italic\'), local(\'Roboto-Italic\'), url(http://fonts.gstatic.com/s/roboto/v15/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format(\'woff2\');", " unicode-range: U+1F00-1FFF;", "}", "/* greek */", "@font-face {", " font-family: \'Roboto\';", " font-style: italic;", " font-weight: 400;", " src: local(\'Roboto Italic\'), local(\'Roboto-Italic\'), url(http://fonts.gstatic.com/s/roboto/v15/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format(\'woff2\');", " unicode-range: U+0370-03FF;", "}", "/* vietnamese */", "@font-face {", " font-family: \'Roboto\';", " font-style: italic;", " font-weight: 400;", " src: local(\'Roboto Italic\'), local(\'Roboto-Italic\'), url(http://fonts.gstatic.com/s/roboto/v15/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format(\'woff2\');", " unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;", "}", "/* latin-ext */", "@font-face {", " font-family: \'Roboto\';", " font-style: italic;", " font-weight: 400;", " src: local(\'Roboto Italic\'), local(\'Roboto-Italic\'), url(http://fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format(\'woff2\');", " unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;", "}", "/* latin */", "@font-face {", " font-family: \'Roboto\';", " font-style: italic;", " font-weight: 400;", " src: local(\'Roboto Italic\'), local(\'Roboto-Italic\'), url(http://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format(\'woff2\');", " unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;", "}", "", "", "html, body, div, span, applet, object, iframe,", "h1, h2, h3, h4, h5, h6, p, blockquote, pre,", "a, abbr, acronym, address, big, cite, code,", "del, dfn, em, img, ins, kbd, q, s, samp,", "small, strike, strong, sub, sup, tt, var,", "b, u, i, center,", "dl, dt, dd, ol, ul, li,", "fieldset, form, label, legend,", "table, caption, tbody, tfoot, thead, tr, th, td,", "article, aside, canvas, details, embed, ", "figure, figcaption, footer, header, hgroup, ", "menu, nav, output, ruby, section, summary,", "time, mark, audio, video {", " font-family: \'Roboto\', sans-serif;", "}", "", "html{", " overflow-x: hidden;", " overflow-y: scroll;", "}", "", "body{", " margin:0;", " padding:0;", " background-color: #eee;", " background-image: none;", " color: #3b3b3b;", " ", "}", "h1,h2,h3,h4,h5,h6{", " margin-top: 0px;", " margin-bottom: 0px;", " font-weight: normal;", " color: black;", " padding: 5px 0px;", " line-height: 100%;", "}", "", "", "body,div,table,td{", " font-size:12px;", "}", "", "* {", " transition: all 0.15s ease-in-out;", "}", "", "*:hover {", " transition: all 0.15s ease-in-out;", "}", "", "a {", " color: #ae477b;", "}", " ", "a:hover {", " text-decoration: underline;", "}", "", "hr {", " border-width: 1px;", " border-style: solid;", " border-color: #e5e5e5;", "}", "", " ", "#pgbottom{", " text-decoration:none!important;", " height:1px;", " width:1px;", " font-size:1px;", "}", "", ".ErrorContainer{", " background: no-repeat top left #FFEDEF;", " border-top:1px solid #FFC2CA;", " padding:10px 10px 10px 27px!important;", " overflow:hidden;", "}", "", ".ErrorTitle{", " font-weight:bold;", " color:#c00!important;", "}", "", ".Error{", " color:#c00!important;", "}", "", "#Success{", " border-top:1px solid #9C9;", " border-bottom:1px solid #9C9;", " background:#E2F9E3;", " color:#060!important;", " display:block;", " line-height:200%;", " text-align:center;", " font-size:13px;", " margin-bottom:10px!important;", "}", "/* Custom browser CSS -----------------------------------------------------------------------*/", " :focus {outline: 0px;}", " ", " ::-webkit-scrollbar {", " width: 6px;", " height: 6px;", " background-color: transparent;", " border: none;", " }", " ", " ::-webkit-scrollbar-thumb {", " position: absolute;", " background-color: rgba(85, 85, 85, 0.5);", " transition: background-color 0.15s ease-in-out;", " border: none;", " border-radius: 2px;", " }", " ", " ::-webkit-scrollbar-thumb:hover {", " background-color: rgba(85, 85, 85, 1);", " transition: background-color 0.15s ease-in-out;", " border: none;", " }", " ", " ::-webkit-scrollbar-button {", " display: none;", " width: 0;", " height: 0;", " }", " ", " ::-webkit-scrollbar-corner {", " background-color: transparent;", " color: #555555;", " }", " ", " ::selection {background-color:#f1f1f1;color:#5b92fa;font-weight:bold;}", " /* mozilla firefox */", " ::-moz-selection {background-color:#f1f1f1;color:#5b92fa;font-weight:bold;}", "", "/* Notifications -----------------------------------------------------------------------*/", ".Notice{", " background: left center no-repeat;", " background-color: #FFFECC;", " border:1px solid #FAEBB1;", " font-size:13px;", " padding:8px 8px 8px 30px;", " margin-bottom:20px;", " color:#D57D00;", " line-height:150%;", "}", "", ".Notice span{", " float:right;", " display:block;", " font-size:11px;", "}", "", ".Notice span a,.Notice span a:link,.Notice span a:visited,.Notice span a:hover{", " color:#f60;", "}", "", ".Invisible{", " display:none;", "}", "", ".Visible{", " display:block;", "}", "/* Session (login and stuff) -----------------------------------------------------------------------*/", "#Session{", " position: fixed;", " z-index: 4;", " top: 165px;", " right: 15px;", " padding: 15px;", " width: 270px;", " background-color: #fff;", " color: black;", " font-size: 15px;", " text-align: left;", " font-family: \'Roboto\', sans-serif;", " border-radius: 2px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.16);", "}", "", "#Session a{", " color: #ae477b;", " font-weight: normal;", " font-size: 15px;", "}", "", "#Session a:hover{", " text-decoration: underline;", " color: #ae477b;", "}", "/* Header -----------------------------------------------------------------------*/", "#Header{", " height: 260px;", " width: calc(100% + 6px);", " background: #2a2b2e url(\"http://i.imgur.com/jRDYkbL.jpg\") no-repeat;/* Picture is from Air by Dave Ainsworth*/", " background-size: cover;", " background-position: 50% 10%;", " border-top: 0px;", " border-bottom: 0px solid;", " overflow: visible !important;", "}", "", "", "#Header h1{", " color:#fff;", " font-size:0px;", " text-align: left;", " margin-top: 0px;", "}", "#Header h1:after {", " background: url(\"http://i.imgur.com/a0CPCWl.png\") no-repeat;", " background-size: 370px auto;", " top: 20px;", " position: absolute;", " left: 20px;", " width: 400px; ", " height: 150px;", " content:\"\";", " -webkit-filter: drop-shadow(0 1px 8px rgba(0,0,0,0.5));", "}", "#Header h1 strong{", " color:#fff;", " font-size:0px;", "}", "", "/* Menu -----------------------------------------------------------------------*/", "#Header ul{", " display: block;", " position: absolute;", " top: 35px;", " margin: 0px;", " right:0px;", " left: 450px;", " padding: 0px;", " height: 44px;", " border-bottom: 0px solid;", " color: #eee;", " list-style-type: none;", " vertical-align: bottom;", " text-align: left;", " padding-left: 0px;", " white-space: nowrap;", " font-weight: normal;", " font-size: 15px;", " background-color: transparent;", " font-family: \'Roboto\', sans-serif;", " z-index: 1;", " text-shadow: 0 1px 8px rgba(0,0,0,0.5);", "}", "", "#Header ul li{", " display: inline-block;", " margin: 0px;", " text-decoration: none;", " border-bottom: 0px;", " background-color: transparent;", "}", "", "#Header ul li.TabOn{", " z-index: 100;", " background: transparent;", " border: 0px solid;", " color: #eee;", " font-size: 15px;", " text-decoration: none;", "}", "", "#Header ul li.TabOn a{", " color: #eee;", " text-decoration: none;", " background: transparent;", " border-bottom: 2px solid #eee;", " font-weight: 500;", "}", "", "#Header ul li a{", " margin: 0px;", " padding: 15px 20px;", " border: 0px;", " color: #ddd;", " font-weight: normal;", " font-size: 15px;", " text-decoration: none;", " background: transparent;", " text-transform: uppercase;", "}", "", "#Header ul li a:hover{", " background: rgba(0,0,0,0.1);", " text-decoration: none;", " color: #fff;", "}", "", "#Header ul li.TabOn a:hover{", " border-bottom: 2px solid white;", " color: #eee;", " text-decoration: none;", " background: rgba(0,0,0,0.0);", "}", "", "#Header ul li a em{", " font-style:normal;", "}", "/* panel -----------------------------------------------------------------------*/", "", "#Panel{", " float: right;", " position: fixed;", " margin: 0px;", " right: 15px;", " top: 305px;", " padding-top: 15px;", " width: 300px;", " text-align: left;", " background: #fff;", " padding-bottom: 15px;", " font-family: \'Roboto\', sans-serif;", " border-radius: 2px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.16);", " z-index: 2;", " font-size: 13px;", "}", "", "#Panel:after {", " display: block;", " margin: 15px 0px;", " padding: 10px 0px;", " color: #ae477b;", " content: \"Styling Modifications by Kevan, Based on Naut for Reddit\"; /* Hey! Please don\'t remove or change this. */", " text-transform: none;", " font-size: 12px;", " position: absolute;", " width: 300px;", " text-align: center;", "}", "#Panel *{", " margin:0;", " padding:0;", " list-style:none;", " font-size: 14px;", "}", "", "#Panel h1{", " z-index: 3;", " width: 300px;", " position: absolute;", " right: 0px;", " top: -90px;", " background: #d59416;", " padding: 0px;", " border-radius: 2px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.24);", "}", "", "#Panel h1:after {", " content: url(\'http://i.imgur.com/VSVUtCQ.png\');", " position: absolute;", " right: 16px;", " top: 16px;", "}", "", "", "#Panel h1 a{", " color: #fff !important;", " letter-spacing: 0px;", " font-weight: bold;", " font-size: 15px;", " cursor: default;", " line-height: 0;", " text-decoration: none;", " padding: 25px;", " display: block;", " font-family: \'Roboto\', sans-serif;", " font-weight: normal;", "}", "", "#Panel h1 a em{", " font-style:normal;", " text-decoration:underline;", " color:#a00;", "}", "", "#Panel h1:hover{", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", " cursor: pointer;", "}", "", "#Panel h1 a:hover{", " cursor: pointer;", "}", "", "", "#Panel h2{", " font-size: 18px;", " line-height: 1.35em;", " font-family: \'Roboto\', sans-serif;", " font-weight: normal;", " margin-top: 20px;", " margin-left: 15px;", " color: #4D5763;", " padding-bottom: 3px;", " text-decoration: none;", " border-bottom: 0px;", " text-indent: 0px;", "}", "", "#Panel>h2:first-of-type {", " margin-top: 0px;", "}", "", "#Panel ul ul,#Panel ul p,#Panel select{", " margin: 0 15px;", "}", "", "#Panel ul,#Panel p{", " color:#335eb7;", " font-size:11px;", "}", "", "#Panel ul ul{", " color:#f00;", " font-size:10px;", " ", "}", "", "#Panel select, #Panel ul ul li select{", " padding:10px;", " width: 270px;", " margin: 0 0 0 15px;", " border-radius:2px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.24);", " background: #f8f8f8;", " color: #4D5763!important;", " border: 1px solid #D4D4D4;", " outline:none;", " display: inline-block;", " cursor:pointer;", "}", "", "#MoveDiscussion{", " color: #4D5763!important;", "}", "", "#Panel select:hover, #Panel ul ul li select:hover, #MoveDiscussion:hover{", " color: #4D5763!important;", " text-decoration: none!important;", " box-shadow: 0 3px 8px rgba(0,0,0,0.24);", "}", "", "#Panel ul ul li select{", " margin: 0;", "}", "", "#Panel ul ul li{", " width: auto;", " margin-bottom:3px;", " overflow:hidden;", "}", "", "#Panel ul ul li a{", " font-size: 13px;", " line-height: 1.35em;", " font-family: \'Roboto\', sans-serif;", " display:block;", " width:100%;", " color:#ae477b;", " text-decoration:none;", "}", "", "#Panel ul ul li a span{", " color:#c00;", " font-size:10px;", " padding-left:4px;", "}", "", "#Panel ul ul li a:hover{", " background-color:#fff;", " text-decoration: underline;", "}", "", "#TagCloud{", " margin: 0 15px;", "}", "", "#TagCloud a{", " font-size: 13px;", " line-height: 1.35em;", " font-family: \'Roboto\', sans-serif;", " width:100%;", " color:#ae477b;", " text-decoration:none;", "}", "#TagCloud a:hover{", " background-color:#fff;", " text-decoration: underline;", "}", "#TagCloud a:after{", " content: \",\";", "}", "", "#SetBookmark{", " font-size: 15px!important;", " color: #ea4848!important;", " line-height: 50px!important;", " height: 60px;", " vertical-align: top;", " margin-top: 10px;", "}", "", "#SetBookmark:before{", " content: \" \";", " background: url(\'http://i.imgur.com/nV0niSv.png\');", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", " transition: all 0.15s easy-in-out;", " border-radius: 23px;", " background-size: 48px;", " width: 48px;", " height: 48px;", " display: inline-block;", " margin: 0px 20px 0px 5px;", " transition: box-shadow 0.15s ease-in-out;", "}", "", "#SetBookmark:hover:before{", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", " transition: box-shadow 0.15s ease-in-out;", "}", "", "/* About -----------------------------------------------------------------------*/", "#AboutVanilla{", " display: none;", "}", "/* content -----------------------------------------------------------------------*/", "", "#Body{", " width: calc(100% - 345px);", " top: 165px;", " left: 15px;", " position: absolute;", "}", "", "#Content{", " margin: 0;", " padding: 0!important;", " background: white;", " font-family: \'Roboto\', sans-serif;", " border-radius: 2px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.16);", " z-index: 2;", " position: relative;", "}", "", "#ContentBody {", " overflow: hidden;", " padding-bottom: 50px;", " border-radius: 2px;", " animation-name: fadein;", " animation-duration: 0.75s;", " animation-iteration-count: 1;", "", " -webkit-animation-name: fadein;", " -webkit-animation-duration: 0.75s;", " -webkit-animation-iteration-count: 1;", " }", "", "", "", " @-webkit-keyframes fadein {", " 0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px);}", " 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}", " }", " ", " @-moz-keyframes fadein {", " 0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px);}", " 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}", " }", " ", " @-o-keyframes fadein {", " 0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px);}", " 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}", " }", " ", " @keyframes fadein {", " 0% {opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px);}", " 100% {opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}", " }", "", ".ContentInfo p{", " text-align:left;", " border: 0px;", "}", "", ".ContentInfo.Top{", " display: block;", " background: white;", " border: 0px;", " position: fixed;", " right: 15px;", " width: 300px;", " top: 15px;", " overflow: hidden;", " padding-bottom: 35px;", " border-radius: 2px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.16);", "}", "", ".ContentInfo *{", " font-size:13px;", " font-weight: normal;", " font-family: \'Roboto\', sans-serif;", " margin:0;", " padding:0;", "}", "", ".ContentInfo h1{", " font-size: 13px;", " line-height: 1.35em;", " margin-top: 8px;", " margin-left: 15px;", " color: #4D5763;", " padding-bottom: 3px;", " text-decoration: none;", " border-bottom: 0px;", " text-indent: 0px;", " width: 245px!important;", " white-space: normal!important;", " height: 60px;", "}", "", ".ContentInfo h1:before{", " content: \'Curently Viewing: \';", " display: block;", " font-size: 18px;", " line-height: 1.35em;", " font-family: \'Roboto\', sans-serif;", " font-weight: normal;", " color: #4D5763;", " padding-bottom: 3px;", " text-decoration: none;", " border-bottom: 0px;", " text-indent: 0px;", "}", "", ".ContentInfo.Top>a, #CommentsPage .ContentInfo.Bottom a:nth-child(1), #CommentsPage .ContentInfo.Bottom a:nth-child(2), #DiscussionsPage .ContentInfo.Bottom>a{", " font-size:0;", " background: url(\'http://i.imgur.com/lGUjXUK.png\');", " background-size: 25px;", " width: 25px;", " height: 25px;", " display: block;", " position: fixed;", " right: 25px;", " top: 65px;", " border-radius: 12.5px;", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", " transition: box-shadow 0.15s ease-in-out;", " z-index: 5;", "}", "", ".ContentInfo.Top>a:hover, #CommentsPage .ContentInfo.Bottom a:nth-child(1):hover, #CommentsPage .ContentInfo.Bottom a:nth-child(2):hover, #DiscussionsPage .ContentInfo.Bottom>a:hover{", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", " transition: box-shadow 0.15s ease-in-out;", "}", "", ".ContentInfo.Top>a:before, #CommentsPage .ContentInfo.Bottom a:nth-child(1):before, #CommentsPage .ContentInfo.Bottom a:nth-child(2):before, #DiscussionsPage .ContentInfo.Bottom>a:before{", " content: \"To the bottom of the page\";", " display: block;", " padding: 0;", " background: #ae477b;", " white-space: nowrap;", " position: absolute;", " right: 40px;", " color: white;", " text-align: center;", " font-size: 13px;", " overflow: hidden;", " height: 25px;", " width: 0px;", " line-height: 25px;", " z-index: 4;", " transition: width 0.15s ease-in-out;", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", " border-radius: 2px;", "}", "", ".ContentInfo.Top>a:hover:before, #CommentsPage .ContentInfo.Bottom a:nth-child(1):hover:before, #CommentsPage .ContentInfo.Bottom a:nth-child(2):hover:before, #DiscussionsPage .ContentInfo.Bottom>a:hover:before{", " width: 200px;", " transition: width 0.15s ease-in-out;", "}", "", "#CommentsPage .ContentInfo.Bottom a:nth-child(1){", " background: url(\'http://i.imgur.com/Xg0aoRJ.png\');", " background-size: 25px;", " top: 105px;", "}", "", "#CommentsPage .ContentInfo.Bottom a:nth-child(1):before{", " content: \"Back to Discussions\";", "}", "", "#CommentsPage .ContentInfo.Bottom a:nth-child(2), #DiscussionsPage .ContentInfo.Bottom>a{", " background: url(\'http://i.imgur.com/ufVEaPv.png\');", " background-size: 25px;", " top: 25px;", "}", "", "#CommentsPage .ContentInfo.Bottom a:nth-child(2):before, #DiscussionsPage .ContentInfo.Bottom>a:before{", " content: \"To the top of the page\";", "}", "", ".ContentInfo h1 a{", " font-size: 13px;", " color: #4D5763;", " text-decoration:none;", " font-weight: normal;", "}", "", ".ContentInfo h1 a:hover{", " color: #4D5763;", " text-decoration: none;", " cursor: text;", "}", "", ".ContentInfo input{", " font-size:10px;", " margin-left:5px;", "}", "", ".ContentInfo a:hover{", " color:#5b92fa;", "}", "", ".PageInfo{", " color:#bbb;", " border: none;", " display:inline;", " line-height:23px;", " font-weight:bold;", " border: 0px;", " border-bottom: 3px solid #e5e5e5 !important;", " background-color: #fff;", "}", "", ".PageInfo a{", " display: inline!important;", "}", "", ".PageInfo p{", " margin:0;", " display:inline;", " padding: 0px 15px;", "}", ".PageInfo strong{", " color: #5b92fa;", "}", "", ".PageList{", " overflow: hidden;", " display: block;", " float: none;", " position: absolute;", " background: white;", " padding: 0 15px;", " line-height: 35px;", " bottom: 0px;", " width: 270px;", " text-align: left;", "}", ".PageList li{", " margin:0;", " padding:0;", " list-style:none;", " color:#bbb;", " text-align:left;", "}", "", ".PageList li{", " display:inline;", "}", "", ".PageList a,.PageList li a{", " text-decoration:none;", " color: #ae477b!important;", " border: none;", " background: white;", " line-height:23px;", " font-weight:normal;", "}", ".PageList a:hover,.PageList li a:hover{", " text-decoration:underline;", " color: #ae477b!important;", "}", "", "#PageJump{", " margin:9px 0 0 20px;", " float:right;", "}", "", ".Bottom{", " margin: -15px 0 13px 0!important;", " position: absolute;", " bottom: 0px;", " right: 0px;", " width: 100%;", "}", "", ".Bottom .PageList{", " font-size: 15px;", " position: relative;", " float: left;", " padding-top: 15px;", " line-height: 0px;", " background: transparent;", "}", "", ".Bottom .PageList a, .Bottom .PageList li{", " font-size: 15px;", "}", ".Bottom p{", " float: left;", " position: relative;", " padding: 15px 10px 0px;", "}", "", "/* Discussion List -----------------------------------------------------------------------*/", "", "#Discussions, #Discussions *{", " margin: 0;", " padding: 0;", "}", "", "#Discussions{", " margin: 0!important;", "}", "", "/* NEW COMMENTS BG */", ".NewComments{", " background: #F2F2F2!important;", "}", "", ".NoNewComments{", " background: #ffffff!important;", "}", "", ".NoNewComments, #Discussions li.Read ul{", " background: transparent!important;", "}", "", "/* All discussions icon */", "#Discussions li ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/jPa0mMj.png\");", " position: absolute;", " left: 50px;", " top: 20px;", "}", "", ".NoNewComments ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/OBSj0m0.png\")!important;", "}", "/* All Sinked discussions */", ".Sink ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/6FpwUS8.png\")!Important;", "}", "/* All Closed discussions */", ".Closed ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/6FpwUS8.png\")!Important;", "}", "", "/* All Stickyed discussions */", ".Sticky ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/T2CHcTM.png\")!Important;", "}", "", ".Sticky.NoNewComments ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/IcUakCk.png\")!important;", "}", "", "/* All Bookmarked discussions */", ".Bookmarked ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/83qpOTE.png\")!Important;", "}", "", ".Bookmarked.NoNewComments ul .DiscussionTopic a:before{", " content: url(\"http://i.imgur.com/Hhokyng.png\")!important;", "}", "", "/* List styling */", "", "#Discussions li ul{", " border: 0px;", " padding: 10px 10px 16px 130px;", " border-bottom: 1px solid #f2f2f2;", " background: transparent!important;", " clear: both;", "}", "", "#Discussions li.Read.NewComments ul, #Discussions li ul{", " background: transparent!important;", " border-bottom: 1px solid #e5e5e5;", "}", "", ".Discussion{", " margin:0;", " padding:0;", " overflow:hidden;", " width:100%;", " position: relative;", "}", "", "/* New counter----------------------------------------------------------------------*/", "", ".DiscussionNew {", " position: absolute;", " font-size: 16px;", " line-height: 16px;", " left: 15px;", " top: 40px;", " text-align: center;", "}", "", ".DiscussionNew a, .NewComments .DiscussionNew a{", " color: #c6c6c6!important;", " font-weight: bold;", " font-size: 14px;", "}", "", ".DiscussionNew span{", " display: none;", "}", "", "/* Discussion Type---------------------------------------------------------------------*/", ".Sticky .DiscussionType, .Bookmarked .DiscussionType, .Sink .DiscussionType, .Closed .DiscussionType{", " display: inline-block;", " font-size: 11px;", " color: white;", " padding: 5px!important;", " font-weight: normal;", " line-height: 11px;", " margin-top: 7px!important;", "}", "", ".Sink .DiscussionType, .Closed .DiscussionType{", " background: #777;", "}", "", ".Sticky .DiscussionType{", " background: #65b354;", "}", "", ".Bookmarked .DiscussionType{", " background: #ea4848;", "}", "", "", "/* Discussion Topic---------------------------------------------------------------------*/", ".DiscussionTopic{", " font-size: 18px;", " line-height: 20px;", " overflow: visible;", " white-space: normal;", " font-family: \'roboto\' sans-serif;", " margin-top: 8px!important; ", " margin-bottom: 6px!important;", "}", "", ".DiscussionTopic a{", " font-weight: normal;", " text-decoration: none!important;", " color: #4D5763!important;", "}", "", ".Sticky .DiscussionTopic a{", " color: #65b354!important;", "}", "", "/* Discussion Last comment---------------------------------------------------------------------*/", ".DiscussionActive span:before{", " content: \"Last commented \";", " color: #b3b3b3;", " font-size: 12px;", "}", "", ".DiscussionActive span, .DiscussionLastComment span, .DiscussionLastComment span a{", " font-size: 0px;", "}", "", ".DiscussionActive{", " color: #b3b3b3;", " font-size: 12px;", " float: left;", " margin: 5px -5px 0 0!important", "}", "", ".DiscussionLastComment{", " color: #b3b3b3;", " font-size: 12px;", " margin-top: 5px!important;", " display: inline-block;", " }", "", ".DiscussionLastComment span:before{", " content: \"by \";", " color: #b3b3b3;", " font-size: 12px;", "}", "", ".DiscussionComments:after{", " content: \"\";", " display: table;", " clear: both;", "}", "", "/* More Discussion info---------------------------------------------------------------------*/", "", ".DiscussionComments, .DiscussionStarted, .DiscussionCategory {", " font-size: 12px;", " display: inline;", " color: #b3b3b3;", "}", "", ".DiscussionComments span:after, .DiscussionStarted span:after, .DiscussionCategory span:after{", " content: \": \";", "}", "", ".DiscussionComments span a:hover, .DiscussionStarted span a:hover, .DiscussionCategory span a:hover, .DiscussionComments span:hover:after{", " color: #b3b3b3!important;", " text-decoration: none;", " cursor: text;", "}", "", ".DiscussionComments a, .DiscussionCategory a{", " color: #b3b3b3!important;", "}", "", ".DiscussionComments a:hover, .DiscussionStarted a:hover, .DiscussionCategory a:hover, .DiscussionLastComment a:hover{", " color: #4F8EF7!important;", " text-decoration: none;", "}", "", "/* Category page----------------------------------------------------------------------*/", "", "#Categories>li{", " border: 0px;", " padding: 10px 10px 16px 110px;", " border-bottom: 1px solid #f2f2f2;", " background: transparent!important;", " clear: both;", " width: calc(100% - 120px);", " position: relative;", " min-height: 69px;", "}", "", "#Categories>.UnblockedCategory .CategoryOptions a:before{", " content: url(\"http://i.imgur.com/a2P7MVv.png\");", " position: absolute;", " left: 30px;", " top: 20px;", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", " border-radius: 30px;", "}", "", "#Categories>.BlockedCategory .CategoryOptions a:before{", " content: url(\"http://i.imgur.com/iIultyH.png\");", " position: absolute;", " left: 30px;", " top: 20px;", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", " border-radius: 30px;", "}", "", "#Categories>.BlockedCategory .CategoryOptions a:hover:before, #Categories>.UnblockedCategory .CategoryOptions a:hover:before{", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", "}", "", ".CategoryName a{", " font-size: 18px;", " line-height: 1.35em;", " font-family: \'Roboto\', sans-serif;", " font-weight: normal;", " margin-top: 20px;", " color: #4D5763!important;", " padding-bottom: 3px;", " text-decoration: none!important;", " border-bottom: 0px;", " text-indent: 0px;", "}", "", ".CategoryDescription{", " font-size: 12px;", " display: inline;", " color: #b3b3b3;", " float: left;", " line-height: 20px;", " padding: 5px 20px 5px 0;", "}", "", ".CategoryDiscussionCount{", " font-size: 12px;", " display: inline;", " color: #b3b3b3;", " float: left;", " line-height: 20px;", " padding: 0;", " clear: both;", "}", "", ".CategoryOptions{", " font-size: 0;", "}", "", "#Categories li ul{", " border-bottom: 0;", " padding: 0;", " list-style: none;", " margin: 0;", "}", "", "#CategoryPage #ContentBody{", " padding-bottom: 0px;", "}", "", "#Categories{", " margin-bottom: 0px;", "}", "", "/* Discussion Page (Comments)-----------------------------------------------------------------------*/", "#CommentsPage #Content{", " background: transparent;", " box-shadow: none;", "}", "", "#Comments{", " margin:0;", " padding:0;", " list-style:none;", " height:1%;", " border: 0px!important;", " background-color: transparent;", "}", "", "#CommentsPage #ContentBody{", " padding: 0;", "}", "", ".ContentInfo.Middle{", " background: white;", " padding: 10px;", " height: 30px;", " border-radius: 2px 2px 0 0;", " box-shadow: 0 1px 5px rgba(0,0,0,0.16);", "}", "", ".ContentInfo.Middle .PageInfo p{", " line-height: 31px;", "}", "", ".ContentInfo.Middle .PageList{", " position: relative;", " float: right;", " width: auto;", " line-height: 30px;", " font-size: 15px;", "}", "", "#Comments img{", " max-width: 100%;", "}", "", "#Comments a img:hover{", " opacity: 0.9;", "}", "", "#Comments>li{", " margin: 0 0 10px;", " padding: 20px;", " background: white;", " border-radius: 2px;", " border: 0px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.16);", "}", "", "#Comments .CommentHeader{", " text-align: right;", " color: #999;", " font-size: small;", " font-family: \'roboto\' sans-serif;", " width: 140px;", " padding: 0 20px 0 0;", " display: inline-block;", "}", "", "#Comments .CommentHeader ul{", " float:left;", " margin:0;", " padding:0;", " list-style:none;", " margin-bottom: 10px;", "}", "", "#Comments .CommentHeader li{", " display: block;", " width: 140px;", " text-align: center;", " line-height: normal;", " padding: 0;", " color: #aaa;", " font-size: 11px;", " border-bottom: 0;", "}", "", "#Comments .CommentHeader li div.CommentIcon{", " background: url(\'http://i.imgur.com/AJ4lhmS.png\') center center no-repeat;", " margin-right: 10px;", " background-repeat: no-repeat;", " width: 60px;", " height: 60px;", " display: block;", " background-size: cover;", " padding: 0;", " margin: 0 40px;", " border-radius: 30px;", " z-index: 222222222;", " position: absolute;", "}", "", "#Comments .CommentHeader ul li a:before{", " content: \'\';", " background: url(\'http://i.imgur.com/AJ4lhmS.png\') center center no-repeat;", " margin-right: 10px;", " background-repeat: no-repeat;", " width: 60px;", " height: 60px;", " display: block;", " background-size: cover;", " padding: 0;", " margin: 0 40px 10px;", " border-radius: 30px;", " z-index: 1;", " margin-top: -70px;", "}", "", "#Comments .CommentHeader li span{", " display:none;", "}", "", "#Comments .CommentHeader em{", " color:#bbb;", " font-style:normal;", "}", "", "#Comments li.Hidden .CommentHeader i{", " padding-left:8px;", " color:#c00;", " font-style:normal;", "}", "", "#Comments .CommentHeader a{", " text-decoration: none;", " margin: 0px 0 0 0;", " background-color: transparent;", " color: #ae477b;", " letter-spacing: 1px;", " font-weight: normal;", " font-size: 16px;", " width: 140px;", " display: block;", " overflow: hidden;", " text-align: center;", " padding-top: 70px;", "}", "#Comments .CommentHeader a:hover{", " text-decoration: underline;", " color: #ae477b;", "}", "", "#Comments .CommentHeader span{", " font-size: 0;", " font-weight:normal;", " color:#aaa;", "}", "", "#Comments .CommentHeader span a, #Comments .CommentHeader a.WhisperBack{", " font-size: 12px;", " font-weight: normal;", " cursor: pointer;", " text-decoration: none;", " display: block;", " text-align: left;", " width: 100px;", " margin: 10px 10px 0 10px;", " padding: 0 10px;", " line-height: 25px;", " background: #d59416;", " box-shadow: 0 1px 5px rgba(0,0,0,0.24);", " color: white!important;", " position: relative;", "}", "", "a.WhisperBack:before{", " content: none!important;", "}", "", ".CommentHeader a.WhisperBack:after{", " content: url(\'http://i.imgur.com/pWZMPfV.png\');", " position: absolute;", " right: 6px;", " top: 1px;", "}", "", "#Comments .CommentHeader span a:hover, #Comments .CommentHeader a.WhisperBack:hover{", " box-shadow: 0 3px 8px rgba(0,0,0,0.24);", " color: white!important;", " text-decoration: none;", "}", "", "#Comments .CommentHeader span a:first-of-type:after{", " content: url(\'http://i.imgur.com/uo6ndcq.png\');", " position: absolute;", " right: 6px;", " top: 1px;", "}", "", "#Comments .CommentHeader span a:only-of-type:after, #Comments .CommentHeader span a:after{", " content: url(\'http://i.imgur.com/1ujCS0e.png\');", " position: absolute;", " right: 6px;", " top: 1px;", "}", "", "#Comments .CommentNotice{", " padding:6px;", " font-size:13px;", " text-align:center;", " border-top:1px solid #D9999A;", " border-bottom:1px solid #D9999A;", " background:#FEE1E1;", " color:#850406!important;", " margin:10px 0 20px 0;", "}", "", "#Comments .CommentBody{", " display: inline-block;", " color: #161616;", " font-weight: normal;", " font-size: 14px;", " margin: 0px;", " padding: 0px;", " font-family: \'roboto\' sans-serif;", " line-height: 1.35em;", " width: calc(100% - 200px);", " vertical-align: top;", " border-left: 1px solid #ccc;", " min-height: 138px;", " padding-left: 20px;", "}", "#Comments .CommentBody a{", " text-decoration:none;", " color: #ae477b;", "}", "#Comments .CommentBody a:hover{", " text-decoration:underline;", " color:#ae477b;", "}", "", "#Comments .CommentBody ul li,#Comments .CommentBody ol li{", " border-bottom:none;", " padding:0;", "}", "", "#CommentsPage .ContentInfo.Middle .PageInfo{", " border-top:0;", " margin:0;", "}", "", "#Comments code{", " border-left: none;", " background: #f5f5f5;", " padding: 8px 8px 12px 8px;", " /* padding-left: 16px; */", " display: block;", " white-space: pre;", " color: #666;", " font-family: monospace,monospace;", " margin: 10px;", " border: 1px solid #eeeed2;", " background-color: #fcfcf7;", " border-radius: 2px;", "}", "", "#Comments blockquote{", " padding: 8px 16px;", " margin: 0 0 8px;", " background: rgb(247, 247, 248);", " border: None;", " color: #777;", "}", "", "#Comments blockquote blockquote, #Comments blockquote blockquote blockquote blockquote{", " border: none;", " background: white;", "}", "", "#Comments blockquote blockquote blockquote, #Comments blockquote blockquote blockquote blockquote blockquote{", " border: none;", " background: rgb(247, 247, 248);", "}", "", "#Comments blockquote cite{", " font-weight: normal;", " font-style: normal;", " display: block;", " margin-bottom: 5px;", " padding-bottom: 0px;", " border-bottom: 0px;", " color: #ae477b;", "}", "", "/* Search-----------------------------------------------------------------------*/", "#Form.Search{", " width:99%!important;", " padding:0!important;", "}", "", "html>body #Form.Search{", " width:100%!important;", "}", "", "#Form.Search fieldset legend{", " padding: 5px 5px 0 5px!important;", " margin: 5px!important;", "}", "", ".Account.Search{", " background: white;", " border: 0px;", " border-bottom: 3px solid #e5e5e5 !important;", " background-color: #fff;", " margin-bottom: 15px!important;", "}", "#SearchSimple{", " margin:0!important;", "}", "", "#SearchSimple label{", " display:inline!important;", " width:10px!important;", "}", "", "#MainSearchInput #txtKeywords{", " width:90%!important;", " margin-left:0!important;", "}", "", "#MainSearchInput label{", " display:none!important;", "}", "", "#Form.Search .Submit input{", " margin:0!important;", " color:#000!important;", "}", "", ".SearchInput,.SearchSelect,.SearchSelect option{", " color:#000!important;", "}", "", "#SimpleSearchRadios input{", " width:auto!important;", " margin:0 2px 0 12px;", "}", "#SimpleSearchRadios{", " padding-top: 10px!important;", "}", "#SimpleSearchRadios label{", " font-weight:normal!important;", "", "}", "#SimpleSearchRadios label{", " display: inline-block;", " cursor: pointer;", " position: relative;", " padding: 5px 10px 3px 8px;", " margin-left: 15px;", " font-size: 13px;", " background: #f1f1f1;", " border-bottom: 3px solid #f1f1f1;", " ", "}", "#SimpleSearchRadios input[type=radio] {", " display: none;", "}", "", "#SimpleSearchRadios input[type=radio]:checked + label {", " background: #f1f1f1;", " border-bottom: 3px solid #5b92fa;", "}", "", ".SearchSwitch{", " display:block;", " color:white!important;", " position:relative;", " top:5px;", " background: #5b92fa;", " text-decoration: none;", " border-bottom: 3px solid #5b92fa;", " margin-right: 10px!important;", " padding: 10px 10px 7px 10px!important;", " float:right;", "}", ".SearchSwitch:hover{", " text-decoration: none;", " color:white!important;", " background: #5b92fa;", " border-bottom: 3px solid #3863B6;", "}", "", "#SearchDiscussionFields,#SearchCommentFields,#SearchUserFields{", " display:none;", "}", "", ".AdvancedSearchInput{", " width:60%!important;", "}", "", ".AdvancedUserInput,#DiscussionAutoCompleteResults,#CommentAutoCompleteResults{", " width:160px!important;", "}", "", "#ddRoles,#ddOrder,#ddCommentCategories,#ddDiscussionCategories{", " width:auto!important;", "}", "", "#SearchPage{", " margin-bottom:20px;", "}", "", "#SearchPage .ContentInfo h1{", " text-align:left!important;", "}", "", "#SearchPage .Bottom .PageInfo{", " margin-top:0!important;", " border-top:0!important;", "}", "/* Comments results ---------------------------------------------------*/", "#CommentResults{", " margin-top: 0px;", " float:left;", " width:100%;", " padding-left: 0px;", "}", "", "#CommentResults,#CommentResults *{", " list-style:none;", " margin-top: 0px;", " padding: 0px;", "}", "", "#CommentResults li li{", " height:auto;", " border:0;", "}", "", "#CommentResults li ul{", " border: 0px;", " margin-bottom: 8px!important;", " border-bottom: 3px solid #e5e5e5!important;", " background: #fff!important;", " margin-left: 0px;", " padding: 15px 10px 6px 10px!important;", "}", "", "#CommentResults ul span,#CommentResults ul span a,#CommentResults ul a{", " color:#aaa;", " text-decoration:none;", "}", "", "#CommentResults ul span a:hover,#CommentResults ul a:hover{", " color:#5b92fa;", " text-decoration: underline;", "}", "", "#CommentResults ul a{", " color:#777;", "}", "", "#CommentResults .CommentResult ul{", " background-color:#fff!important;", "}", "", "#CommentResults .CommentText span{", " display:none;", "}", "", "#CommentResults .CommentText span.Highlight{", " display:inline;", " color:#5b92fa;", " background: White;", "}", "", "#CommentResults .CommentText{", " margin: 0px!important;", " padding:4px 0 4px 0!important;", " font-size: 14px;", "}", "", "#CommentResults .CommentText a{", " color:#000!important;", "}", "", "#CommentResults .CommentText a:hover{", " background-color: White;", " text-decoration: underline; ", "}", "", ".CommentAuthor,.CommentAdded{", " width:auto;", " display:inline;", " color: #999;", " font-weight: normal;", " font-size: 12px;", " font-family: \'Roboto\', sans-serif;", " line-height: 1.35em;", " margin-right:10px!important;", " text-decoration: none;", "}", "", "#CommentResults .SearchComment{", " border-top: none;", "}", "", "#CommentResults .SearchComment ul{", " margin: 0 0 8px 0!important;", "}", "/* User results ---------------------------------------------------*/", "#UserResults{", " margin-top: 0px;", " float:left;", " width:100%;", " padding-left: 0px;", "}", "", "#UserResults,#UserResults *{", " list-style:none;", " margin-top: 0px;", "}", "", "#UserResults li{", " border-top: none;", "}", "", "#UserResults li ul{", " margin-top:0!important;", " border-bottom:1px solid #ccc;", " min-width:0;", "}", "", "#UserResults li li{", " height:auto;", " border:0;", "}", "", "#UserResults li ul{", " border: 0px;", " margin-bottom: 8px!important;", " border-bottom: 3px solid #e5e5e5!important;", " background: #fff!important;", " margin-left: 0px;", " padding: 10px 10px 6px 50px!important;", "}", "li.User{", " display:inline;", " font-size:10px;", " margin-right:10px!important;", " color: #5b92fa;", "}", "", "li.User span{", " color:#aaa;", "}", "", "li.User.Name{", " display:block;", " font-size:11px;", " overflow:visible;", " color: #aaa;", " text-decoration: none;", "}", "", "li.User.Name .UserIcon{", " padding:9px 0 19px 30px!important;", " margin-left: -40px!important;", " margin-right:6px!important;", " background-repeat:no-repeat!important;", " display:inline!important;", " background:0px 10px no-repeat;", " background-size: 30px 30px;", "}", "", "li.User.Name a{", " font-size:14px;", " text-decoration: none!important;", " color: #5b92fa!important;", "}", "", "li.User.Name.WithIcon{", " line-height: 100%;", "}", "", "li.User.Name a:hover{", " text-decoration:underline!important;", " color:#5b92fa;", "}", "", "li.User.Name span{", " display:none;", "}", "/* Forms Styling ------------------------------------ ---------------------------------------------------*/", "#Form *{", " margin:0;", " padding:0;", " list-style:none;", "}", "", "#Form{", " margin-bottom:10px;", "}", "", "#Form fieldset{", " border:0;", " clear:none;", " margin-bottom:0px;", "}", "", "#Form fieldset legend{", " font-size: 18px;", " line-height: 1.35em;", " font-family: \'Roboto\', sans-serif;", " font-weight: normal;", " margin-top: 20px;", " padding: 0;", " color: #4D5763;", " padding-bottom: 10px;", " text-decoration: none;", " border-bottom: 0px;", " text-indent: 0px;", "}", "", "#Form form{", " margin:0;", " padding:5px 10px 0 10px;", " border: 0px;", " background-color: transparent;", "}", "", "#Form li{", " margin-bottom:10px;", " color: black;", " font-weight:bold;", "}", "", "#Form label a{", " margin-bottom:-3px;", " margin-right: 10px;", " float:right;", " padding:3px 6px;", " color: black;", " text-decoration:none;", " font-weight:normal;", " border:1px solid rgb(169, 169, 169);", " background-color: white;", "}", "", "#WhisperUsername,#WhisperAutoCompleteResults{", " width:200px;", " border: 1px solid rgb(169, 169, 169);", "}", "", "#Form textarea,#Form input,#Form select{", " font-family: \'Roboto\' sans-serif;", " font-size: 13px;", " font-weight: normal;", " padding: 10px;", " width: calc(100% - 20px);", " resize: none;", " border-radius: 2px;", "}", "", "#Form textarea,#Form input,#Form select{", " border:1px solid #d2d2d2;", "}", "", "#Form textarea:focus,#Form input:focus,#Form select:focus{", " box-shadow: rgba(0, 0, 0, 0.156863) 0px 1px 10px inset;", "}", "", "#Form textarea{", " height:150px;", "}", "", "#Form textarea.SmallCommentBox{", " height:500px;", "}", "", "#Form textarea.LargeCommentBox{", " height:2000px;", "}", "", "#Form .Button{", " cursor:pointer;", " color: white!important;", " background: #5b92fa;", " padding: 5px;", " border: none;", " text-decoration: none;", " border-bottom: 3px solid #5b92fa;", "}", "#Form .Button:hover{", " background: #5b92fa;", " color: white!important;", " border: none;", " text-decoration: none;", " border-bottom: 3px solid #3863B6;", "}", "", "#CommentsPage #Form .Button.SubmitButton{", " font-size: 0;", " display: block!important;", " width: 50px!important;", " height: 50px;", " border: 0!important;", " background-image: url(\'http://i.imgur.com/v2X12uW.png\');", " background-repeat: no-repeat;", " background-color: transparent;", " background-position: right center;", " line-height: 0;", " padding: 0!important;", " margin: 0!important;", " position: absolute;", " right: 30px;", " top: 390px;", " box-shadow: none!important;", " -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.24));", " filter: drop-shadow(0 2px 2px rgba(0,0,0,0.24));", "}", "", "#CommentsPage #Form .Button.SubmitButton:nth-of-type(2) {", " background-image: url(\'http://i.imgur.com/O9Wdqm1.png\');", " top: 460px;", "}", "", "#CommentsPage #Form .Button.SubmitButton:hover{", " width: 300px!important;", " -webkit-filter: drop-shadow(0 5px 5px rgba(0,0,0,0.24));", " filter: drop-shadow(0 5px 5px rgba(0,0,0,0.24));", "}", "", "#PostPage #Form .Button.SubmitButton{", " font-size: 0;", " display: block!important;", " width: 50px!important;", " height: 50px;", " border: 0!important;", " background-image: url(\'http://i.imgur.com/v2X12uW.png\');", " background-repeat: no-repeat;", " background-color: transparent;", " background-position: right center;", " line-height: 0;", " padding: 0!important;", " margin: 0!important;", " position: absolute;", " right: 30px;", " top: 390px;", " box-shadow: none!important;", " -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.24));", " filter: drop-shadow(0 2px 2px rgba(0,0,0,0.24));", "}", "", "#PostPage #Form .Button.SubmitButton:nth-of-type(2) {", " background-image: url(\'http://i.imgur.com/O9Wdqm1.png\');", " top: 460px;", "}", "", "#PostPage #Form .Button.SubmitButton:hover{", " width: 300px!important;", " -webkit-filter: drop-shadow(0 5px 5px rgba(0,0,0,0.24));", " filter: drop-shadow(0 5px 5px rgba(0,0,0,0.24));", "}", "", "#PostPage .CancelButton:before{", " content: \"Cancel and go back\";", " display: block;", " padding: 0;", " background: #ae477b;", " white-space: nowrap;", " position: absolute;", " right: 60px;", " color: white;", " text-align: center;", " font-size: 13px;", " overflow: hidden;", " top: 2.5px;", " height: 45px;", " width: 0px;", " line-height: 45px;", " z-index: 4;", " transition: width 0.15s ease-in-out;", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", " border-radius: 2px;", "}", "", "#PostPage .CancelButton:hover:before{", " width: 200px;", " transition: width 0.15s ease-in-out;", "}", "#PostPage .CancelButton{", " font-size: 0;", " display: block;", " width: 50px;", " height: 50px;", " border: 0!important;", " border-radius: 25px;", " background-image: url(\'http://i.imgur.com/kV14aIb.png\');", " background-color: #d59416!important;", " background-size: 51px;", " line-height: 0;", " padding: 0!important;", " margin: 0!important;", " position: absolute;", " right: 30px;", " top: 530px;", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", "}", "", "#Form.StartDiscussion{", " background: white;", " border-bottom: 3px solid #e5e5e5;", " padding-bottom: 8px;", " margin-top: -5px;", "}", "#Form.StartDiscussion legend{", " padding-top:10px;", " padding-left: 10px;", " font-size: 16px;", "}", "", ".AddComments{", " width:100%;", "}", "", "#Form.AddComments, #PostPage #Form.AddComments, #Form.StartDiscussion {", " width: calc(100% - 40px);", " background: #fafafa;", " margin: 0px 0 4px 0;", " padding: 20px;", " box-shadow: 0 1px 5px rgba(0,0,0,0.16);", " border-radius: 0 0 2px 2px;", " z-index: -1;", " position: relative;", "}", "", "#Form.AddComments fieldset{", " margin:0;", "}", "", "#Form.AddComments form, #Form.StartDiscussion form{", " margin-top:0!important;", " padding: 0;", " width: calc(100% - 90px);", "}", "", "#Form.StartDiscussion form .CategorySelect{", " width: 100%;", "}", "", "#Form.StartDiscussion label,#Form.AddComments label{", " display: block;", " width: 100%;", " color: #aaa;", " font-weight: normal;", " font-size: 13px;", " padding-bottom: 10px;", "}", "", "#Form.StartDiscussion label.Radio,#Form.AddComments label.Radio{", " font-size: 0;", " display: block!important;", " width: 50px!important;", " height: 50px;", " border: 0!important;", " border-radius: 25px;", " background-image: url(\'http://i.imgur.com/z8aFVfx.png\');", " background-color: #d59416;", " background-size: 51px;", " line-height: 0;", " padding: 0!important;", " margin: 0!important;", " position: absolute;", " right: 30px;", " top: 140px;", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", "}", "", "#Form.StartDiscussion label.Radio:hover,#Form.AddComments label.Radio:hover,#Form .Button.SubmitButton:hover{", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", "}", "", "#Form.StartDiscussion label.Radio:nth-of-type(2),#Form.AddComments label.Radio:nth-of-type(2){", " background-image: url(\'http://i.imgur.com/u76B8c9.png\');", " top: 210px;", " background-size: 51px;", "}", "", "#Form.StartDiscussion label.Radio:nth-of-type(3),#Form.AddComments label.Radio:nth-of-type(3){", " background-image: url(\'http://i.imgur.com/Va3340x.png\');", " top: 280px;", " background-size: 51px;", "}", "", "", "#Form.StartDiscussion label.Radio:before, #Form.AddComments label.Radio:before, #CommentBoxController:before{", " content: \"Use plain text formatting\";", " display: block;", " padding: 0;", " background: #ae477b;", " white-space: nowrap;", " position: absolute;", " right: 60px;", " color: white;", " text-align: center;", " font-size: 13px;", " overflow: hidden;", " top: 2.5px;", " height: 45px;", " width: 0px;", " line-height: 45px;", " z-index: 4;", " transition: width 0.15s ease-in-out;", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", " border-radius: 2px;", "}", "", "#Form.StartDiscussion label.Radio:hover:before, #Form.AddComments label.Radio:hover:before, #CommentBoxController:hover:before{", " width: 200px;", " transition: width 0.15s ease-in-out;", "}", "", "#Form.StartDiscussion label.Radio:nth-of-type(2):before, #Form.AddComments label.Radio:nth-of-type(2):before{", " content: \"Use Markup formatting\";", "}", "", "#Form.StartDiscussion label.Radio:nth-of-type(3):before, #Form.AddComments label.Radio:nth-of-type(3):before{", " content: \"Use HTML formatting\";", "}", "", "#CommentBoxController:before{", " content: \"Change editor height\";", "}", "", ".DiscussionBox{", " width:400px;", "}", "", "#Form .Button{", " width:auto!important;", "}", "", "#Form.AddComments a,#Form.StartDiscussion a{", " font-weight:normal;", "}", "", "#CommentFormats input{", " margin:0 2px 0 12px;", "}", "", "#Form.StartDiscussion #CommentFormats label,#Form.AddComments #CommentFormats label{", " font-weight:normal;", "}", "", "#CommentFormats label{", " display: inline-block;", " cursor: pointer;", " position: relative;", " padding: 5px 10px 3px 8px;", " margin-left: 15px;", " font-size: 13px;", " background: #f1f1f1;", " border-bottom: 3px solid #f1f1f1;", " ", "}", "#CommentFormats input[type=radio] {", " display: none;", "}", "", "#CommentFormats input[type=radio]:checked + label {", " background-color: #ae477b;", "}", "#CommentFormats{", " font-size: 0;", "}", "", "#PostPage #Content{", " padding-top:0px!important;", "}", "#Form.Account *{", " color: black;", "}", "", "#Form.Account legend{", " color:#000;", "}", "", "#Form.Account h2{", " font-size:14px;", " margin-bottom:10px;", "}", "", "#Form.Account p{", " padding-bottom:10px;", "}", "", "#Form.Account ul p{", " padding:0;", "}", "", "#Form.Account label{", " display:block;", " width:80%;", " line-height:18px;", " margin-bottom:4px;", "}", "", "#Form.GlobalsForm label{", " float:left;", "}", "", "#Form.Extensions label{", " width:100%;", "}", "", "#Form.Account .Description span label,#Form.Account label small{", " font-weight:normal;", "}", "", "#Form.Account input,#Form.Account select{", " color:#000;", " width:40%;", "}", "", "#Form.GlobalsForm input,#Form.GlobalsForm select{", " width:59%;", "}", "", ".Description{", " margin:3px 0!important;", " padding:3px 0 5px 0!important;", " font-weight:normal;", "}", "", "#Form.Account p span{", " display:block;", " margin-top:5px;", "}", "", "#Form.Account p span label{", " float:none;", " display:inline;", " margin-left:5px;", " font-weight:bold;", " line-height:20px;", " width:90%;", "}", "", "#Form.Account p span input{", " width:14px;", "}", "", "#Form.Preferences p span label{", " font-weight:normal;", "}", "", "#Form.GlobalsForm select.SmallSelect{", " font-size:11px;", " width:50px;", "}", "", "#Form.GlobalsForm #ForumOptions p span label{", " font-weight:normal!important;", "}", "", "#Form.GlobalsForm #ForumOptions{", " margin-bottom:20px;", "}", "", "#Form.GlobalsForm p{", " margin-bottom:10px;", "}", "", "", "#CommentBoxController {", " font-size: 0;", " display: block;", " width: 50px;", " height: 50px;", " border: 0!important;", " border-radius: 25px;", " background-image: url(\'http://i.imgur.com/DrCPZLP.png\');", " background-color: #d59416!important;", " background-size: 51px;", " line-height: 0;", " padding: 0!important;", " margin: 0!important;", " position: absolute;", " right: 30px;", " top: 30px;", " box-shadow: 0 2px 4px rgba(0,0,0,0.24);", "}", "", "#CommentBoxController:hover{", " box-shadow: 0 5px 8px rgba(0,0,0,0.24);", "}", "", "", "/* Update thingys styling---------------------------------------------------------------------------------------*/", ".UpdateOld .Name,.UpdateGood .Name,.UpdateUnknown .Name,.UpdateChecking .Name{", " padding:0 0 4px 23px!important;", "}", "", ".UpdateOld .Details,.UpdateGood .Details,.UpdateUnknown .Details,.UpdateChecking .Details{", " font-weight:normal;", "}", "", ".UpdateOld,.UpdateUnknown{", " background:#FFC;", "}", "", ".UpdateGood{", " background:#FFFB97;", "}", "", ".UpdateChecking{", " background:#FFFEEC;", "}", "", "", "/* Roles Editing---------------------------------------------------------------------------------------*/", "#Form.RoleEditForm li p span label{", " font-weight:normal!important;", "}", "", "/* making categories---------------------------------------------------------------------------------------*/", "#Form.CategoryForm li p span label{", " font-weight:normal!important;", "}", "/* extensions page---------------------------------------------------------------------------------------*/", "#Form.Extensions{", " margin:0 0 20px 0!important;", "}", "", "div.Extensions ul{", " border:1px solid #ddd;", " border-bottom:0;", " margin:10px 0 20px 0!important;", "}", "", "div.Extensions ul{", " background-color:#fffeec;", "}", "", "div.Extensions ul li{", " border-bottom:1px solid #ddd;", " margin:0!important;", " padding:10px!important;", " overflow:hidden;", "}", "", "div.Extensions ul li.Enabled{", " background:#FEFECB;", "}", "", "div.Extensions ul li.Disabled{", " background: #F4F4C2;", "}", "", "div.Extensions ul li.Processing{", " background:#FEFECB;", "}", "", "div.Extensions ul li.Processing label{", " background: no-repeat center left;", "}", "", "div.Extensions ul li.Processing input{", " display:none;", "}", "", "div.Extensions ul li.Processing *{", " color:#B9AB7E!important;", "}", "", "div.Extensions h3{", " font-size:13px;", " color:#000!important;", "}", "", "div.Extensions h3 label{", " display:inline!important;", " padding-left:30px!important;", "}", "", "div.Extensions ul li input{", " width:auto!important;", " margin-top:3px!important;", " left:260px;", " position:absolute;", "}", "", "div.Extensions h3 a{", " color:#1EB136!important;", " text-decoration:none;", "}", "", "div.Extensions h3 a:hover{", " text-decoration:underline;", "}", "", "div.Extensions ul li span,div.Extensions ul li span *{", " font-size:12px;", " font-weight:normal;", " z-index:1;", "}", "", "div.Extensions ul li span{", " margin-left:10px!important;", "}", "", "div.Extensions .Version{", " font-weight:bold;", " margin-left:5px!important;", "}", "", "div.Extensions ul li p{", " padding-left:30px!important;", " color:#000!important;", " font-weight:normal;", "}", "", "div.Extensions ul li p a{", " color:#335eb7!important;", " text-decoration:none;", "}", "", "div.Extensions ul li p a:hover{", " color:#062971!important;", " text-decoration:underline;", "}", "/* Appplicants page---------------------------------------------------------------------------------------*/", "div.Applicants ul li.CheckController p{", " padding-left:4px!important;", "}", "", "div.Applicants ul li.NoApplicants p{", " padding-left:4px!important;", " color:#84733D!important;", "}", "", "div.Applicants .Approve{", " padding:0 0 10px 0!important;", "}", "", "div.Applicants .Approve input{", " font-size:11px!important;", "}", "", "div.Applicants ul{", " margin:10px 0 10px 0!important;", "}", "/* Sortlist---------------------------------------------------------------------------------------*/", ".SortList{", " background-color:#ffc;", " border:1px solid #ddd;", " border-top:0;", "}", "", ".MovableSortListItem{", " cursor:move;", "}", "", ".SortListItem{", " border-top:1px solid #ddd;", " padding:6px!important;", " margin:0!important;", " position:relative;", "}", "", ".SortListOptions{", " float:right!important;", " float:none;", " position:relative!important;", " position:absolute;", " right:auto!important;", " right:20px;", "}", "", ".SortEdit,.SortEdit:link,.SortEdit:active,.SortEdit:visited{", " color:#1eb136!important;", " font-weight:normal!important;", " text-decoration:none!important;", "}", "", ".SortEdit:hover{", " color:#393;", " text-decoration:underline;", "}", "", ".SortRemove{", " background: no-repeat center right;", " text-decoration:none;", " margin-left:10px!important;", " padding-left:15px!important;", "}", "", ".SortNoRemove{", " text-decoration:none;", " margin-left:10px!important;", " padding-left:15px!important;", "}", "/* Custominfo---------------------------------------------------------------------------------------*/", "#CustomInfo li{", " width:50%;", " float:left;", "}", "", "#CustomInfo li input{", " width:80%!important;", "}", "/* Submit---------------------------------------------------------------------------------------*/", ".Submit{", " margin:20px 0!important;", " text-align:right;", "}", "", ".Submit input{", " width:auto!important;", " float:left;", " cursor:pointer;", "}", "", ".Submit a{", " color:white!important;", "}", "", ".CancelButton{", " cursor:pointer;", " color: white!important;", " background: #5b92fa;", " padding: 5px!important;", " border: none;", " font-size: 13px!important;", " font-family: \'roboto\' sans-serif;", " font-weight: normal;", " line-height: 18px!important;", " text-decoration: none;", " border-bottom: 3px solid #5b92fa!important;", "}", ".CancelButton:hover{", " background: #5b92fa;", " color: white!important;", " border: none;", " text-decoration: none;", " border-bottom: 3px solid #3863B6!important;", "}", "/* Account Page---------------------------------------------------------------------------------------*/", "#AccountProfile #Success,#AccountProfile .ErrorContainer{", " margin-right:18px;", "}", "", "#AccountProfile .ErrorContainer{", " margin-bottom:10px;", " border-bottom:1px solid #FFC2CA;", "}", "", "#AccountProfile{", " float:left;", " width:100%;", " height: auto;", " border-right:none;", " background: white;", " padding-bottom: 20px;", " border-bottom: 3px solid #e5e5e5!important;", "}", "", "#AccountProfile *{", " margin:0;", " padding:0;", " list-style:none;", "}", "", "#AccountProfile li{", " clear:both;", " margin-right:20px;", " line-height:18px;", " margin-left: 300px;", "}", "#AccountProfile li p{", " padding-left: 0px;", "}", "", "#AccountProfile h3{", " font-size:12px;", " width: 200px;", " float:left;", "}", "", "#AccountProfile p{", " float:left;", " width:auto;", " font-weight: normal;", "}", "", "#AccountProfile h2{", " font-size:14px;", " color: #000;", " width: auto!important;", " float: left;", " padding-right: 10px;", "}", "", "#AccountProfile .ProfileTitle *{", " line-height:32px;", "}", "", "#AccountProfile .Tagline{", " padding:6px;", " text-align:center;", " border-top:1px solid #D9999A;", " border-bottom:1px solid #D9999A;", " background:#FEE1E1;", " color:#850406!important;", " margin:0 20px 10px 0;", "}", "", ".ProfileTitleIcon{", " background-repeat:no-repeat;", "}", "", ".ProfileTitle h2{", " width:48%!important;", "}", "", ".ProfileTitle.WithIcon h2{", " padding-left:8px!important;", " width:auto;", " font-size: 16px!important;", " color: #5b92fa!important;", "}", ".ProfileTitle p{", " padding-left: 0px!important;", "}", "", ".ProfileTitle.WithIcon .ProfileIcon{", " padding:9px 0 9px 30px;", " background:#fff no-repeat center center;", " margin-right:6px;", " display:inline;", " float:left;", " width:32px;", "}", "", "#AccountProfile .ProfileTitle p{", " width:auto;", " float:left;", " text-align:right;", " font-size:11px;", " color:#aaa;", "}", "", "#AccountProfile .ProfileTitle{", " line-height:20px;", " margin-bottom:10px;", "}", ".vcard {", " margin-top: 10px!important;", " position: relative;", " height: 180px;", " font-family: \'Roboto\', sans-serif;", " font-size: 12px;", " font-weight: bold;", " color: black;", "}", "#AccountProfile .Picture{", " position: absolute;", " width:280px;", " height:200px;", " overflow:hidden;", " background:center center no-repeat;", " margin-bottom:6px;", " margin-left: 10px;", " top: 0;", "}", "/* Account History---------------------------------------------------------------------------------------*/", "#AccountHistory{", " margin-left:320px;", "}", "", "html>body #AccountHistory{", " margin-left:300px!important;", "}", "", "#AccountHistory *{", " margin:0;", " padding:0;", " list-style:none;", " color:#999;", "}", "", "#AccountHistory ul,#AccountHistory h2{", " margin:0 20px;", "}", "", "#AccountHistory ul{", " margin-bottom:20px;", "}", "", "#AccountHistory h2{", " font-size:14px;", " color:#000;", "}", "", "#AccountHistory ul{", " border-top:1px solid #ccc;", "}", "", "#AccountHistory li{", " padding:5px;", " border-bottom:1px solid #ccc;", "}", "", "#AccountHistory h3,#AccountHistory h3 a{", " color:#666;", " font-size:12px;", "}", "", "#AccountHistory h3 small{", " font-size:11px;", "}", "", "#AccountHistory p{", " font-size:11px;", "}", "", "#AccountHistory p.Note{", " padding:3px;", " padding-bottom:0;", " font-style:italic;", "}", "/* Help---------------------------------------------------------------------------------------*/", "#Form.Help form{", " width:100%!important;", " margin:0;", " padding:0;", "}", "/* Settingspage---------------------------------------------------------------------------------------*/", "#SettingsPage #Form.Help p.Description{", " padding:10px!important;", " color:#84733d!important;", "}", "", "#SettingsPage #Content dl *{", " margin:0;", " padding:0;", " color:#84733d;", " font-size:12px;", "}", "", "#SettingsPage #Content dl dt{", " margin:10px 10px;", " font-weight:bold;", " font-size:14px;", "}", "", "#SettingsPage #Content dl dd{", " margin:10px;", "}", "", ".Settings ,.Account{", " background: white!important;", " Padding: 10px!important;", " border-bottom: 3px solid #e5e5e5!important;", " width: 98%!important;", " color: black!important;", "}", "", "", "/* Whispers---------------------------------------------------------------------------------------*/", ".WhisperFrom, .WhisperTo, #Comment_Preview{", " background: url(\'http://i.imgur.com/sFBKjRr.png\') repeat!important;", "}", "", ".WhisperFrom a{", " color: #b70e2e!important;", "}", "", ".WhisperTo a{", " color: #b70e2e!important;", "}", "/* Thingies---------------------------------------------------------------------------------------*/", ".left{", " float:left;", "}", "", ".hiLite{", " background-color:#ff9;", " font-style:normal;", "}", "", ".AutoCompleteContainer{", " margin:0;", " padding:0;", " border:1px solid #888;", " border-top:0;", "}", "", ".AutoCompleteContainer td{", " padding:3px;", " cursor:pointer;", "}", "", ".AutoCompleteRow td{", " background:#fff;", " color:#000;", "}", "", ".AutoCompleteHoverRow td{", " background:#335EA8;", " color:#fff;", "}", "", ".HideProgress{", " background: center center no-repeat;", " text-decoration:none!important;", " padding-left:15px;", " padding-right:15px;", "}", "", ".Progress{", " padding-left:inherit!important;", " background: none;", "}", "", ".PreferenceProgress{", " background: left center no-repeat;", " padding-left:16px!important;", "}", "", ".Complete,.PreferenceComplete{", " background:none;", " padding-left:0;", "}", "", ".PreferenceProgress input{", " display:none;", "}", "", ".PreferenceComplete input{", " display:inline;", "}", "", "#Body,#Form h2,#Form p,blockquote{", " height:1%;", "}", "/* clearfixes---------------------------------------------------------------------------------------*/", ".clearfix:after{", " content:\".\";", " display:block;", " height:0;", " clear:both;", " visibility:hidden;", "}", "", ".clearfix{", " display:inline-table;", "}", "", "/* Hides from IE-mac \\*/ * html .clearfix{", " height:1%;", "}", "", ".clearfix{", " display:block;", "}", "", "/* End hide from IE-mac */ #Content .ContentInfo.Bottom .PageInfo p{", " min-width:20px;", "}", "", "html>body #Content .ContentInfo.Bottom .PageInfo{", " border-top:none;", "}", "", "#MoveDiscussionDropdown{", " display:none;", "}", "/* Signin / Signout---------------------------------------------------------------------------------------*/", ".SignIn, .SignOut{", " width: 300px!important;", "}", ".SignIn h1 ,.SignOut h1{", " background: #5b92fa;", " margin-top: 0px;", " color: white;", "}", ".MembershipOptionLinks {", " color: black;", " background: white;", "}", ".MembershipOptionLinks a,.MembershipOptionLinks a:visited ,.SignOut a, .SignOut a:visited{", " color: black;", " background: white;", " text-decoration: none;", "}", ".MembershipOptionLinks a:hover, .SignOut a:hover{", " color: black;", " background: white;", " text-decoration: underline;", "}", ".Foot{", " Display: none;", "}", "", "", "", "", "/* click animation---------------------------------------------------------------------------------------*/", "", "@-webkit-keyframes bookmark{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; background-size: 0;}", " 45% {opacity:0.5; }", " 99% {transform:scale(1,2,1,2); -webkit-transform:scale(1.2,1.2); opacity: 0; background-size: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1; background-size: 100%;}", "}", "", "@-moz-keyframes bookmark{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; background-size: 0;}", " 45% {opacity:0.5; }", " 99% {transform:scale(1,2,1,2); -webkit-transform:scale(1.2,1.2); opacity: 0; background-size: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1; background-size: 100%;}", "}", "", "@-o-keyframes bookmark{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; background-size: 0;}", " 45% {opacity:0.5; }", " 99% {transform:scale(1,2,1,2); -webkit-transform:scale(1.2,1.2); opacity: 0; background-size: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1; background-size: 100%;}", "}", "", "@keyframes bookmark{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; background-size: 0;}", " 45% {opacity:0.5; }", " 99% {transform:scale(1,2,1,2); -webkit-transform:scale(1.2,1.2); opacity: 0; background-size: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1; background-size: 100%;}", "}", "", "@-webkit-keyframes bookmark-out{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; }", " 45% {opacity:0.5; }", " 99% {transform:scale(0,0); -webkit-transform:scale(0,0); opacity: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1;}", "}", "", "@-moz-keyframes bookmark-out{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; }", " 45% {opacity:0.5; }", " 99% {transform:scale(0,0); -webkit-transform:scale(0,0); opacity: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1;}", "}", "", "@-o-keyframes bookmark-out{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; }", " 45% {opacity:0.5; }", " 99% {transform:scale(0,0); -webkit-transform:scale(0,0); opacity: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1;}", "}", "", "@keyframes bookmark-out{", " 0% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; }", " 45% {opacity:0.5; }", " 99% {transform:scale(0,0); -webkit-transform:scale(0,0); opacity: 0;}", " 100% {transform:scale(1,1); -webkit-transform:scale(1,1); opacity: 1;}", "}", "", "", "#SetBookmark:before{", " background-image: url(\'http://i.imgur.com/dAnVhuh.png\');", " background-color: #ea4848;", "}", "", "#SetBookmark[name=\"1\"]:before{", " background-image: url(\'http://i.imgur.com/w6MlGEW.png\');", " background-color: #d2dbe0;", " animation: bookmark 0.35s ease-out forwards;", " -webkit-animation: bookmark 0.35s ease-out forwards;", "}", "", "#SetBookmark[name=\"0\"]:before{", " background-image: url(\'http://i.imgur.com/dAnVhuh.png\');", " background-color: #ea4848;", " animation: bookmark-out 0.35s ease-out forwards;", " -webkit-animation: bookmark-out 0.35s ease-out forwards;", "}", "", "#Comments .CommentHeader span a:hover, #Comments .CommentHeader a.WhisperBack:hover, #Panel h1{", " background-image: url(\'http://i.imgur.com/dQoOmej.png;\');", " background-size: 0;", " background-position: center;", " background-repeat: no-repeat;", "}", "", "#Comments .CommentHeader span a:hover, #Comments .CommentHeader a.WhisperBack:hover, #Panel h1:hover{", " animation: clicknew 0.35s ease-out forwards;", " -webkit-animation: clicknew 0.35s ease-out forwards;", "}", "", "@keyframes clicknew{", " 0% {background-size: 0;}", " 100% {background-size: 120%;}", "}", "", "@-webkit-keyframes clicknew{", " 0% {background-size: 0;}", " 100% {background-size: 120%;}", "}", "", "@-moz-keyframes clicknew{", " 0% {background-size: 0;}", " 100% {background-size: 120%;}", "}", "", "@-o-keyframes clicknew{", " 0% {background-size: 0;}", " 100% {background-size: 120%;}", "}", "", "", "@media (max-width: 1000px) {", " #Panel,", " #Header,", " #Session,", " .ContentInfo.Top,", " #TopOfPage,", " #CommentsPage .ContentInfo.Bottom a:nth-child(2), #DiscussionsPage .ContentInfo.Bottom>a,", " #CommentsPage .ContentInfo.Bottom a:nth-child(1){", " display: none!important;", " }", " ", " #Body {", " width: 100%;", " top: 5px;", " left: 0px;", " }", "}" ].join("\n"); if (typeof GM_addStyle != "undefined") { GM_addStyle(css); } else if (typeof PRO_addStyle != "undefined") { PRO_addStyle(css); } else if (typeof addStyle != "undefined") { addStyle(css); } else { var node = document.createElement("style"); node.type = "text/css"; node.appendChild(document.createTextNode(css)); var heads = document.getElementsByTagName("head"); if (heads.length > 0) { heads[0].appendChild(node); } else { // no head yet, stick it whereever document.documentElement.appendChild(node); } } })();