Skip to content

Instantly share code, notes, and snippets.

@shuding
Created October 11, 2014 19:45
Show Gist options
  • Save shuding/12d50bf8c28ee180d4f9 to your computer and use it in GitHub Desktop.
Save shuding/12d50bf8c28ee180d4f9 to your computer and use it in GitHub Desktop.
V2EX flat theme CSS (also responsive)
body{position:absolute;width:100%}.sl,.mll{border-radius:0}.select2-container .select2-choice{background-image:none}#Top{background-image:none;box-shadow:0 0 20px rgba(0,0,0,0.2);position:fixed;width:100%}#Wrapper{background-image:none;padding-top:44px}.no,.tag:link,.tag:visited,.box,a.node:link,a.node:visited,a.node:active,a.count_blue:visited,a.count_green:visited,a.count_orange:visited,a.count_livid:visited,a.count_livid:link,a.count_livid:active,a.tab_current:link,a.tab_current:visited,a.tab_current:active,a.tab:link,a.tab:visited,a.tab:active,img.avatar,.vote:link,.vote:visited,.vote{border-radius:0;-webkit-border-radius:0}a:hover{color:#111213;text-decoration:none}.topic_buttons{background:#EEE;border-radius:0}.item_node,.super.button,a.balance_area:link,a.balance_area:visited,.balance_area{background:0;background-image:0;border-radius:0;-webkit-border-radius:0}div.node:hover{background-color:#efefef;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset}@media screen and (max-width:1000px){#Bottom .content{width:100%}#Bottom>div>div>strong>a{display:inline-block}#Top .content{width:auto;margin:0 20px}#Wrapper .content{width:auto;margin:0 10px}.sep20{height:10px}#Search>form>div{width:100% !important;max-width:256px;position:relative}#q{width:calc(100% - 30px)}#Top>div>div>table>tbody>tr>td:nth-child(2){max-width:100%}#Search>form>div::before{content:'';background-image:url(http://www.v2ex.com/static/img/qbar_light@2x.png);width:20px;height:28px;display:block;background-size:276px 28px;background-position-x:20px;left:100%;position:absolute}#Main{margin-right:280px}}@media screen and (max-width:720px){#Top>div>div>table>tbody>tr>td:nth-child(3){width:250px;margin-left:30px;margin-top:2px;overflow:scroll;white-space:nowrap;display:block;float:right}#Main{max-width:600px;margin:0 auto !important}#Rightbar{float:none;width:100%;height:250px;margin-top:10px;white-space:nowrap;overflow-x:scroll;overflow-y:hidden}#Rightbar .box{width:270px;height:245px;display:inline-block;white-space:normal;vertical-align:top;overflow-y:scroll}#Rightbar .sep20{display:none}}@media screen and (max-width:520px){#Top>div>div>table>tbody>tr>td:nth-child(3){width:150px}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment