Explorar el Código

Removes texture from everywhere and makes the design simple black on top of white

Muhammad Talha Mansoor hace 12 años
padre
commit
359632419b
Se han modificado 2 ficheros con 8 adiciones y 24 borrados
  1. 4 20
      css/custom.css
  2. 4 4
      index.html

+ 4 - 20
css/custom.css

@@ -7,8 +7,7 @@ body {
 }
 
 .pageBackground {
-background-image:url(images/woodTexture.jpg);
-background-repeat:repeat;
+background-color:white;
 }
 
 .topNavBar {
@@ -21,18 +20,11 @@ line-height:1.6em;
 }
 
 .pageForeground {
-background-color: whiteSmoke;
-border-radius:7px;
-moz-border-radius:7px;
-background-image:url(images/foregroundTexture.png);
+background-color: white;
 }
 
 .siteBanner {
-background-image:url(images/oncrashrebootbanner.jpg);
-background-repeat:no-repeat;
-background-size:cover;
 display:block;
-padding-left: 2em;
 padding-top: 2em;
 padding-bottom: 2em;
 }
@@ -60,10 +52,7 @@ font-weight: normal;
 text-align: center;
 font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
 font-size: 1.1em;
-background: url('images/noise.png'),linear-gradient(#E0E0E0, #CCC, #B0B0B0);
-background: url('images/noise.png'),-webkit-linear-gradient(#E0E0E0, #CCC, #B0B0B0);
-background: url('images/noise.png'),-moz-linear-gradient(#E0E0E0, #CCC, #B0B0B0); 
-border-top: 1px solid #F2F2F2;
+border-top: 1px solid #8C8C8C;
 border-bottom: 1px solid #8C8C8C;
 padding-top: .35em;
 padding-bottom: .35em;
@@ -73,24 +62,19 @@ color:#444;
 }
 
 .articleTitle {
-border-top: 1px solid #CCC;
-border-bottom: 1px solid #CCC;
 font-size: 3.2em;
 color: darkRed;
 font-weight: normal;
 font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
 line-height: 1.5;
-margin-left:0.5em;
 margin-bottom: 1.0em;
 }
 
 .publicationDate {
 margin-top: -4em;
 margin-bottom: 1.0em;
-margin-left: 9.0em;
 display: block;
-background-color: whiteSmoke;
-background-image: url(images/foregroundTexture.png);
+background-color: white;
 margin-right: 0em;
 width: 12.2em;
 padding: 0em 0.5em 0em 0.5em;

+ 4 - 4
index.html

@@ -48,7 +48,7 @@
 </head>
 
 <body class="pageBackground padding_bottom_15">
-  <div class="container topNavBar margin_bottom_15">
+  <div class="container topNavBar">
     <div class="row">
       <div class="col_2 pre_4">
         Tags
@@ -70,7 +70,7 @@
 
   <div class="container">
     <div class="row pageForeground">
-      <a class="col_12 siteBanner" href="http://www.google.com">
+      <a class="pre_1 col_11 siteBanner" href="http://www.google.com">
         <h1 id="siteTitle"><span style="color:#000000;">onCrash=</span><span style="color:#610B0B;">"reboot()"</span></h1>
         <h4 id="siteTagline">You can, you should, and if you're brave enough to
         start, you will.</h4>
@@ -103,7 +103,7 @@
       </div>
 
       <div class="">
-        <div class="col_10 suf_2">
+        <div class="pre_1 col_9 suf_2">
           <h1 class="articleTitle">Name of the article</h1>
 <span class="publicationDate">Published on May 30, 2012</span>
         </div>
@@ -127,7 +127,7 @@
           Pellentesque faucibus. Ut accumsan ultricies elit.</p>
         </div>
 
-        <div class="pre_1 col_2 suf_1 last">
+        <div class="col_2 suf_2 last">
           <p>Tags</p>
         </div>
       </div>