cmstyx
Version:
Barebones Content Management System
1 lines • 3.71 kB
CSS
body{background-color:#34495e;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;margin:0;padding:0}h2{margin:0 0 10px 0}h3{padding:0;margin:0;display:inline}a{text-decoration:none;color:#fff}ul{padding:0;margin:0}#top-bar{background-color:#365778;box-shadow:0 10px 10px 0 rgba(0,0,0,0.5);height:70px;position:fixed;text-shadow:0 0 1px #2a3b4c;width:100%;z-index:40;}#top-bar a{color:#2a3b4c;line-height:70px;padding-left:10px;text-decoration:none}#top-bar #right-side{float:right;vertical-align:middle;}#top-bar #right-side h3{margin-top:10px;color:#2a3b4c;display:block;float:left;line-height:50px}#top-bar #right-side img{float:right;height:70px;width:70px}#login{margin:0 auto;padding-top:200px;text-align:center;width:600px;}#login h3{font-size:2em;display:block}#login input{border:0;height:40px;margin:0;padding:0;text-align:center;width:100%}#guide{color:#293a4b;margin:0 auto;text-align:center;width:400px}#element-nav{list-style:none;margin:0 0 10px 0;padding:70px 0 0 0;position:fixed;}#element-nav li{border-right:3px solid #365778;display:inline;padding:10px 10px 5px 10px}#element-nav a{display:inline-block;padding-top:5px;}#element-nav a:hover h3{text-shadow:0 0 0 #000;opacity:.3}#element-nav h3{color:#a7a37e;text-shadow:0 0 20px #000;transition:all .4s;opacity:1}#elements{padding-top:120px}#remove-element{font-size:.6em;padding-bottom:10px}#control-panel{float:right;display:block;padding-left:50px;position:fixed;top:0;right:0;height:100%;transition:width 2s;width:0;z-index:30;}#control-panel #expander{background-color:#365778;box-shadow:0 0 10px 1px #000;float:right;height:100%;transition:all .5s;width:0}#control-panel:hover #expander{width:50px}#control-panel .side-link{display:block;height:100%;position:fixed;right:0;top:70px;width:50px}#control-panel #indicator{border-style:solid;border-width:0 50px 50px 0;border-color:transparent;border-right-color:#750002;color:#fff;height:0;position:fixed;right:0;top:70px;width:0;}#control-panel #indicator h2{padding-left:25px;margin-top:1px;color:#a7a37e}#options{float:left;margin-top:150px;overflow:hidden;width:100%;}#options ul{list-style:none;width:100%;}#options ul li{background-color:#f7f4f3;display:block;height:50px;width:100%;padding:10px 0 0 50px;}#options ul li:hover{border-left:10px solid #a7a37e;box-shadow:inset 0 0 100px rgba(0,0,0,0.4);padding:10px 0 0 40px}#options ul li a{display:block;color:#a7a37e;font-size:1em;height:100%;width:100%}#options ul li:nth-child(2n+0){background-color:#750002;}#options ul li:nth-child(2n+0):hover{box-shadow:inset 0 0 100px rgba(255,255,255,0.3)}.open-panel{background-color:#365778;box-shadow:0 0 10px 1px #000;width:300px ;}.open-panel #expander{display:none}.open-panel .side-link{width:0 }#elements-holder{padding-top:150px;}#elements-holder .appendor{background-color:#750002;box-shadow:0 0 15px -2px #000;color:#a7a37e;padding:10px 0;width:100%;}#elements-holder .appendor table{margin-left:30px}.element{background-color:#f7f4f3;padding:40px 0 40px 3%;width:97%;}.element hr{border-color:#365778}.element table,.element th,.element td{border-collapse:collapse}.element tr{height:30px}.element table{margin-bottom:5px}.element input{margin-left:10px;background-color:transparent;border-width:0;border-bottom:2px solid #000;border-style:dotted}.element input[type='submit']{color:#a7a37e;cursor:pointer;font-size:1em;vertical-align:middle}.element input[type='color'],.element input[type='file'],.element input[type='submit']{border-width:0}.element a{color:#a7a37e;display:inline;height:100%;width:100%;vertical-align:middle}.element .element-control{background-color:#000;text-align:center;width:30px}/*# sourceMappingURL=sx-universal.css.map */