Tweaked styling for mobile message box

harrymt · Nov 29, 2017 · 07ad2d3 · 07ad2d3
1 parent cc73170
commit 07ad2d3
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 4 deletions.
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -62,7 +62,7 @@
   <link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet">
 
   <style>
-html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,i,ol,ul,li,table,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}html,body{height:100%}body{background:#fafafa;color:#696969;font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;text-align:center}ol,ul{list-style:none}img{display:block;width:100%}.star-link{font-size:23px;padding:2px;text-decoration:none}.footnote{padding-top:10px}.fullwidth{clear:both}a{color:#3c3c3c}a:hover{color:#1db8f9}h1,h2{color:#333;display:block;font-size:2em;padding-bottom:5px;padding-top:20px;width:100%}h2{color:#404040;font-size:1.8em}.huge-heading{font-size:1400%;text-align:left;text-transform:uppercase;overflow:hidden}li,p{color:#696969}p{color:#333;line-height:1.7em;text-align:justify}hr{margin-bottom:50px;margin-top:30px}.text-inline-minor{color:#b6b6b6}.text-inline-massive{font-size:30px}.text-inline-huge{font-size:50px}.icon-link{color:#888}.icon-link:hover{color:#555;cursor:pointer}.bullet-list{line-height:1.5em;list-style:disc;padding-left:20px;text-align:left}.button-container{padding-bottom:30px;padding-top:30px}.button-container .button{display:inline-block;margin:5px}.button{background:#fff;border:1px solid #e6e6e6;color:#fff;display:block;padding:5px;text-align:center;text-decoration:none;width:70px}.button:hover{color:#e6e6e6}.button-big{border-radius:3px;height:17px;padding:6px;padding-top:7px}.button-huge{background-color:#fff;border-color:#c7c7c7;border-style:solid;border-width:3px;color:#e6e6e6;font-size:30px;padding:8px;width:200px}.button-huge:hover{background-color:#333;color:#fff}.button-red{background:#ff412e}.button-red:hover,.button-red:focus{background:#fa1700;outline:none}.button-green{background:#128e12}.button-green:hover,.button-green:focus{background:#0c610c;outline:none}.button-blue{background:#516cf1}.button-blue:hover,.button-blue:focus{background:#2244ed;outline:none}.button-black{background:#4f5f77;border-color:#4f5f77}.button-black:hover,.button-black:focus{background:#637796;outline:none}.button-clear{color:#333}.button-clear:hover{background-color:#4f5f77;color:#fff}header nav ul{background:#fff;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;width:100%}header nav ul li a{color:#696969;display:block;padding:1em;padding-left:1.5em;padding-right:1.5em;text-decoration:none}header nav ul li a:hover{background:#fafafa;color:#696969}header nav ul li a.selected{background:#ededed}.message-box{margin:auto;padding-bottom:50px;width:50%}.message-box #mc_embed_signup{padding:20px}footer{margin:auto;padding-bottom:50px;width:50%}footer p{text-align:center}.box{background-color:rgba(255,255,255,0.98);box-shadow:3px 3px 3px rgba(0,0,0,0.2);border-radius:5px;margin:auto;margin-top:20px;padding:25px;padding-left:10px;padding-right:10px;text-align:center;width:60%;max-width:850px;min-width:300px}@media only screen and (max-width: 600px){.box{padding:0;padding-top:25px;width:93%}}.section-main{padding-top:50px}main{align-content:flex-end;align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-top:50px;width:90%;margin:auto;max-width:1400px}main h2{display:block;text-align:center}main section{background-color:#fff;border-radius:0;box-shadow:0 5px 10px 14px #f9f7f7;flex-grow:1;margin:50px;max-width:350px;padding:50px;padding-top:30px;padding-bottom:0;text-align:center;width:300px}main section p{padding-bottom:10px}main section h2{color:#333;font-size:21px;padding-bottom:20px;text-align:left}main h3{color:#555;font-size:1.2em}.heatmap-container{padding:20px}.cover-image{background-image:url("img/background.jpg");background-size:cover;height:100%;position:relative;text-align:center;width:100%}.cover-gradient{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.7;background:-webkit-radial-gradient(60% 50%, ellipse closest-corner, #646464 1%, rgba(0,0,0,0.9) 100%);background:radial,ellipse closest-corner 60% 50%,#646464 1%,rgba(0,0,0,0.9) 100%}.landing-section{padding-bottom:100px;position:relative;z-index:30}.landing-section p{text-align:center}.profile{border-radius:49%;margin:auto;width:auto}.spinner-disabled{background-color:#f1f1f1 !important}.spinner-box{background-color:#f5f5f5;color:#000;font-weight:bold;margin-top:10px;padding:5px;text-align:center;display:inline-flex;width:300px;text-align:center;justify-content:center}.spinner-box svg{top:3px;left:5px;position:relative;fill:#b5b5b5}.spinner-box:hover{background-color:#eee;color:#aaa;cursor:pointer}.projects .projects-heading{font-size:40px}.projects section{max-width:100%;width:100%}.projects section .photo-left{float:left;max-width:500px;max-height:300px;overflow:hidden;margin:auto;margin-bottom:30px;width:45%}.projects section .content-right{float:right;width:50%}@media only screen and (max-width: 900px){.projects section .photo-left{float:none;width:100%}.projects section .photo-left img{width:75%;margin:auto}.projects section .content-right{padding-top:20px;float:none;width:90%}}@media only screen and (max-width: 600px){.landing-section{padding-bottom:0}.huge-heading{font-size:300%;text-align:center}main section{border-radius:0;height:100%;margin:0;margin-bottom:20px;margin-top:20px;min-height:100%;padding:30px}.fullwidth{margin-top:0}footer{width:100%}.profile{width:60%}.section-main h1{font-size:1.5em}header nav ul li a{font-size:1.1em;padding-bottom:1.5em;padding-left:1.7em;padding-right:1.7em;padding-top:1.5em}}
+html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,i,ol,ul,li,table,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}html,body{height:100%}body{background:#fafafa;color:#696969;font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;text-align:center}ol,ul{list-style:none}img{display:block;width:100%}.star-link{font-size:23px;padding:2px;text-decoration:none}.footnote{padding-top:10px}.fullwidth{clear:both}a{color:#3c3c3c}a:hover{color:#1db8f9}h1,h2{color:#333;display:block;font-size:2em;padding-bottom:5px;padding-top:20px;width:100%}h2{color:#404040;font-size:1.8em}.huge-heading{font-size:1400%;text-align:left;text-transform:uppercase;overflow:hidden}li,p{color:#696969}p{color:#333;line-height:1.7em;text-align:justify}hr{margin-bottom:50px;margin-top:30px}.text-inline-minor{color:#b6b6b6}.text-inline-massive{font-size:30px}.text-inline-huge{font-size:50px}.icon-link{color:#888}.icon-link:hover{color:#555;cursor:pointer}.bullet-list{line-height:1.5em;list-style:disc;padding-left:20px;text-align:left}.button-container{padding-bottom:30px;padding-top:30px}.button-container .button{display:inline-block;margin:5px}.button{background:#fff;border:1px solid #e6e6e6;color:#fff;display:block;padding:5px;text-align:center;text-decoration:none;width:70px}.button:hover{color:#e6e6e6}.button-big{border-radius:3px;height:17px;padding:6px;padding-top:7px}.button-huge{background-color:#fff;border-color:#c7c7c7;border-style:solid;border-width:3px;color:#e6e6e6;font-size:30px;padding:8px;width:200px}.button-huge:hover{background-color:#333;color:#fff}.button-red{background:#ff412e}.button-red:hover,.button-red:focus{background:#fa1700;outline:none}.button-green{background:#128e12}.button-green:hover,.button-green:focus{background:#0c610c;outline:none}.button-blue{background:#516cf1}.button-blue:hover,.button-blue:focus{background:#2244ed;outline:none}.button-black{background:#4f5f77;border-color:#4f5f77}.button-black:hover,.button-black:focus{background:#637796;outline:none}.button-clear{color:#333}.button-clear:hover{background-color:#4f5f77;color:#fff}header nav ul{background:#fff;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;width:100%}header nav ul li a{color:#696969;display:block;padding:1em;padding-left:1.5em;padding-right:1.5em;text-decoration:none}header nav ul li a:hover{background:#fafafa;color:#696969}header nav ul li a.selected{background:#ededed}footer{margin:auto;padding-bottom:50px;padding-top:50px;width:50%}footer p{text-align:center}.message-box{margin:auto;width:50%}.box{background-color:rgba(255,255,255,0.98);box-shadow:3px 3px 3px rgba(0,0,0,0.2);border-radius:5px;margin:auto;margin-top:20px;padding:25px;padding-left:10px;padding-right:10px;text-align:center;width:60%;max-width:850px;min-width:300px}@media only screen and (max-width: 600px){.box{padding:0;padding-top:25px;width:93%}}.section-main{padding-top:50px}main{align-content:flex-end;align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-top:50px;width:90%;margin:auto;max-width:1400px}main h2{display:block;text-align:center}main section{background-color:#fff;border-radius:0;box-shadow:0 5px 10px 14px #f9f7f7;flex-grow:1;margin:50px;max-width:350px;padding:50px;padding-top:30px;padding-bottom:0;text-align:center;width:300px}main section p{padding-bottom:10px}main section h2{color:#333;font-size:21px;padding-bottom:20px;text-align:left}main h3{color:#555;font-size:1.2em}.heatmap-container{padding:20px}.cover-image{background-image:url("img/background.jpg");background-size:cover;height:100%;position:relative;text-align:center;width:100%}.cover-gradient{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.7;background:-webkit-radial-gradient(60% 50%, ellipse closest-corner, #646464 1%, rgba(0,0,0,0.9) 100%);background:radial,ellipse closest-corner 60% 50%,#646464 1%,rgba(0,0,0,0.9) 100%}.landing-section{padding-bottom:100px;position:relative;z-index:30}.landing-section p{text-align:center}.profile{border-radius:49%;margin:auto;width:auto}.spinner-disabled{background-color:#f1f1f1 !important}.spinner-box{background-color:#f5f5f5;color:#000;font-weight:bold;margin-top:10px;padding:5px;text-align:center;display:inline-flex;width:300px;text-align:center;justify-content:center}.spinner-box svg{top:3px;left:5px;position:relative;fill:#b5b5b5}.spinner-box:hover{background-color:#eee;color:#aaa;cursor:pointer}.projects .projects-heading{font-size:40px}.projects section{max-width:750px;width:100%}.projects section .photo-left{float:left;max-width:500px;max-height:300px;overflow:hidden;margin:auto;margin-bottom:30px;width:45%}.projects section .content-right{float:right;width:50%}@media only screen and (max-width: 900px){.projects section .photo-left{float:none;width:100%}.projects section .photo-left img{width:75%;margin:auto}.projects section .content-right{padding-top:20px;float:none;width:90%}}@media only screen and (max-width: 600px){.landing-section{padding-bottom:0}.huge-heading{font-size:300%;text-align:center}main section{border-radius:0;height:100%;margin:0;margin-bottom:20px;margin-top:20px;min-height:100%;padding:30px}.fullwidth{margin-top:0}footer{width:100%}.profile{width:60%}.section-main h1{font-size:1.5em}header nav ul li a{font-size:1.1em;padding-bottom:1.5em;padding-left:1.7em;padding-right:1.7em;padding-top:1.5em}.message-box{width:100%}}
 /*# sourceMappingURL=style.css.map */
   </style>
 </head>