awips2/css/mobile.css
2016-04-03 22:04:09 -05:00

1 line
3.3 KiB
CSS

.content-padding{max-width:1032px;margin:0 auto}@media only screen and (max-width: 580px){.onlyonmobile{display:block !important}.bar{height:60px}#welcome a.logo{max-width:40%}.panel{margin:0 30px !important;padding:56px 0 40px 0 !important}.panel>img{margin-bottom:50px;width:200px;margin-right:auto !important;margin-left:0px !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}.panel summary p{margin:10px 0 !important}.paper-button{margin:15px 0}#architecture .box{margin-bottom:25px}.edit-on-github{display:none}footer{padding:15px}footer .links{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-webkit-box-align:flex-start !important;-webkit-align-items:flex-start !important;-moz-align-items:flex-start !important;-ms-align-items:flex-start !important;-o-align-items:flex-start !important;align-items:flex-start !important}}@media only screen and (max-width: 850px){#architecture .panel p{margin-bottom:10px}#architecture .panel .paper-button{margin:0 0 40px}.responsive-table,.responsive-table thead,.responsive-table tbody,.responsive-table th,.responsive-table td,.responsive-table tr{display:block}.responsive-table th{position:absolute;top:-9999px;left:-9999px}.responsive-table td{position:relative;padding-left:40%}.responsive-table td:before{position:absolute;left:0;width:35%;padding-right:10px;text-transform:uppercase;font-size:14px;font-weight:500}.responsive-table tr td:last-child{border-bottom:1px solid #eee}.expressions-table td:nth-of-type(1):before{content:"Feature"}.expressions-table td:nth-of-type(2):before{content:"Example"}.expressions-table td:nth-of-type(3):before{content:"Explanation"}.attributes-table td:nth-of-type(1):before{content:"Attribute"}.attributes-table td:nth-of-type(2):before{content:"Required?"}.attributes-table td:nth-of-type(3):before{content:"Description"}.lifecycle-table td:nth-of-type(1):before{content:"Spec"}.lifecycle-table td:nth-of-type(2):before{content:"Polymer"}.lifecycle-table td:nth-of-type(3):before{content:"Called When"}.fouc-table td:nth-of-type(1):before{content:"Class Name"}.fouc-table td:nth-of-type(2):before{content:"Applied Behavior"}}@media only screen and (min-width: 581px) and (max-width: 850px){.main-bg .panel img{width:300px;margin-right:auto;margin-bottom:30px}.panel{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;margin:0 30px !important}.panel.left img{margin-left:0px !important;margin-right:auto !important}.panel.right img{width:300px;margin-right:0px !important;margin-left:auto !important}.panel summary+summary{margin-right:auto !important;margin-left:0px !important}footer{padding-left:15px}}@media only screen and (min-width: 851px) and (max-width: 990px){footer .links{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start}footer .links .paper-button{margin-bottom:16px}footer #copyright{margin-top:-16px}}@media only screen and (min-width: 990px){#future img{width:416px;height:286px}}