Skip to content

Instantly share code, notes, and snippets.

@davinma

davinma/wow-pure.css

Last active September 18, 2016 01:26
Show Gist options
  • Save davinma/0a6788ea7abd7d39b7f893cc41739cea to your computer and use it in GitHub Desktop.
Save davinma/0a6788ea7abd7d39b7f893cc41739cea to your computer and use it in GitHub Desktop.
Download ZIP
wow-pure.css
Raw
wow-pure.css
/**
* Base on Stylish
* Material icons from Google Design(https://design.google.com/icons/)
* Base64 encoder from b64.io(http://b64.io/)
**/
body {
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
*:focus {
outline: 0 none
}
body {
font: 14px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
}
pre {
font: 12px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
}
a,
a:hover,
a:link,
a:visited,
a:hover,
a:active {
color: #3F8ABF;
}
.main {
width: 1000px
}
.moduleTitle {
background: #f9f9f9;
color: #3F8ABF;
border-right: 0;
height: auto;
padding: 6px 12px;
font-weight: 400
}
table.lst {
border-spacing: 0;
background-color: #f9f9f9
}
table.lst td {
color: #444;
height: 28px;
line-height: 20px;
padding: 12px 4px;
font: 12px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
}
table.lst td.label,
table.lst tr.curr td {
background: #f9f9f9;
}
table.lst td[style] {
color: green!important
}
input.button {
font-family: \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
height: auto;
border: 0;
cursor: pointer;
padding: 5px 12px;
color: #fff;
background-color: #ED5A5A;
border-radius: 2px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
transition: background-color .2s ease-in-out;
}
input.button:hover {
background-color: #F26262;
}
table.lst th {
background: #fff;
height: 28px;
line-height: 20px;
padding: 12px 4px;
color: #444;
font: 12px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
}
table.lst th[width="60"] {
width: 150px
}
.logcontent table.lst th,
.svncontent table.lst th {
border-bottom: 1px solid #efefef
}
.logcontent table.lst td,
.svncontent table.lst td {
border-top: 1px solid #efefef;
display: table-cell;
vertical-align: top;
}
form table.lst td,
form table.lst th {
padding: 4px
}
table.lst tr[style="display: table-row;"] td {
height: 20px;
line-height: 20px;
padding: 4px;
}
.logcontent table.lst tr[style="display: table-row;"] th,
.svncontent table.lst tr[style="display: table-row;"] th {
border-bottom: 0 none
}
.logcontent table.lst tr[style="display: table-row;"] td,
.svncontent table.lst tr[style="display: table-row;"] td {
border-top: 0 none;
display: table-cell;
vertical-align: top;
}
.logcontent table.lst tr[style="display: table-row;"] td br,
.svncontent table.lst tr[style="display: table-row;"] td br {
display: block;
content: '';
}
div[class="tabcontent logcontent"] table tr td:first-child {
color: green
}
.subTable td:first-child {
color: green
}
.subTable td:last-child {
text-align: right
}
.svncontent table.lst th[width="40"] {
width: 80px
}
.svncontent table.lst th[width="120"] {
width: 140px
}
table.lst th[width="200"] {
width: 300px
}
.x-border-layout-ct {
background: #fff;
}
.x-panel-header {
background: #397CAC;
color: #fff;
padding: 8px!important;
border-top-left-radius: 8px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
line-height: inherit;
font: 12px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
position: relative;
z-index: 1;
overflow: visible
}
.x-panel-body {
border: 0;
}
.x-panel-header-text a {
color: #fff;
}
.x-tree-node-el {
line-height: 24px;
}
.x-tree-node a span,
.x-dd-drag-ghost a span {
color: #444;
}
.navigation {
color: #444;
}
div[class="x-panel-body x-panel-body-noheader"] {
background-color: rgb(255, 255, 255)!important;
overflow: hidden!important
}
div[style="padding:6px; font-size:14px;font-weight:bold; color:#ffffff"] {
color: #000!important;
float: left!important;
font-weight: 400!important;
padding-left: 0!important;
}
#MainContent {
font-size: 12px
}
div[style="float:right;margin-right:10px;"] {
float: left!important;
margin-right: 0!important;
}
div[style="margin:3px; margin-left:12px; font-size:12px; color:#000000;"] {
color: #888!important
}
div[style="overflow: auto; height: 418px;"] {
height: 100%!important;
overflow: scroll!important
}
div[id="tree-part-public"] {
display: none
}
.moduleTagTitle {
background-image: url(_blank.jpg);
border-right: 0;
color: #3F8ABF;
font-weight: 400;
font-size: 16px;
margin-bottom: 12px;
border-bottom: 1px solid #3F8ABF;
padding-left: 0
}
.moduleTagTitle div {
padding: 4px 0 8px;
text-indent: 0
}
.moduleTagTitle .log,
.moduleTagTitle .svn {
width: 168px;
text-align: center;
border-top-left-radius: 8px
}
.moduleTagTitle .logHover,
.moduleTagTitle .svnHover {
background: #3F8ABF;
color: #fff;
text-indent: 0
}
.x-panel-noborder .x-panel-header-noborder {
border-width: 0;
border-bottom: 0;
}
.x-tool {
margin-left: 4px
}
.x-tool {
position: relative;
top: 3px;
display: inline-block;
font-style: normal;
font-weight: normal;
line-height: 1;
overflow: visible
}
.x-tool {
color: #fff;
font-size: 12px;
background: none
}
.x-tool-refresh {
display: block;
width: 16px;
height: 16px;
position: relative;
top: 2px;
}
.x-tool-refresh-over.x-tool-refresh {
-webkit-animation: rotate 1s infinite ease-in-out;
-moz-animation: rotate 1s infinite;
animation: rotate 1s linear infinite;
-webkit-transform-origin: 40% 40%
}
.x-tool-refresh {
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEyIDZ2M2w0LTQtNC00djNjLTQuNDIgMC04IDMuNTgtOCA4IDAgMS41Ny40NiAzLjAzIDEuMjQgNC4yNkw2LjcgMTQuOGMtLjQ1LS44My0uNy0xLjc5LS43LTIuOCAwLTMuMzEgMi42OS02IDYtNnptNi43NiAxLjc0TDE3LjMgOS4yYy40NC44NC43IDEuNzkuNyAyLjggMCAzLjMxLTIuNjkgNi02IDZ2LTNsLTQgNCA0IDR2LTNjNC40MiAwIDgtMy41OCA4LTggMC0xLjU3LS40Ni0zLjAzLTEuMjQtNC4yNnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat;
background-size: 100%
}
@-moz-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform-origin: 50%;
}
100% {
-webkit-transform: rotate(360deg);
transform-origin: 50%;
}
}
#tree-part-event .x-panel-header-text {
padding-left: 6px;
position: relative;
top: -1px
}
#tree-part-event .x-panel-header-text:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
left: -2px;
top: 3px
}
#tree-part-event .x-panel-header-text:before {
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDIwdi02aDR2Nmg1di04aDNMMTIgMyAyIDEyaDN2OHoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat;
background-size: 100%
}
img[class="x-panel-inline-icon nav"] {
display: none
}
.x-tree-node-ct .x-tree-node-ct .x-tree-node a[hidefocus="on"] span:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
left: -2px;
top: 4px;
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODg4ODg4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTQgMTFoNVY1SDR2NnptMCA3aDV2LTZINHY2em02IDBoNXYtNmgtNXY2em02IDBoNXYtNmgtNXY2em0tNi03aDVWNWgtNXY2em02LTZ2Nmg1VjVoLTV6Ii8+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=') no-repeat;
background-size: 100%
}
.x-tree-node-ct .x-tree-node-ct .x-tree-node .x-tree-selected a[hidefocus="on"] span:before,
.x-tree-node-ct .x-tree-node-ct .x-tree-selected .x-tree-node a[hidefocus="on"] span:before,
.x-tree-node-ct .x-tree-node-ct .x-tree-node .x-tree-node-over a[hidefocus="on"] span:before {
content: ""
}
.x-tree-node-indent {
padding-left: 10px
}
img[class="x-tree-node-icon"] {
content: 'url(_blank.jpg)';
display: inline-block
}
.x-tree-node-leaf .x-tree-node-icon {
background-image: url(_blank.jpg)
}
.x-tree-node .x-tree-node-over {
background-color: #f9f9f9;
}
.x-tree-node {
font: normal 12px \5FAE\8F6F\96C5\9ED1;
padding-top: 4px
}
.x-tree-node .x-tree-node {
padding: 0
}
.x-tree-elbow,
.x-tree-elbow-end {
width: 4px
}
.x-tree-node-expanded,
.x-tree-node-collapsed {
position: relative;
left: -16px
}
.x-tree-node-collapsed .x-tree-node-anchor span:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
left: -4px;
top: 4px;
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODg4ODg4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDRINGMtMS4xIDAtMS45OS45LTEuOTkgMkwyIDE4YzAgMS4xLjkgMiAyIDJoMTZjMS4xIDAgMi0uOSAyLTJWOGMwLTEuMS0uOS0yLTItMmgtOGwtMi0yeiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+') no-repeat;
background-size: 100%
}
.x-tree-node-expanded .x-tree-node-anchor span:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
left: -4px;
top: 4px;
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODg4ODg4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMjAgNmgtOGwtMi0ySDRjLTEuMSAwLTEuOTkuOS0xLjk5IDJMMiAxOGMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjhjMC0xLjEtLjktMi0yLTJ6bTAgMTJINFY4aDE2djEweiIvPjwvc3ZnPg==') no-repeat;
background-size: 100%
}
.x-tree-node-collapsed .x-tree-node-icon {
background-image: url(_blank.jpg);
width: 0
}
.x-tree-node-expanded .x-tree-node-indent:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
left: 12px;
top: 4px;
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODg4ODg4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDEzSDV2LTJoMTR2MnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat;
background-size: 100%
}
.x-tree-node-collapsed .x-tree-node-indent:after {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
left: 12px;
top: 4px;
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjODg4ODg4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE5IDEzaC02djZoLTJ2LTZINXYtMmg2VjVoMnY2aDZ2MnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat;
background-size: 100%
}
.x-tree-no-lines .x-tree-elbow-end-minus,
.x-tree-no-lines .x-tree-elbow-end-plus,
.x-tree-no-lines .x-tree-elbow-plus,
.x-tree-no-lines .x-tree-elbow-end,
.x-tree-no-lines .x-tree-elbow-minus {
background-image: url(_blank.jpg)
}
.x-tree-node-expanded .x-tree-node-icon {
background-image: url(_blank.jpg);
width: 0
}
.x-tree-node .x-tree-selected {
background-color: #eee;
}
.pfooter a,
#now_svn_tag a {
font-family: \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
height: auto;
border: 0;
cursor: pointer;
padding: 5px 12px;
color: #fff;
background-color: #ED5A5A;
border-radius: 2px;
text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
transition: background-color .2s ease-in-out;
}
.pfooter a:hover,
#now_svn_tag a:hover {
background-color: #F26262;
}
.svncontent {
color: #ED5A5A;
font-size: 12px;
line-height: 1.6
}
input.text,
textarea.textarea,
input.p_text {
font: 12px \5FAE\8F6F\96C5\9ED1, Tahoma, Arial;
padding: 5px;
border: 1px solid #f8f8f8;
background-color: #fff;
border-radius: 2px;
margin: 0 5px
}
input.text:focus,
textarea.textarea:focus,
input.textHover,
textarea.textHover {
border: 1px solid rgba(57, 124, 172, .3);
outline: 0 none;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
#ext-gen36 {
height: 100%!important;
overflow-y: scroll;
}
#ext-gen47 {
padding-bottom: 36px
}
#ext-gen34 a {
text-decoration: none
}
#ext-gen34 a:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
position: relative;
left: -2px;
top: 3px;
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTMgM2gtMnYxMGgyVjN6bTQuODMgMi4xN2wtMS40MiAxLjQyQzE3Ljk5IDcuODYgMTkgOS44MSAxOSAxMmMwIDMuODctMy4xMyA3LTcgN3MtNy0zLjEzLTctN2MwLTIuMTkgMS4wMS00LjE0IDIuNTgtNS40Mkw2LjE3IDUuMTdDNC4yMyA2LjgyIDMgOS4yNiAzIDEyYzAgNC45NyA0LjAzIDkgOSA5czktNC4wMyA5LTljMC0yLjc0LTEuMjMtNS4xOC0zLjE3LTYuODN6Ii8+PC9zdmc+') no-repeat;
}
.x-tool-toggle {
content: "";
display: block;
width: 16px;
height: 16px;
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTcuNDEgNy44NEwxMiAxMi40Mmw0LjU5LTQuNThMMTggOS4yNWwtNiA2LTYtNnoiLz4gICAgPHBhdGggZD0iTTAtLjc1aDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+') no-repeat;
background-size: 100%
}
.x-panel-collapsed .x-tool-toggle {
background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTcuNDEgMTUuNDFMMTIgMTAuODNsNC41OSA0LjU4TDE4IDE0bC02LTYtNiA2eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+') no-repeat;
background-size: 100%
}
table.lst td.label {
vertical-align: middle;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #f9f9f9
}
::-webkit-scrollbar-thumb {
background: rgba(168, 202, 232, 0.8)
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(105, 175, 239, 0.4)
}
::-moz-selection,
::selection {
color: #fff;
background: #ED5A5A;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment