coderkun/questlab
1
0
Fork 0
Code Issues 15 Pull requests Projects Releases Wiki Activity

mood pic styling & example for all resolutions

Browse source
This commit is contained in:
Daniel 2014-03-23 02:09:43 +01:00
commit 49aee70e59
4 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
www/css/desktop.css
View file

@ -77,6 +77,9 @@ menu a,#profile{display:block;padding:15px 0;color:#fff}
article{padding:70px 0 30px}
.moodpic{margin:-15px -5.5% 0 -5.5%;overflow:hidden}
.moodpic img{width:100vw}
.breadcrumbs li{display:block;font-size:.875em}
.breadcrumbs .fa{padding-right:5px;font-size:.75em}
@ -128,11 +131,16 @@ menu{display:block;opacity:1;position:relative}
menu a{padding:10px 0}
#profile{float:none;margin:30px 0 15px 12px}
#toggle,.toggle{display:none}
.wrap{margin:0 20px 0 340px}
article{padding-top:20px}
.wrap{margin:0 0 0 300px}
article{padding:20px 40px 30px 40px}
.moodpic{margin:-20px -40px}
.breadcrumbs li{display:inline;padding-right:10px}
}
@media only screen and (min-width:1200px){
.wrap{width:860px;max-width:860px}
@media only screen and (min-width:1366px){
body{background:#eae8e4}
.wrap{width:800px;max-width:800px}
article{background:#f7f5f2}
.moodpic{margin:-20px 0 0 -40px;width:880px;height:230px}
.moodpic img{width:auto}
}