Bladeren bron

Website banner is shown on mobile and screen layouts

Muhammad Talha Mansoor 13 jaren geleden
bovenliggende
commit
7c732138ae
2 gewijzigde bestanden met toevoegingen van 10 en 10 verwijderingen
  1. 4 6
      css/custom.css
  2. 6 4
      index.html

+ 4 - 6
css/custom.css

@@ -29,7 +29,7 @@ moz-border-radius:15px;
 box-shadow: 0 0 5px 5px #888;
 }
 
-a.banner {
+.siteBanner {
 background-image:url(images/oncrashrebootbanner.jpg);
 background-repeat:no-repeat;
 background-size:cover;
@@ -60,13 +60,14 @@ Mobile version - preset code from cssgrid.net */
 @media handheld, only screen and (max-width: 767px) {
 
 .pageForeground {
+/* Do not show shadow on mobile */
 -moz-box-shadow: 0 0 0px 0px #888;
 -webkit-box-shadow: 0 0 0px 0px#888;
 box-shadow: 0 0 0px 0px #888;
 }
 
-a.banner {
-background-image:url();
+.siteBanner {
+margin-top:-16px;
 }
 
 .topNavBar {
@@ -75,10 +76,8 @@ text-align:center;
 	.examplecontainer {}
 
 	body {}
-	
 }
 
-
 /*
 _______________________________
 Provide higher res assets for iPhone 4 - preset code from cssgrid.net */
@@ -91,5 +90,4 @@ Provide higher res assets for iPhone 4 - preset code from cssgrid.net */
 	background-size: 27px 28px;
 	}
 	*/
-
 }

+ 6 - 4
index.html

@@ -58,11 +58,13 @@
 </div>
   <div class= "container">
     <div class="row pageForeground">
-      <a class="banner col_12" href=
-      "http://www.google.com"><h1>onCrash="Reboot()"</h1>
-      <p>You can, you should, and if you're brave enough to start,
-      you will.</p></a>
 
+<div class="col_12 siteBanner">
+<h1>onCrash="reboot()"</h1>
+<div class="jquery" style="font-family:monospace;color: #006;">onCrash<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;reboot()&quot;</span></div>
+<p>You can, you should, and if you're brave enough to start,
+      you will.</p><h3>Blah blah and blah</h3>
+</div>
       <div class="col_12 hmenu">
         <div class="col_2">
           <span>Current Category</span>