seminary detail restructuring & css up to 479px width

This commit is contained in:
Daniel 2014-03-18 18:11:14 +01:00
commit af2b6f437f
2 changed files with 61 additions and 23 deletions

View file

@ -3,14 +3,17 @@
/** CSS-Reset **/
html{font-family:'Open Sans',sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;background:#f7f5f2;font:100%/1.6 'Open Sans',sans-serif;-webkit-animation:bugfix infinite 1s}
body{margin:0;background:#f7f5f2;color:#5e5c58;font:100%/1.6 'Open Sans',sans-serif;-webkit-animation:bugfix infinite 1s}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
b,strong,.fwb{font-weight:bold}
dfn,.fsi{font-style:italic}
img{border:0}
ul,ol{padding:0;list-style-type:none}
p{margin:0 0 .9375em;padding:0}
h1,h2,h3{color:#103a3e}
h2{font-size:120%}
h3{font-size:100%}
ul,ol,nav{padding:0;list-style-type:none}
p{margin:0 0 16px;padding:0}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
@ -52,11 +55,12 @@ table{border-collapse:collapse;border-spacing:0}
.wrap{margin:0 5%;max-height:999999px;min-height:1px}
a{color:#347894;text-decoration:none}
.fwb{font-weight:700}
header{background:#0f373c;margin-bottom:1.1875em;position:fixed;width:100%;z-index:99}
header .fa{padding:0 10px 0 0;color:#5e9499}
nav{z-index:99}
header nav{z-index:99}
menu{display:none;opacity:0;position:absolute;margin:0;padding:0 0 16px;background:#0f373c;right:0;left:0}
menu li{display:block;margin:0 5%}
menu a{display:block;padding:15px 0;color:#fff}
@ -68,9 +72,33 @@ menu a{display:block;padding:15px 0;color:#fff}
#toggle:checked ~ menu{display:block;opacity:1}
#navicon{display:block;color:#fff}
article{padding-top:5.375em;margin-bottom:30px}
.questgroup{margin:0 0 25px 0;padding:150px 0 0 0;border-radius:3px;background:url('http://s14.directupload.net/images/140318/35229m97.png') no-repeat}
.questgroup section{padding:20px;background:#fff}
.xpbar{
height:10px;
position:relative;
background:#eee;
border-radius:25px;
margin-bottom:16px
}
.xpbar span{
display:block;
height:100%;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
background:#bcd75e;
position:relative;
overflow:hidden
}
.xpnumeric{color:#869845}
.cta{display:inline-block;margin-top:10px;color:#fff;font-weight:700;padding:7px 20px;border-radius:4px}
.orange{text-shadow:1px 2px #d4701a;background:#f5821f;border:solid #d4701a;border-width:0 0 3px 0}
/** Media Queries **/