From c3ba3e0f9651665b70e2c62de837ad446acbfa54 Mon Sep 17 00:00:00 2001 From: Sergio Date: Fri, 29 Sep 2017 12:21:38 +0200 Subject: [PATCH] grid xl --- .DS_Store | Bin 10244 -> 12292 bytes css/.DS_Store | Bin 0 -> 8196 bytes css/BootstrapXL.css | 270 +++++++++++++++++++++++++++++++++++++++++++ css/css/home.css | 2 +- css/css/home.css.map | 2 +- css/home.less | 4 +- index.html | 1 + templates/page1.html | 16 ++- 8 files changed, 288 insertions(+), 7 deletions(-) create mode 100644 css/.DS_Store create mode 100644 css/BootstrapXL.css diff --git a/.DS_Store b/.DS_Store index a9dc0b5dd0a8accfdab7b7186c243727f0558aaf..b6a1396ed56346f22f92189bfecead472c167ec0 100644 GIT binary patch delta 1765 zcmcgsUu;uV82^6#Gw-njPN8L&c9SmMYzMU#CNMzQ*v1$LqPS%PiLC9tz>QtI^|nQL z@cL(uLIPJ!^g&~IFoH2zCJ(+4Uo<8pY7B{Dq7Mdr@P!8x;{#E@+uI>o8l%Q=l5@^? z&i9@B{qFbu@|$~NZYoAZ7_4d=h>~n7Je^&(68Y{YiUrQc5*=PAi03k%Y)hgnogkge zf>|4ypS|d{GhIHv6X9Fv4F2k|&eA!0lP=N+^dViPPw5(cPG8WMbc24NoAe|7M7QWR z{Z4;?AP~lCv>}FWB#=Z8Hew65VjH$&82hjv2ks6yB7;{A`w4|-}s)L*S`Q`O08&X}zlmD4h=DD~TDyDE-q{No2on)5YHUQyimSi7n|ty%0E zD(k#zjTc?rsu(jFp3F8Pd)5gt_N-CVq}j-oepsmEg=|hQNKLqjdLI$$L`^T7MyV(t zYh3ni73yTZG(FA#Vg`|FT<_Sas?Ru}_Gc}#a&Sg3GOo`W`3D)-VaK^k(;QGre88bK zkN7~wH6)nrYbZrKX@rh2ABuE}UZMX&UF(13t^@AhQa9C%LVv^ECKL(_aii7c&8krN zfp{{tVe|F@`*uhT+|_xz5M3{>GfCD&qN2m@U#Z%kL_00f9Z3l0goNwsj;vP{>8T$? zI+7900_k;qy<(HX{g!^$+b6aOW`y*)-W{S};l|4r*E=YNg+oqBO&WNoeb&f^69=$nl+dGQW=JWPctG4km~LG$tqL%$yu3?zP!ba3>Q0X7(S2 diff --git a/css/.DS_Store b/css/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..1dfb82fc937425ed77222202cc0266ca4d468b0d GIT binary patch literal 8196 zcmeHMTWl0n826+DjBmzx`Olo$LR#!nZ zAY>q9AY>q9AY|bGzyRIZJV?vj`=T{WLk2z5V#D4-1@+W{F zD9?C?Fcx4Uz&U}`LIFirLeUk2CkBe{R38iM5&_N$6x{)X#|H*8WAH*je|8!_=9>d1 z1cqtIK*+#S2KdjX3^L$?o1VV;{cf4A*VgtmM#{=ptXw5Y(rRg~bTT>VOea0f%e&oL z?u1`5bt4_*Q;uWJ=e6`P)0iG-)jf{wX{K%DZZaPmHf`OR?soFF?)u{lYThLEm1S9y z$64LXOng^MtbIqvY)fn=zGFwcCDyTX=j^O3)i%cW4V<1jcYfx=?87ezk1#kDpkk4S zFWzv^atl4;^F-wNbXK_cP02l3S*;E{pd1=!RRvo0k*sGrwtLLTxrF1a!X>{4GLAi% zGkE)O#MV|mv&YLJ~-FnY<_ z9WiM*ZpKi)vZiLk=6klb-M9Px-s0MI6-=p8s)q}vYo;w@Xxh}h$>W-vF>KwmCq{{I z+cVFYMozAb6y%hxO&LYDzP7GDs;Y~vOQVeB)8<2Y(>uo+B&o>ORjl2(Nma&lTFPNZ z=cDQDZAtc98aAow3Et9^Gbq)A4o%Ifl5+WqwZO2YRZ&t8(oQm07G2}*iaKOzX~SZ= zEavIxRMg>uV3HjSD);PF)RBxcHASwtmDmzgC%RPi6rcH!=6Xl6hE1!w#-}Im`e;?h zd0UsR^EF8giDt3eJ_B+?qAl2b3F=`R-B|rF1_or|B0LF~;3;?sUW2Rf7Q6?az%}>` zK8Ne@9sCGC!>{l=`~iQ$UnpS>)?yvj<7V83+p!II;eJeD7k1-89K@rT#1x*y3>tU_ zCoqd=@jTAp1$-1Q;nVmGK8r8o6?`4vz&G(7d>=o+5Ah@X0>8wfSYMHlxU`t2I7(8{X2s%thjG`F^Q?(Lf2$whm2vxt1<2x<6| zDM`ZLyahTe3MnfaO4?nl=^;{_aaQ88VXK67EV@}Dr7%ep8>3AU$(cp`qOv7QmYT%M zMC*1XE|EOh3ekG6(jk+8S-EK4rR z;|PwD`gC7?Cg#w^JQhfWkKjdo3?IiQ0u?@oui#~Tb&=)<7HRJ44b2sjIoopV392b6 zbfIxry1f`E6YkXU_kZ8=-~Vqfr$cW-20{iFFo5N~$=+_NTJG5AZ|xYx(-e8&c5?## xE|mDsaYFw&PB{OEA?0Ia%KIb&oD)bj6#n%O0rk=F{`Z;p*$?mkc`oj(%-`!W)&u|m literal 0 HcmV?d00001 diff --git a/css/BootstrapXL.css b/css/BootstrapXL.css new file mode 100644 index 0000000..c832f9d --- /dev/null +++ b/css/BootstrapXL.css @@ -0,0 +1,270 @@ +/* +* CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc. +* +* Author: Marc van Nieuwenhuijzen +* Company: WebVakman +* Site: WebVakman.nl +* +*/ + +@media (min-width: 1200px) and (max-width: 1599px) { + .hidden-lg { + display: none !important; + } +} + + +.visible-xl-block, +.visible-xl-inline, +.visible-xl-inline-block, +.visible-xl{ + display: none !important; +} + + + +@media (min-width: 1600px) { + .container { + width: 1570px; + } + + .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + float: left; + } + + .col-xl-12 { + width: 100%; + } + + .col-xl-11 { + width: 91.66666667%; + } + + .col-xl-10 { + width: 83.33333333%; + } + + .col-xl-9 { + width: 75%; + } + + .col-xl-8 { + width: 66.66666667%; + } + + .col-xl-7 { + width: 58.33333333%; + } + + .col-xl-6 { + width: 50%; + } + + .col-xl-5 { + width: 41.66666667%; + } + + .col-xl-4 { + width: 33.33333333%; + } + + .col-xl-3 { + width: 25%; + } + + .col-xl-2 { + width: 16.66666667%; + } + + .col-xl-1 { + width: 8.33333333%; + } + + .col-xl-pull-12 { + right: 100%; + } + + .col-xl-pull-11 { + right: 91.66666667%; + } + + .col-xl-pull-10 { + right: 83.33333333%; + } + + .col-xl-pull-9 { + right: 75%; + } + + .col-xl-pull-8 { + right: 66.66666667%; + } + + .col-xl-pull-7 { + right: 58.33333333%; + } + + .col-xl-pull-6 { + right: 50%; + } + + .col-xl-pull-5 { + right: 41.66666667%; + } + + .col-xl-pull-4 { + right: 33.33333333%; + } + + .col-xl-pull-3 { + right: 25%; + } + + .col-xl-pull-2 { + right: 16.66666667%; + } + + .col-xl-pull-1 { + right: 8.33333333%; + } + + .col-xl-pull-0 { + right: auto; + } + + .col-xl-push-12 { + left: 100%; + } + + .col-xl-push-11 { + left: 91.66666667%; + } + + .col-xl-push-10 { + left: 83.33333333%; + } + + .col-xl-push-9 { + left: 75%; + } + + .col-xl-push-8 { + left: 66.66666667%; + } + + .col-xl-push-7 { + left: 58.33333333%; + } + + .col-xl-push-6 { + left: 50%; + } + + .col-xl-push-5 { + left: 41.66666667%; + } + + .col-xl-push-4 { + left: 33.33333333%; + } + + .col-xl-push-3 { + left: 25%; + } + + .col-xl-push-2 { + left: 16.66666667%; + } + + .col-xl-push-1 { + left: 8.33333333%; + } + + .col-xl-push-0 { + left: auto; + } + + .col-xl-offset-12 { + margin-left: 100%; + } + + .col-xl-offset-11 { + margin-left: 91.66666667%; + } + + .col-xl-offset-10 { + margin-left: 83.33333333%; + } + + .col-xl-offset-9 { + margin-left: 75%; + } + + .col-xl-offset-8 { + margin-left: 66.66666667%; + } + + .col-xl-offset-7 { + margin-left: 58.33333333%; + } + + .col-xl-offset-6 { + margin-left: 50%; + } + + .col-xl-offset-5 { + margin-left: 41.66666667%; + } + + .col-xl-offset-4 { + margin-left: 33.33333333%; + } + + .col-xl-offset-3 { + margin-left: 25%; + } + + .col-xl-offset-2 { + margin-left: 16.66666667%; + } + + .col-xl-offset-1 { + margin-left: 8.33333333%; + } + + .col-xl-offset-0 { + margin-left: 0; + } + + .visible-xl { + display: block !important; + } + + table.visible-xl { + display: table; + } + + tr.visible-xl { + display: table-row !important; + } + + th.visible-xl, td.visible-xl { + display: table-cell !important; + } + + .visible-xl-block { + display: block !important; + } + + .visible-xl-inline { + display: inline !important; + } + + .visible-xl-inline-block { + display: inline-block !important; + } + + .hidden-xl { + display: none !important; + } +} diff --git a/css/css/home.css b/css/css/home.css index 20df5dd..2858582 100644 --- a/css/css/home.css +++ b/css/css/home.css @@ -1 +1 @@ -p{font-size:12px}#portada{width:100%;height:100%}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background:white}.cd-timeline-navigation{padding:0;margin:0;text-align:left;align:left}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%;text-align:left;background-color:white;display:none}#timeline li{display:inline-block;width:13.9%;margin:0;padding:0;text-align:left;line-height:auto}#timeline a{background-color:transparent;text-align:left;line-height:auto}#timeline img{width:103%;opacity:.2;transition:all 1s}#timeline a.active img.img-menu{opacity:1}div.menu-content{height:100vh;background-color:white;padding-left:50px;padding-right:70px}div.extra-btn-container{position:absolute;left:-50px;top:20px;width:100px;height:100px}a.btn-circle{border-radius:40px}.map-popover{display:none}div.section-left{background-color:#ededed}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right} \ No newline at end of file +p{font-size:12px}#portada{width:100%;height:100%}.cd-horizontal-timeline .events-content{position:relative}.cd-horizontal-timeline .events-content li{position:absolute;z-index:1;width:100%;left:0;top:0;transform:translateX(-100%);opacity:0;animation-duration:.4s;animation-timing-function:ease-in-out}.cd-horizontal-timeline .events-content li.selected{position:relative;z-index:2;opacity:1;transform:translateX(0)}div.section-container{background:white}.cd-timeline-navigation{padding:0;margin:0;text-align:left;align:left}#timeline{z-index:10;position:absolute;bottom:0;left:0;height:100px;width:100%;text-align:left;background-color:white;display:none}#timeline li{display:inline-block;width:13.9%;margin:0;padding:0;text-align:left;line-height:auto}#timeline a{background-color:transparent;text-align:left;line-height:auto}#timeline img{width:103%;opacity:.2;transition:all 1s}#timeline a.active img.img-menu{opacity:1}div.menu-content{height:100vh;background-color:white}div.extra-btn-container{position:absolute;left:-50px;top:20px;width:100px;height:100px}a.btn-circle{border-radius:40px}.map-popover{display:none}div.section-left{background-color:#ededed}a.switchMode{display:block;max-height:150px}div.section-inner-content{text-align:right} \ No newline at end of file diff --git a/css/css/home.css.map b/css/css/home.css.map index 167fbbc..b23f421 100644 --- a/css/css/home.css.map +++ b/css/css/home.css.map @@ -1 +1 @@ -{"version":3,"sources":["home.less"],"names":[],"mappings":"AACA,EACI,eAGJ,SACI,UAAA,CACA,YAGJ,uBAAwB,iBACpB,kBAGJ,uBAAwB,gBAAgB,IACpC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAGJ,uBAAwB,gBAAgB,GAAE,UAEtC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAGf,GAAG,mBACC,iBAEJ,wBACI,SAAA,CACA,QAAA,CACA,eAAA,CACA,WAEJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,UAAA,CACA,eAAA,CACA,sBAAA,CACA,aATJ,SAUI,IACI,oBAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CACA,iBAhBR,SAmBI,GACI,4BAAA,CACA,eAAA,CACA,iBAtBR,SA2BI,KACI,UAAA,CACA,UAAA,CACA,kBA9BR,SAiCI,EAAC,OAAQ,IAAG,UACR,UAIR,GAAG,cACC,YAAA,CACA,sBAAA,CACA,iBAAA,CACA,mBAGJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI,aAEJ,GAAG,cACH,yBAGA,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC"} \ No newline at end of file +{"version":3,"sources":["home.less"],"names":[],"mappings":"AACA,EACI,eAGJ,SACI,UAAA,CACA,YAGJ,uBAAwB,iBACpB,kBAGJ,uBAAwB,gBAAgB,IACpC,iBAAA,CACA,SAAA,CACA,UAAA,CACA,MAAA,CACA,KAAA,CACA,UAAW,iBAAX,CACA,SAAA,CACA,sBAAA,CACA,sCAGJ,uBAAwB,gBAAgB,GAAE,UAEtC,iBAAA,CACA,SAAA,CACA,SAAA,CACA,UAAW,cAGf,GAAG,mBACC,iBAEJ,wBACI,SAAA,CACA,QAAA,CACA,eAAA,CACA,WAEJ,UACI,UAAA,CACA,iBAAA,CACA,QAAA,CACA,MAAA,CACA,YAAA,CACA,UAAA,CACA,eAAA,CACA,sBAAA,CACA,aATJ,SAUI,IACI,oBAAA,CACA,WAAA,CACA,QAAA,CACA,SAAA,CACA,eAAA,CACA,iBAhBR,SAmBI,GACI,4BAAA,CACA,eAAA,CACA,iBAtBR,SA2BI,KACI,UAAA,CACA,UAAA,CACA,kBA9BR,SAiCI,EAAC,OAAQ,IAAG,UACR,UAIR,GAAG,cACC,YAAA,CACA,uBAKJ,GAAG,qBACC,iBAAA,CACA,UAAA,CACA,QAAA,CACA,WAAA,CACA,aAGJ,CAAC,YACG,mBAGJ,aACI,aAEJ,GAAG,cACH,yBAGA,CAAC,YACG,aAAA,CACA,iBAEJ,GAAG,uBACC"} \ No newline at end of file diff --git a/css/home.less b/css/home.less index 1d2942c..9408855 100644 --- a/css/home.less +++ b/css/home.less @@ -83,8 +83,8 @@ div.section-container { div.menu-content { height: 100vh; background-color: white; - padding-left: 50px; - padding-right: 70px; + /*padding-left: 50px; + padding-right: 70px;*/ } div.extra-btn-container { diff --git a/index.html b/index.html index 89c25f1..316dc39 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,7 @@ + diff --git a/templates/page1.html b/templates/page1.html index 326d482..8e03bdd 100644 --- a/templates/page1.html +++ b/templates/page1.html @@ -14,15 +14,25 @@
+
+

menu

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+
+