Permalink
Browse files

Merge pull request #84 from andrewhayward/small-screen

Small screen
  • Loading branch information...
2 parents 8041cc2 + d386d08 commit a03743696e17cc5d4e536f487d29f7ca1d79d739 @rossbruniges rossbruniges committed Dec 6, 2012
@@ -136,4 +136,37 @@ fieldset.js_enabled .field {
.submit_row input {
text-transform: uppercase;
margin-left: 20px;
+}
+
+@media all and (max-width: 640px) {
+ .submit_row.marketplace {
+ padding-left: 20px;
+ }
+ .submit_row.marketplace::before {
+ content: "";
+ float: left;
+ display: block;
+ width: 160px;
+ height: 140px;
+ }
+ .submit_row.submit {
+ text-align: center;
+ }
+ .submit_row.submit span {
+ display: block;
+ margin-bottom: 1em;
+ }
+ .submit_row.submit input {
+ margin-left: 0;
+ }
+}
+
+@media all and (max-width: 400px) {
+ .submit_row.marketplace {
+ padding-top: 170px;
+ background-position: 50% 1em;
+ }
+ .submit_row.marketplace::before {
+ display: none;
+ }
}
@@ -461,6 +461,9 @@ nav li a {
}
@media all and (max-width: 640px) {
+ .mast-head h1 {
+ background: none;
+ }
.site-footer {
position: relative;
padding-left: 185px;
@@ -23,14 +23,8 @@
$("<div class='charleft'>&nbsp;</div>").insertAfter(container);
- //create charleft css
- var charLeftCss = {
- 'width' : container.width()
- };
-
var charLeftInfo = getNextCharLeftInformation(container);
charLeftInfo.addClass(options.originalStyle);
- charLeftInfo.css(charLeftCss);
var numInput = 0;
var maxCharacters = options.maxCharacterSize;
@@ -118,7 +118,7 @@ <h2 class="whimper">What is Marketplace and why is it awesome?</h2>
</div>
{% endif %}
</div>
- <div class="submit_row shout-box">
+ <div class="submit_row shout-box submit">
{% block cta_box %}
<span>All done and ready to submit?</span>
<input type="submit" name="submit" class="cta" value="Yup! Submit My Game!" />

0 comments on commit a037436

Please sign in to comment.