body{ margin:0; padding:0; background-color: #f1f1f1; background-image: none; color: #3b3b3b; font-family: arial, sans-serif; } h1,h2,h3,h4,h5,h6{ margin-top: 20px; margin-bottom: 10px; } body,div,table,td{ font-size:12px; } a { color: #5b92fa; } 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:url(alert.gif) 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; } #Comment_Preview{ background-image:url("http://i.imgur.com/as4C9fx.png")!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: 12px; height: 12px; background-color: #f5f5f5; border-left: 1px solid #d2d2d2; } ::-webkit-scrollbar-thumb { background-color: #c3c3c3; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #969696; border-left: 1px solid #b6b6b6; } ::-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:url(notice.gif) left center no-repeat #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: absolute; z-index: 100; top: 188px; right: 0px; padding: 8px 15px 7px 15px; width: auto; height: 12px; background-color: #fff; color: #7A7A7A; font-size: 15px; } #Session a{ color: #7A7A7A; font-weight: normal; font-size: 15px; } #Session a:hover{ border-bottom: 1px solid #5b92fa; color: #333; text-decoration: none; } /* Header -----------------------------------------------------------------------*/ #Header{ height: 217px; background: #2a2b2e url("http://i.imgur.com/YuSC8Y8.png") no-repeat fixed 50% 0%;/* Picture is from Air by Dave Ainsworth*/ border-top: 0px; border-bottom: 0px solid; overflow: visible !important; /* http://i.imgur.com/tFnVpzO.png Normal*/ /* http://i.imgur.com/7UqZJJG.png Hovering*/ } #Header h1{ color:#fff; font-size:0px; text-align: left; margin-top: 0px; } #Header h1:before { background: url("http://i.imgur.com/tFnVpzO.png") no-repeat 18px 142px; padding: 36px 300px 167px 300px; content: " "; } #Header h1 strong{ color:#fff; font-size:0px; } /* Menu -----------------------------------------------------------------------*/ #Header ul:before{ background: url("http://i.imgur.com/GI8QoqV.png") no-repeat 0px 8px; padding: 22px; content: " "; } #Header ul{ display: block; position: absolute; top: 182px; margin: 0px; right:0px; left: 0px; padding: 0px; height: 44px; background-color: #fff; border-bottom: 0px solid; color: #999; list-style-type: none; vertical-align: bottom; text-align: left; padding-left: 0px; white-space: nowrap; font-weight: normal; font-size: 15px; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; min-width: 450px; } #Header ul li{ display: inline-block; margin:7px 0px 0px 0px; text-decoration: none; border-bottom: 0px; } #Header ul li.TabOn{ z-index: 100; background-color: transparent; border: 0px solid; color: #262626; font-size: 22px; font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; text-decoration: none; } #Header ul li a{ margin: 0px 17px 0px 17px; padding: 7px 0px 8px 0px; background-color: transparent; border: 0px solid; border-bottom: 2px solid transparent; color: #999; font-weight: normal; font-size: 22px; font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif; text-decoration: none; } #Header ul li a:hover{ border-bottom-color: #5b92fa; background: white; text-decoration: none; color: #000; } #Header ul li.TabOn a,#Header ul li.TabOn a:hover{ border-color: #719ff2; color: #262626; text-decoration: none; } #Header ul li a em{ font-style:normal; } /* pannel -----------------------------------------------------------------------*/ #Panel{ float: right; margin: 15px 10px 0px 0px; border-radius: 2px; padding-top: 20px; width: 300px; text-align: left; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; background: #fff; padding-bottom: 15px; border-bottom: 3px solid #e5e5e5!important; } #Panel:after { display: block; margin: 15px 0px; padding: 10px 0px; color: #5b92fa; content: "Styling Modifications by Kevan, Based on Naut for Reddit"; /* Hey! Please don't remove or change this. */ text-transform: none; font-size: 16px; font-family: arial, sans-serif; position: absolute; width: 300px; text-align: center; } #Panel *{ margin:0; padding:0; list-style:none; font-size: 14px; } #Panel h1{ z-index: 97; width: 270px; height: 28px; background-color: #5B92FA; background-image: none!important; border: none; text-align: center; border-top: 2px solid #5B92FA; border-bottom: 3px solid #5B92FA; border-radius: 1px; -webkit-box-shadow: 0 1px 2px #CECECE; box-shadow: 0 1px 2px #CECECE; margin-left: 15px; text-decoration:none; margin-bottom: 20px; margin-top: 0px; } #Panel h1 a{ color: #fff !important; ` text-shadow: 0px 1px 0px #5787e1; letter-spacing: 0px; font-weight: bold; font-size: 15px; font-family: arial, sans-serif; cursor: default; line-height: 30px; text-decoration:none; } #Panel h1 a em{ font-style:normal; text-decoration:underline; color:#a00; } #Panel h1 a:hover{ padding: 6px 55px 4px 55px; background-color: #7BA8FF; border-top: 2px solid #7BA8FF; border-bottom: 3px solid #3863B6; text-decoration:none; } #Panel h2{ font-size: 14px; line-height: 1.35em; font-family: arial, sans-serif; margin-top: 10px; margin-left: 15px; color: #404040; padding-bottom: 3px; text-decoration: none; border-bottom: 0px; text-indent: 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{ z-index:97; width:270px; height:28px; background-color: white; background-image:none!important; border: 1px solid #ccc; -webkit-box-shadow: none!important; box-shadow: none!important; margin-left:15px; color: black!important; text-shadow:0 1px 0 #5787e1; letter-spacing:0; font-weight: normal; font-size:15px; font-family:arial, sans-serif; cursor:default; text-decoration:none; margin-top: 5px; padding: 0 10px 0 10px; text-shadow: none; } #Panel ul ul li{ width:173px; margin-bottom:3px; overflow:hidden; } #Panel ul ul li a{ font-size: 14px; line-height: 1.35em; font-family: arial, sans-serif; display:block; width:100%; color:#335eb7; 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: 14px; line-height: 1.35em; font-family: arial, sans-serif; width:100%; color:#335eb7; text-decoration:none; } #TagCloud a:hover{ background-color:#fff; text-decoration: underline; } #TagCloud a:after{ content: ","; } /* About -----------------------------------------------------------------------*/ #AboutVanilla{ display: none; } /* content -----------------------------------------------------------------------*/ #Content{ margin: 15px 320px 8px 10px; padding: 0; padding-top: 20px; border-radius: 2px; } .ContentInfo p{ text-align:left; border: 0px; border-bottom: 3px solid #e5e5e5 !important; background-color: #fff; } .ContentInfo.Top{ display: block; background: white; padding: 10px; border: 0px; border-bottom: 3px solid #e5e5e5 !important; margin-bottom: 8px; } #DiscussionsPage .ContentInfo.Top, #CategoryPage .ContentInfo.Top{ display: none; } #AccountPage #Content,#CommentsPage #Content,#CategoryPage #Content,#ExtensionPage #Content,#SettingsPage #Content,#SearchPage #Content{ padding-top:15px; } #DiscussionsPage #Content{ padding-top:20px; } #DiscussionsPage .Bottom{ margin: 0; } .ContentInfo *{ font-size:14px; font-weight:bold; margin:0; padding:0; } .ContentInfo h1{ color:#000; } #CommentsPage .ContentInfo h1{ float:left; width: 80%; overflow:hidden; white-space:nowrap; text-align:left; } html>body#CommentsPage .ContentInfo h1{ width:auto!important; } .ContentInfo input{ font-size:10px; margin-left:5px; } #DiscussionsPage .ContentInfo h1{ float:none; text-align:left; } .ContentInfo h1 a{ color:#5b92fa; text-decoration:none; } .ContentInfo h1 a:hover{ color: #5b92fa; text-decoration: underline; } .ContentInfo a{ padding: 1px 4px; background: #fff; border: 0px; border-radius: 0px; font-weight: bold; font-family: arial, sans-serif; text-decoration: none; } .ContentInfo a:hover{ color:#5b92fa; } #TopOfPage{ padding: 10px; background: white; display: inline; position: fixed; right: 10px; bottom: 10px; border: 0px; border-bottom: 3px solid #e5e5e5; margin-top: 10px; } #TopOfPage:hover{ color: #5b92fa!important; text-decoration: underline!important; } .ContentInfo.Top .PageInfo{ display: none!important; } /* Pageinfo & List -----------------------------------------------------------------------*/ .PageInfo{ color:#bbb; border: none; display:inline; line-height:23px; font-weight:bold; border: 0px; border-bottom: 3px solid #e5e5e5 !important; background-color: #fff; } .ContentInfo.Bottom a{ display: inline; } .PageInfo a{ display: inline!important; } #CommentsPage .ContentInfo.Top .PageInfo{ margin:5px 0 0 0!important; } .PageInfo p{ margin:0; display:inline; padding: 10px; } .PageInfo strong{ color: #5b92fa; } .PageList{ margin:0; margin-top: 8px; text-align:right; border: 0px; border-bottom: 3px solid #e5e5e5 !important; background-color: #fff; padding: 10px; list-style: none; color: #bbb; overflow: hidden; } .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: #5b92fa!important; border: none; background: white; line-height:23px; font-weight:bold; } .PageList a:hover,.PageList li a:hover{ text-decoration:underline; color: #5b92fa!important; } #PageJump{ margin:9px 0 0 20px; float:right; } /* Discussion List -----------------------------------------------------------------------*/ #Discussions{ margin-top: 0px; float:left; width:100%; padding-left: 0px; } #Discussions,#Discussions *{ list-style:none; margin-top: 0px; } #Discussions li li{ height:auto; border:0; } .NoNewComments,#Discussions li.Read ul{ background: #fff!important; } .NewComments,#Discussions li.Read.NewComments ul { background: #fff!important; } .Unread,#Discussions li.Unread.NewComments ul{ background: #fff!important; } /* All read discussions */ .NoNewComments,#Discussions li.NoNewComments ul:before{ background: url("http://i.imgur.com/84yM30h.png") no-repeat 0px 5px !Important; margin-left: -50px; margin-top: 10px; padding: 0 40px 30px 0; content: " "; } /* All read discussions with new comments */ .NewComments,#Discussions li.NewComments ul:before{ background: url("http://i.imgur.com/l4pEYcE.png") no-repeat 0px 5px !Important; margin-left: -50px; padding: 0 40px 30px 0; content: " "; } /* All unread discussions */ .Unread,#Discussions li ul:before{ background: url("http://i.imgur.com/l4pEYcE.png") no-repeat 0px 5px !Important; margin-left: -50px; padding: 0 40px 30px 0; content: " "; } /* All Stickyed discussions */ .Sticky,#Discussions li.Sticky ul:before{ background: url("http://i.imgur.com/ZMW2Xqx.png") no-repeat 0px 5px !Important; margin-left: -50px; padding: 0 40px 30px 0; content: " "; } .Sticky,#Discussions li.Sticky ul{ border-bottom-color: #C4DAC2 !important; } .Sticky,#Discussions li.Sticky ul a{ color: #65b354!important; } /* All Sinked discussions */ .Sink,#Discussions li.Sink ul:before{ background: url("http://i.imgur.com/NIwGHrq.png") no-repeat 0px 5px !Important; margin-left: -50px; padding: 0 40px 30px 0; content: " "; } /* All Closed discussions */ .Closed,#Discussions li.Closed ul:before{ background: url("http://i.imgur.com/NIwGHrq.png") no-repeat 0px 5px !Important; margin-left: -50px; padding: 0 40px 30px 0; content: " "; } /* All Bookmarked discussions */ .Bookmarked,#Discussions li.Bookmarked.Read ul:before{ background: url("http://i.imgur.com/LrVwxoU.png") no-repeat 0px 5px !Important; margin-left: -50px; padding: 0 40px 30px 0; content: " "; } .Bookmarked,#Discussions li.Bookmarked.Read ul{ border-bottom-color: #cda2aa !important; } .Bookmarked,#Discussions li.Bookmarked.Read ul a{ color: #b70e2e!important; } #Discussions li ul{ border: 0px; margin-bottom: 8px!important; border-bottom: 3px solid #e5e5e5!important; background: #fff!important; margin-left: 0px; padding: 0px 10px 6px 60px; } /* List Item Info-----------------------------------------------------------------------*/ .Discussion{ margin:0; padding:0; overflow:hidden; width:100%; } .DiscussionType{ display:none; line-height: 0px; } .DiscussionType span,.DiscussionType.Normal{ display:none; } .DiscussionType *{ float:top; } .DiscussionTopic{ font-size: medium; font-weight: bold; font-family: Arial, sans-serif; overflow:hidden; margin-bottom: 1px; margin-top: -10px!important; padding: 5px 0 0 0!important; } .DiscussionTopic span{ display:none; } .DiscussionTopic a{ color:#5b92fa!important; font-size:16px; line-height: 1.35em; text-decoration: none!important; font-weight: bold; font-family: Arial, sans-serif; } .DiscussionTopic a:hover{ text-decoration: underline!important; } .DiscussionCategory,.DiscussionStarted,.DiscussionComments,.DiscussionLastComment,.DiscussionActive,.DiscussionNew{ width:auto; display:inline; color: #999; font-weight: normal; font-size: 12px; font-family: arial, sans-serif; line-height: 1.35em; margin-right:10px!important; text-decoration: none; } .DiscussionCategory a,.DiscussionStarted a,.DiscussionComments a,.DiscussionLastComment a,.DiscussionActive a,.DiscussionNew a{ text-decoration: none; } .DiscussionCategory a:hover,.DiscussionStarted a:hover,.DiscussionComments a:hover,.DiscussionLastComment a:hover,.DiscussionActive a:hover,.DiscussionNew a:hover{ text-decoration: underline; } .NewComments .DiscussionNew a{ color:#5b92fa!important; text-decoration: none; } #Discussions li.Read.NewComments .DiscussionNew{ display:inline; } /* Category page----------------------------------------------------------------------*/ #CategoryPage div.ContentInfo h1{ float:left; text-align:left; width:100%; padding-bottom:6px; } #Categories{ margin: -8px 0 0 0; padding:0; list-style:none; border-top: none; margin-bottom:20px; float:left; width:99%; } #Categories li ul{ padding:0 0 8px 0px; list-style:none; margin:0; position: relative; height: 120px; } .BlockedCategory{ background:white; border-bottom-color: #cda2aa!important; } .UnblockedCategory{ background:white; border-bottom-color: #e5e5e5!important; } #Categories li{ border-bottom:3px solid; } #Categories li ul,.BlockedCategory{ border-bottom-color: #cda2aa!important; } #Categories li ul,.UnblockedCategory{ border-bottom-color: #e5e5e5!important; } #Categories li li{ height:auto; border:0; } #Categories ul span,#Categories ul span a,#Categories ul a{ color:#aaa; text-decoration:none; } #Categories ul span a:hover,#Categories ul a:hover{ color:#f00; } #Categories ul a{ color:#777; } .Category{ margin:8px 0 0 0; padding:0; overflow:hidden; width:50%; display: inline-block; position: relative; } .Category.Alternate{ margin:8px -8px 0 8px; padding:0; overflow:hidden; width:50%; display: inline-block; position: relative; } .CategoryName{ padding: 5px 0 0 10px; font-size:14px; margin-right:5px!important; color: #5B92FA!important; font-weight:bold; line-height:20px; overflow:hidden; max-height: 20px; } .CategoryName a{ color: #5B92FA!important; text-decoration:none!important; } .CategoryName a:hover{ text-decoration:underline!important; } .CategoryName span,.CategoryDescription span,.CategoryName.Normal{ display:none; } .CategoryDescription{ padding: 5px 10px 5px 10px; font-size:13px; line-height:20px; max-height: 40px; overflow:hidden; } .CategoryDiscussionCount{ padding: 5px 0 0 0px; width:auto; display:inline; font-size:13px; position: absolute; bottom: 10px; left: 10px; } .CategoryOptions{ position: absolute; bottom: 10px; right: 10px; width: 150px; font-size:14px; margin-right:0px!important; padding: 10px 10px 7px 10px; color: white!important; background: #5b92fa; text-align: center; border-bottom: 3px solid #5b92fa!important; } .CategoryOptions span{ display: none; } .CategoryOptions a{ color: white!important; } .CategoryOptions:hover{ color: white!important; border-bottom: 3px solid #3863B6!important; } .BlockedCategory ul .CategoryName a{ color: #b70e2e!important; text-decoration:none!important; } .BlockedCategory ul .CategoryOptions{ background: #cda2aa; border-bottom: 3px solid #cda2aa!important; } .BlockedCategory ul .CategoryOptions:hover{ border-bottom: 3px solid #b70e2e!important; } /* Discussion Page (Comments)-----------------------------------------------------------------------*/ #Comments{ margin:0; padding:0; list-style:none; height:1%; border: 0px; border-bottom: 3px solid #e5e5e5 !important; background-color: #fff; } /* This is removed due to a request by an admin #Comments img{ max-width: 1000px; } */ #Comments li.alternative{ background: red; } #Comments li{ margin:0; padding:10px 0; border-bottom: 1px dashed #e5e5e5; } #Comments li.Hidden{ background:url(hidden-tile.gif) top left repeat-x #fafafa; } #Comments .CommentHeader{ padding: 5px 20px 0 20px; text-align:right; color: #999; font-size: small; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; } #Comments .CommentHeader ul{ float:left; margin:0; padding:0; list-style:none; } #Comments .CommentHeader li{ margin:0; padding:0; display:inline; color:#aaa; font-size:11px; border-bottom:0; } #Comments .CommentHeader li div.CommentIcon{ padding:9px 0 9px 30px; margin-right:6px; background-repeat:no-repeat; display:inline; background:#fff center center no-repeat; } #Comments .CommentHeader li span{ display:none; } #Comments .CommentHeader a.WhisperBack{ padding-left:10px; color: #5b92fa; text-decoration:none; font-size:11px; font-weight:normal; } #Comments .CommentHeader a.WhisperBack:hover{ text-decoration: underline; } #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-top: 1px; background-color: transparent; color: #5b92fa; letter-spacing: 1px; font-weight: bold; font-size: 12px; } #Comments .CommentHeader a:hover{ text-decoration: underline; color:#5b92fa; } #Comments .CommentHeader span{ font-size:10px; font-weight:normal; color:#aaa; } #Comments .CommentHeader span a{ font-size:10px; font-weight:normal; color:#aaa; margin-left:3px; padding-left:3px; cursor:pointer; text-decoration:none; } #Comments .CommentHeader span a:hover{ text-decoration:underline; color:#3354aa; } #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:block; color: #161616; font-weight: normal; font-size: 14px; margin: 0px; padding: 5px 20px 0 20px; font-family: Arial,sans-serif; line-height: 1.35em; } #Comments .CommentBody a{ text-decoration:none; color: #5b92fa; } #Comments .CommentBody a:hover{ text-decoration:underline; color:#5b92fa; } #Comments .CommentBody ul li,#Comments .CommentBody ol li{ border-bottom:none; padding:0; } #CommentsPage .ContentInfo.Middle .PageInfo{ border-top:0; margin:0; } #CommentsPage .ContentInfo.Bottom{ margin-bottom:20px; display: block; background: white; padding: 10px; margin-top: 8px; border-bottom: 3px solid #e5e5e5; } #Comments code{ border: 1px dashed #C4DAC2; border-left:3px solid #65b354; background: #f5f5f5; padding:8px; padding-left:16px; display:block; white-space:pre; color: #65b354; } #Comments blockquote{ padding:8px 16px; margin:0 0 8px; background: #f5f5f5; border: 1px dashed #e5e5e5; border-left:3px solid #5b92fa; color:#5b92fa; } #Comments blockquote blockquote{ border: 1px dashed #e5e5e5; border-left:3px solid #ACBEDF; } #Comments blockquote cite{ font-weight:bold; font-style: normal; display:block; margin-bottom: 0px; padding-bottom:0px; border-bottom: 0px; color:#5b92fa; } /* 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: arial, 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{ padding:4px 0 4px 0; margin:0; font-size:14px; font-weight:bold; color:#000; } #Form form{ margin:0; padding:5px 10px 0 10px; border: 0px; background-color: #fff; } #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:'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif; font-size:13px; font-weight:normal; padding: 5px; } #Form textarea,#Form input,#Form select{ border:1px solid #d2d2d2; } #Form textarea:focus,#Form input:focus,#Form select:focus{ border:1px solid #5b92fa; } #Form textarea{ width:99.0%; height:150px; } #Form textarea.SmallCommentBox{ height:150px; } #Form textarea.LargeCommentBox{ height:400px; } #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; } #Form .Button.SubmitButton{ margin-right:10px; } #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; } #Form.AddComments legend{ padding-top:5px; padding-left: 5px; padding-bottom: 5px; } .AddComments{ width:100%; } #Form.AddComments{ width:100%; background: white; border-bottom: 3px solid #e5e5e5 !important; margin:10px 0 4px 0; padding:5px 0 5px 0; } #Form.AddComments fieldset{ margin:0; } #Form.AddComments form{ margin-top:0!important; } #Form.StartDiscussion label,#Form.AddComments label{ display:block; width:100%; color: black; font-weight: normal; padding-bottom: 5px; } #Form.StartDiscussion label.Radio,#Form.AddComments label.Radio{ display:inline!important; width:auto!important; } #PostPage #Form.AddComments{ padding:0; } .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: #f1f1f1; border-bottom: 3px solid #5b92fa; } #PostPage #Content{ padding-top:20px!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; } /* 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; } .UpdateOld .Name{ background:url(ico.alert.gif) no-repeat top left; } .UpdateGood .Name{ background:url(ico.check.gif) no-repeat top left; } .UpdateUnknown .Name{ background:url(ico.unknown.gif) no-repeat top left; } .UpdateChecking .Name{ background:url(progress.gif) no-repeat center left; } /* Roles Editing---------------------------------------------------------------------------------------*/ #Form.RoleEditForm li p span label{ font-weight:normal!important; } /* blocked categories---------------------------------------------------------------------------------------*/ #Form.CategoryList .RoleBlocked{ background:url(disabled-tile.gif) #F4F4C2; } /* 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:url(disabled-tile.gif) #F4F4C2; } div.Extensions ul li.Processing{ background:#FEFECB; } div.Extensions ul li.Processing label{ background:url(progress.gif) 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:url(btn.remove.gif) 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: 'Trebuchet MS',Verdana,Tahoma,Arial,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: arial, 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{ background-color: #feebfa; } .WhisperTo{ background-color:#feebfa; } .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:url(hprogress.gif) center center no-repeat; text-decoration:none!important; padding-left:15px; padding-right:15px; } .Progress{ background:url(hprogress.gif) left center no-repeat; padding-left:22px!important; } .PreferenceProgress{ background:url(hprogress.gif) 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; }