aside information (char, quest, group) for 1600px+

This commit is contained in:
Daniel 2014-04-09 15:36:02 +02:00
commit 7ff5feae52
2 changed files with 58 additions and 1 deletions

View file

@ -86,6 +86,7 @@ menu .smnry{font-size:0.875em;padding:8px 0 8px 12px;background:#0c2e32;border-b
#navicon{display:block;color:#d9e5e7}
article{padding:70px 0 30px}
aside{display:none}
.moodpic{margin:-15px -5.5% 0 -5.5%;overflow:hidden}
.moodpic img{width:100vw}
@ -220,7 +221,16 @@ article{padding:20px 40px 80px 40px}
@media only screen and (min-width:1366px){
body{background:#eae8e4}
.wrap{width:800px;max-width:800px}
article{background:#f7f5f2}
article{background:#f7f5f2;float:left}
.moodpic{margin:-20px 0 0 -40px;width:880px;height:230px}
.moodpic img{width:auto}
}
@media only screen and (min-width:1600px){
aside{display:block;float:left;width:350px;min-width:350px;margin:0 0 0 40px}
aside section{margin:20px 0 40px 0}
aside .char{width:120px;float:left;margin-right:30px}
aside .charstats{background:#f7f5f2;border-radius:3px;padding:10px 0;margin-top:50px;list-style-type:square}
aside .charstats li{font-size:.875em;padding:2px 0 2px 6px}
aside .cranks li:nth-child(odd){background:#f7f5f2}
}