flow/historia-de-zainab
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity

version movil

Browse source
This commit is contained in:
Sergio 2017-11-06 12:53:02 +01:00
parent 4180b10c4c
commit 552007d8fa
8 changed files with 396 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

2
css/css/mobile.css
View file

@ -1 +1 @@
ul.menu li{display:inline-block}.section{padding-top:70px}.img-menu{height:60px;display:inline-block}
body{background-color:#eeeded}#main-content{margin-bottom:80px}.navbar-default{background-color:#eeeded;border:none}.navbar-default a.navbar-brand-custom{font-family:'Londrina Solid',cursive;color:#000;font-size:18px;padding:0;padding-top:10px;display:inline-block;text-decoration:none}.navbar-default .chapter-name{font-family:'Londrina Solid',cursive;color:#da222b;font-size:17px}.link-menu{text-align:center;font-family:'Londrina Solid',cursive;text-decoration:none;color:black;display:inline-block}.link-menu:active,.link-menu.active{color:#da222b;text-decoration:none}.link-menu:hover{text-decoration:none}ul.menu li{display:inline-block}.section{padding-top:70px}.img-menu{height:60px;display:inline-block}#story-text,#map-text{margin-top:1em}.nopadding{padding:0 !important;margin:0 !important}#cover-btn{text-align:center;padding:0;background:#383e4e;color:white;padding-bottom:10px}#cover-creditos{background-color:#af9f7b;padding:15px}#cover-social{background-color:#fff;padding:15px;border-top:1px solid black;border-bottom:1px solid black}#cover-footer{padding:0;border-bottom:1px solid black;padding-top:15px;padding-bottom:15px;height:auto;background-color:#fff;min-height:70px}#cover-agradecimientos{background-color:#fff;padding-top:10px;padding-bottom:30px;font-size:12px}a.move-link{text-align:center;display:inline-block}a.move-link .circle{background:#da222b;border-radius:.8em;-moz-border-radius:.8em;-webkit-border-radius:.8em;color:#fff;display:inline-block;font-weight:normal;line-height:1.6em;margin-right:5px;text-align:center;width:1.6em}a.move-link.next{float:right}a.move-link.prev{float:next}ul.share-buttons{display:inline-block;list-style:none;padding:0;text-align:center}ul.share-buttons img{max-width:28px;margin-left:50px}ul.share-buttons li{display:inline}ul.share-buttons .sr-only{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}

2
css/css/mobile.css.map
View file

@ -1 +1 @@
{"version":3,"sources":["mobile.less"],"names":[],"mappings":"AAAA,EAAE,KACE,IACI,qBAGR,SACI,iBAGJ,UACI,WAAA,CACA"}
{"version":3,"sources":["mobile.less"],"names":[],"mappings":"AAEA,KACI,yBAEJ,cACI,mBAEJ,gBACK,wBAAA,CACA,YAFL,eAGK,EAAC,qBACG,YAAa,wBAAb,CACA,UAAA,CACA,cAAA,CACA,SAAA,CACA,gBAAA,CACA,oBAAA,CACA,qBAVT,eAcK,eACI,YAAa,wBAAb,CACA,aAAA,CACA,eAGT,WACI,iBAAA,CACA,YAAa,wBAAb,CACA,oBAAA,CACA,WAAA,CACI,qBACJ,UAAC,QAAS,UAAC,QACP,aAAA,CACA,qBAEJ,UAAC,OACG,qBAIR,EAAE,KACE,IACI,qBAGR,SACI,iBAGJ,UACI,WAAA,CACA,qBAGJ,YAAa,UACT,eAIJ,WACG,SAAA,YACA,QAAA,YAEH,WACI,iBAAA,CACA,SAAA,CACA,kBAAA,CACA,WAAA,CACA,oBAEJ,gBACI,wBAAA,CACA,aAGJ,cACI,qBAAA,CACA,YAAA,CACA,0BAAA,CACA,8BAEJ,cACI,SAAA,CACA,6BAAA,CACA,gBAAA,CACA,mBAAA,CACA,WAAA,CACA,qBAAA,CACA,gBAGJ,uBACI,qBAAA,CACA,gBAAA,CACA,mBAAA,CACA,eAMJ,CAAC,WACG,iBAAA,CACA,qBAFJ,CAAC,UAIG,SACE,kBAAA,CACA,kBAAA,CACA,uBAAA,CACA,0BAAA,CACA,UAAA,CACA,oBAAA,CACA,kBAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAA,CACA,YAEF,CAjBH,UAiBI,MACL,YAEI,CApBH,UAoBI,MACG,WAIR,EAAE,eACE,oBAAA,CACF,eAAA,CACA,SAAA,CACA,kBAEF,EAAE,cAAe,KACb,cAAA,CACA,iBAEJ,EAAE,cAAe,IACf,eAGF,EAAE,cAAe,UACf,iBAAA,CACA,KAAM,qBAAN,CACA,KAAM,wBAAN,CACA,SAAA,CACA,QAAA,CACA,UAAA,CACA,SAAA,CACA"}

140
css/mobile.less
View file

@ -1,4 +1,47 @@
// out: css/mobile.css, sourcemap: true, compress: true
@rojo: #da222b;
body{
background-color: #EEEDED;
}
#main-content{
margin-bottom: 80px;
}
.navbar-default{
background-color: #EEEDED;
border: none;
a.navbar-brand-custom{
font-family: 'Londrina Solid', cursive;
color:#000;
font-size: 18px;
padding: 0px;
padding-top:10px;
display: inline-block;
text-decoration: none;
}
.chapter-name{
font-family: 'Londrina Solid', cursive;
color:@rojo;
font-size: 17px;
}
}
.link-menu{
text-align: center;
font-family: 'Londrina Solid', cursive;
text-decoration: none;
color:black;
display: inline-block;
&:active, &.active{
color:@rojo;
text-decoration: none;
}
&:hover{
text-decoration: none;
}
}
ul.menu{
li{
display: inline-block;
@ -12,3 +55,100 @@ ul.menu{
height: 60px;
display: inline-block;
}
#story-text, #map-text{
margin-top:1em;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
#cover-btn{
text-align: center;
padding:0px;
background: #383E4E;
color:white;
padding-bottom: 10px;
}
#cover-creditos{
background-color: #AF9F7B;
padding:15px;
}
#cover-social{
background-color: #fff;
padding:15px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
#cover-footer{
padding: 0px;
border-bottom: 1px solid black;
padding-top:15px;
padding-bottom:15px;
height:auto;
background-color: #fff;
min-height: 70px;
}
#cover-agradecimientos {
background-color: #fff;
padding-top:10px;
padding-bottom: 30px;
font-size: 12px;
h4{
}
}
a.move-link{
text-align: center;
display: inline-block;
.circle {
background: @rojo;
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 0.8em;
color: #ffffff;
display: inline-block;
font-weight: normal;
line-height: 1.6em;
margin-right: 5px;
text-align: center;
width: 1.6em;
}
&.next{
float:right;
}
&.prev{
float:next;
}
}
/******* SHARING BUTTONS ***/
ul.share-buttons{
display: inline-block;
list-style: none;
padding: 0;
text-align: center;
}
ul.share-buttons img{
max-width: 28px;
margin-left:50px;
}
ul.share-buttons li{
display: inline;
}
ul.share-buttons .sr-only{
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}