generator-ullalaa/app/templates/_dev/styles/main.css

Front-end web html5 boilerplate php template

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin-ext,latin,cyrillic);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}.modal{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;background:black;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;overflow:hidden;transition:all 1s cubic-bezier(0.000, 1.650, 0.130, 0.985)}.modal>.content{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;background:rgba(41,38,38,0.8);-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);position:relative;top:20%;min-height:0%;max-height:100%;margin:0 auto;padding:20px;background:rgba(41,38,38,0.8);z-index:2;overflow:hidden;transition:all 0.3s cubic-bezier(0.000, 1.650, 0.130, 0.985)}.modal>.content>.switch{position:absolute;z-index:999}.modal>.content>.close{top:0;right:0}.modal>.content>.close button::-moz-focus-inner{padding:0;border:0}.modal>.content>.close button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65);opacity:0.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace}.modal>.content>.close button.mfp-close:hover,.modal>.content>.close button.mfp-close:focus{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.modal>.content>.close button.mfp-close:active{top:1px}.modal.active{display:block;z-index:700;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.modal.active>.content{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}*:not(input){-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}html{font-size:62.5%}body{background:#292626;font-family:"Open Sans";font-size:18px;line-height:22.5px;font-size:1.8rem;line-height:2.25rem;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none}a{color:#292626;text-decoration:none;font-weight:600;color:#2d2222}a:hover{color:#292626}.text-center{text-align:center}.hero-unit{margin:50px auto 50px auto;width:400px;font-weight:300;line-height:30px;background-color:#eeeeee;border-radius:6px;padding:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);-moz-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);-o-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985)}.hero-unit div.logo{width:150px;height:150px;-webkit-animation:ulla-bounce 0.25s ease-out 0.0s infinite alternate;-moz-animation:ulla-bounce 0.25s ease-out 0.0s infinite alternate;-o-animation:ulla-bounce 0.25s ease-out 0.0s infinite alternate;animation:ulla-bounce 0.25s ease-out 0.0s infinite alternate;position:relative;display:block;margin-left:auto;margin-right:auto}.hero-unit ul li{list-style-type:disc;margin-left:20px}.hero-unit ul.l_row{*zoom:1}.hero-unit ul.l_row:before,.hero-unit ul.l_row:after{content:"";display:table}.hero-unit ul.l_row:after{clear:both}.hero-unit ul.l_row li{list-style-type:none;margin-left:5px;display:inline-block;float:left}.hero-unit ul.l_row li:first-child{margin-left:0px}.hero-unit .col{-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2;font-size:12px;line-height:15px;font-size:1.2rem;line-height:1.5rem}.hero-unit h1{font-size:50px;line-height:62.5px;font-size:5rem;line-height:6.25rem;font-weight:700;line-height:1;letter-spacing:-1px;-webkit-transition:all 0.5s cubic-bezier(0.120, 1.650, 0.000, 1.000);-moz-transition:all 0.5s cubic-bezier(0.120, 1.650, 0.000, 1.000);-o-transition:all 0.5s cubic-bezier(0.120, 1.650, 0.000, 1.000);transition:all 0.5s cubic-bezier(0.120, 1.650, 0.000, 1.000);position:relative}.hero-unit h1 span{font-size:12px;line-height:15px;font-size:1.2rem;line-height:1.5rem;display:inline-block;color:white;letter-spacing:0;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding-right:2px;padding-left:2px;background-color:#d43848}.hero-unit h2{font-size:20px;line-height:25px;font-size:2rem;line-height:2.5rem;font-weight:600;letter-spacing:-1px;color:#2a2525;padding-bottom:20px}@media (max-width: 480px){.hero-unit{width:100%;border-radius:0px;margin:0 auto 0 auto}}@-webkit-keyframes ulla-bounce{0%{top:0px}100%{top:-10px}}@-moz-keyframes ulla-bounce{0%{top:0px}100%{top:-10px}}@-o-keyframes ulla-bounce{0%{top:0px}100%{top:-10px}}@keyframes ulla-bounce{0%{top:0px}100%{top:-10px}}.hidden{visibility:hidden;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.remove{display:none}#warning .content{top:50%;height:170px;margin-top:-85px;min-height:0%;max-height:100%;width:360px;color:white}#warning .content h3{font-size:24px;line-height:30px;font-size:2.4rem;line-height:3rem;color:white;font-weight:400}#warning .content p{padding-top:10px;padding-bottom:10px}.drawer{margin-top:20px;margin-bottom:20px}.drawer .shelf .toggle{display:block;padding-top:15px;padding-bottom:15px;border-top:solid 1px #e6e5e4;border-bottom:solid 1px #e6e5e4;font-weight:700;font-size:13px;line-height:16.25px;font-size:1.3rem;line-height:1.625rem;margin-bottom:-1px;position:relative;padding-right:60px;text-transform:uppercase;color:black;letter-spacing:2px}.drawer .shelf .toggle img{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);-moz-transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);-o-transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);right:0px;position:absolute;top:-1px}.drawer .shelf .toggle.active img{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.drawer .content{font-size:14px;line-height:17.5px;font-size:1.4rem;line-height:1.75rem;font-weight:400;line-height:1.5;position:relative;width:100%;max-height:0;overflow:hidden;-webkit-transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);-moz-transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);-o-transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860)}.drawer .content div{padding-bottom:6px;padding-top:6px}.drawer .content.active{height:auto;max-height:300px}#test-popup{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;background:white;padding:20px;width:auto;max-width:380px;margin:20px auto;border-radius:5px}#test-popup h2{font-size:24px;line-height:30px;font-size:2.4rem;line-height:3rem;font-weight:400;padding-bottom:10px}#test-popup p{padding-top:10px;padding-bottom:10px}#well_hello{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(41,38,38,0.8);position:relative;padding:30px;width:auto;max-width:280px;margin:20px auto;border-radius:5px;color:white}#well_hello button.mfp-close{color:white}#well_hello h3{font-size:24px;line-height:30px;font-size:2.4rem;line-height:3rem;color:white;font-weight:400}#well_hello p{color:white;padding-top:10px;padding-bottom:10px}#well_hello p a{color:rgba(255,255,255,0.8)}.mfp-fade.mfp-bg{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);-moz-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);-o-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985)}.mfp-fade.mfp-bg.mfp-ready{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.mfp-fade.mfp-bg.mfp-removing{-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{-webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in}.mfp-fade.mfp-wrap .mfp-content{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);-moz-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);-o-transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985);transition:all 0.5s cubic-bezier(0.000, 1.650, 0.130, 0.985)}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}