Last active
March 1, 2016 08:47
-
-
Save benpigchu/b5d926e6b2bbb6c58575 to your computer and use it in GitHub Desktop.
Citrus design for Vijos
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body,div,p {margin:0;padding:0;position:relative} | |
| html,body {background:#DDDDDD;width:100% !important} | |
| .citrus-night,.citrus-night body{background:#333333} | |
| ul{margin:16px 0} | |
| a {transition:all 200ms} | |
| table {table-layout: fixed;} | |
| blockquote {border:none !important;margin:0 !important;padding:8px 0 !important} | |
| .block {border:none !important;margin-bottom:16px !important} | |
| * {text-shadow:none !important;border-radius:0 !important} | |
| .c1,.lytitle{padding-left:8px !important;padding-right:8px !important} | |
| .vj-layout-col-right>div>div>div>.colorize,.lycontent,.lycontent>.colorize,.colorize-content,.block-more,.info_description, | |
| #page_wiki>div>div>div>div>div>div>.colorize,#page_about>div>div>.colorize,#page_about>div>div>div>.colorize,.colorize.info, | |
| #page_error>div>div>.colorize,#page_discuss_create>div>.colorize,.tag-sublist.tag-list,#start>div>.colorize-highlight, | |
| #page_uc_training>div>div>.colorize | |
| {padding:8px !important} | |
| .navigate_content {padding:16px !important} | |
| .colorize-h2{padding-top:8px !important;padding-bottom:8px !important} | |
| .vj-list-td,.footer{padding-left:4px !important;padding-right:4px !important} | |
| #container,#footer {width:70% !important;left:0;right:0;margin:auto} | |
| #nav,#anno,#body,.c-wrap {width:100% !important} | |
| .c-wrap {line-height:32px} | |
| #nav,#anno,#poster,.block,#nav-top,a.ic.nav-li-a::after,.drop,.popform,.lyc2,.navigate_bar,.list-problems>tbody>tr>td>div>.footer, | |
| #highlightbar,#layer-submit,.infocont-info,.tag-sublist.tag-list,#night | |
| {box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;background:#1565C0} | |
| .citrus-night #nav,.citrus-night #anno,.citrus-night #poster,.citrus-night .block, | |
| .citrus-night #nav-top,.citrus-night a.ic.nav-li-a::after,.citrus-night .drop,.citrus-night .popform, | |
| .citrus-night .lyc2,.citrus-night .navigate_bar, | |
| .citrus-night .list-problems>tbody>tr>td>div>.footer, | |
| .citrus-night #highlightbar,.citrus-night #layer-submit,.citrus-night .infocont-info,.citrus-night .tag-sublist.tag-list, | |
| .citrus-night #night | |
| {background:#0D47A1} | |
| #nav-top {width:70% !important;height:40px !important;left:0;right:0;margin:auto;background:#333333;padding:0 !important} | |
| .citrus-night #nav-top{background:#000000} | |
| .left>.nav-li {margin-right:-8px !important;width:36px !important} | |
| #nav-top>.c-wrap>.left {margin-left:4px} | |
| a.ic.nav-li-a::after {content:"";position:absolute;height:28px;width:48px;background:#333333;top:-28px;opacity:0;color:#FFF; | |
| left:-4px;right:-4px;margin:0 -2px;text-align:center;transition:all 200ms;z-index:-1} | |
| .citrus-night a.ic.nav-li-a::after{background:#000000} | |
| a.ic.nav-li-a:hover::after {opacity:1;top:48px;transition:all 200ms} | |
| a.ic.home::after {content:"首页"} | |
| a.ic.problems::after {content:"题库"} | |
| a.ic.discuss::after {content:"讨论"} | |
| a.ic.tests::after {content:"比赛"} | |
| a.ic.records::after {content:"记录"} | |
| a.ic.training::after {content:"训练"} | |
| .tipsy-arrow,.tipsy-inner {display:none !important} | |
| .right>.login {margin:0 !important} | |
| #loginform {width:200px;box-sizing:border-box} | |
| .login>.nav-li-a {width:200px} | |
| .login>.nav-li-a>.nav-li-c {width:200px;box-sizing:border-box;height:100%;text-align:right} | |
| .right>.login~.nav-li>.nav-li-a>.nav-li-c {padding-left:8px} | |
| #usermenu {width:100% !important;box-sizing:border-box;padding:0 8px !important} | |
| .drop {background:none} | |
| .nav-li>.nav-li-a {transition:all 200ms} | |
| .nav-li>.nav-li-a>.nav-li-c {transition:background 200ms} | |
| .popform::before{content:"";border-top:1px solid #CCC;width:100%;display:block;margin-top:4px} | |
| .mi,.msg {height:24px !important;padding:4px 0 !important;line-height:24px !important} | |
| .split {margin:0 !important} | |
| #nav {margin-top:56px;height:128px} | |
| .nav-logo {top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;margin:auto;width:100%;height:100%} | |
| .nav-logo>a {top:0 !important;bottom:0 !important;left:0 !important;right:0 !important;margin:auto;position:absolute !important; | |
| background:none !important;color:#FFF;width:128px;height:80px;line-height:normal} | |
| .nav-logo>a::before {content:"Vijos";font-size:48px;margin:auto;left:0;right:0;width:100%;position:absolute;text-align:center} | |
| .nav-logo>a::after {content:"2.0β";font-size:20px;margin:auto;bottom:0;right:12px;position:absolute;text-align:center;opacity:0.5} | |
| #anno {margin-top:0 !important;color:#FFF;margin-bottom:16px;height:32px} | |
| #navigation {color:#FFF !important;margin-left:8px !important} | |
| #navigation>a {color:#FFF !important;opacity:0.75;transition:all 200ms} | |
| #navigation>a:hover {text-decoration:none;opacity:1;transition:all 200ms} | |
| .search {margin-right:8px} | |
| .searchbox {border:solid #448AFF 1px !important;border-radius:0 !important;padding:0 !important;padding-right:24px !important; | |
| padding-left:8px !important;height:auto !important;line-height:normal;background:rgba(0,0,0,0);color:#FFF !important; | |
| transition:all 200ms} | |
| .searchbox::-webkit-input-placeholder {color:#FFF} | |
| .searchbox::-moz-placeholder {color:#FFF} | |
| .searchbox:focus {background:#82B1FF !important;border-color:#82B1FF !important;transition:all 200ms} | |
| .searchbtn {right:3px !important;top:0 !important;bottom:0 !important;margin:auto !important} | |
| #body {margin-top:0;padding:0 !important} | |
| #night {position:fixed;bottom:0;top:auto;z-index:12450;left:0;right:0;width:70%;margin:auto;padding:0 8px;box-sizing:border-box;background:#000;text-align:center} | |
| #poster {height:320px !important;border:0 !important;margin-bottom:16px} | |
| #poster>.block-content {height:100% !important;border:0 !important;background-color:#252525 !important} | |
| #poster>.block-content>div {background-position:right bottom;background-color:#252525 !important} | |
| .citrus-night .testStatus3{color:#FFF} | |
| .vj-layout-col-right,.lyc2 {width:200px !important} | |
| .vj-layout-col-left,.lyc1 {margin-left:-216px !important} | |
| .vj-layout-col-left>.vj-layout-col-content,.lyc1>.lyinner {margin-left:216px !important} | |
| .colorize,.block-content,.lyc2,.lycontent,.dlr,.navigate_bar>li>a.current | |
| {border:0 !important;box-sizing:border-box;background:#F8F8F8 !important} | |
| .citrus-night .colorize,.citrus-night .block-content,.citrus-night .lyc2,.citrus-night .lycontent, | |
| .citrus-night .dlr,.citrus-night .navigate_bar>li>a.current | |
| {background:#222222 !important} | |
| .block-content {border:0 !important} | |
| h2 {margin:8px 0 !important;padding:8px 0 !important} | |
| .colorize-h2 {border-bottom:solid 1px grey} | |
| .colorize-h3{margin-top:16px !important;margin-bottom:8px !important} | |
| h3 {margin:8px 0 !important;padding:0 !important} | |
| h4 {border-top:solid 1px grey !important;padding:4px !important;height:20px !important} | |
| #page_records_all>.block,#tests,#discuss,#page_problems_all>.vj-layout-col>.vj-layout-col-left>div>.block, | |
| #page_discuss_all>.vj-layout-col>.vj-layout-col-left>div>.block,#page_discuss_detail>.block | |
| {display:table} | |
| #discuss_detail_list>tbody>tr.owner>td {border-top:none !important} | |
| .list-records>colgroup>.vjlc22,.list-records>colgroup>.vjlc23 {width:68px !important} | |
| .lyc2 {padding-top:8px !important;padding-left:4px !important;padding-right:4px !important} | |
| .section {margin-bottom:8px !important} | |
| .scontent {padding-left:4px !important;padding-right:4px !important} | |
| .scontent>table>tbody>tr {height:24px;font-size:10px;line-height:20px;vertical-align:bottom} | |
| .scontent>table>tbody>tr>td>a {vertical-align:bottom} | |
| .tag-type {margin:4px 0 !important} | |
| .tag-cont {margin-left:8px !important} | |
| .tag-subtype {padding:4px 0 !important} | |
| .tag-sublist.tag-list {left:-160px !important;top:0 !important;width:160px !important;box-sizing:border-box} | |
| .list-problems>tbody>tr>td>div>.footer | |
| {right:-4px !important;bottom:32px !important;height:28px !important;line-height:28px !important;border:none !important} | |
| .testLink {height:28px !important;line-height:28px !important} | |
| #layer-submit {background-color:rgba(200,200,200,0.5) !important;top:0 !important;left:0 !important;width:auto !important; | |
| right:0 !important;margin:8px !important;padding:8px !important;box-sizing:border-box;transform:scale(1) !important} | |
| .l,.layer-submit-result-l.ls,.jgeout.point {margin: 4px 0 !important} | |
| .role-btnSubmitCode {margin:0 8px !important} | |
| .layer-submit-result-error{margin:8px 0 !important} | |
| p.jgeout.compile.status {margin-top:4px !important;margin-bottom:16px !important} | |
| p.jgeout.summary {margin-top:16px !important;margin-bottom:4px !important} | |
| a.li {padding:0 !important} | |
| .replies {margin-top:8px !important} | |
| .rwrap {border:none !important;padding:8px !important;border-top:solid 1px grey !important} | |
| .rwrap>.rr {padding:8px 0 !important} | |
| #page_discuss_detail tr.dl .dlr{transition-duration:0ms} | |
| #discuss_detail_list>tbody>tr>td {padding-top:8px !important;padding-bottom:8px !important} | |
| #discuss_detail_list>tbody>tr>td.dlr {padding:8px !important} | |
| #discuss_detail_list>tbody>tr>td.dlr>.head {margin-bottom:4px !important} | |
| .role-replyForm {margin-top:8px !important} | |
| .block-more {border:0 !important;height:20px !important} | |
| #chart_stat {background:#FFF !important} | |
| .navigate_bar {border-top:none !important;box-shadow:none !important} | |
| .navigate_bar>li {margin:0 !important} | |
| .navigate_bar>li>a {color:#FFF;padding:0 8px !important} | |
| .navigate_bar>li>a:hover,.navigate_bar>li>a.current {color:#1565C0;background:#DDDDDD} | |
| .citrus-night .navigate_bar>li>a:hover,.citrus-night .navigate_bar>li>a.current {background:#333333} | |
| .stat_block {padding:8px 0 !important} | |
| .block_content {margin:8px 0 !important} | |
| .block_stars,.block_submits {margin:0 !important;width:50% !important;box-sizing:border-box} | |
| .block_stars {float:left;padding-right:8px !important} | |
| .block_submits {float:right;padding-left:8px !important} | |
| .info_description {border:none !important;margin:8px 0 !important} | |
| .infocont-info {background:#333333;padding:8px !important;width:70% !important;margin:auto !important;box-sizing:border-box; | |
| left:0 !important;right:0 !important} | |
| .citrus-night .infocont-info {background:#000000} | |
| div.markdown-d {padding:0 4px !important} | |
| #page_about {padding-right:256px !important} | |
| .teams>div>.block-content {width:240px} | |
| #page_about>div>div>div>div>h4 {margin:8px 0 !important} | |
| #footer {background:none !important;height:auto !important} | |
| .ad {display:none} | |
| .top {width:592px;height:176px;left:0;right:0;margin:auto} | |
| .judger,.news {position:relative !important;width:216px !important;opacity:1 !important;} | |
| .judger{float:left} | |
| .news{float:right} | |
| .top>div>ul>li {list-style:square !important} | |
| .links {position:relative !important;padding:0 !important;border-top:1px solid grey} | |
| @media (max-width:1000px){ | |
| #container,#footer,#nav-top,#night,.infocont-info{width:90% !important} | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var a=document.getElementsByTagName("link") | |
| var b=false | |
| for(var i=0;i<a.length;i++){ | |
| if(a[i].href.search(/\.dark\./)!=-1){b=true} | |
| } | |
| if(b){document.getElementsByTagName("body")[0].classList.add("citrus-night")} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment