Accueil Explorer Aide
Connexion
caleb
/
pelican-elegant
Suivre 1
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

Adds icons in top nav bar and hides top nav bar in the mobile mode

Muhammad Talha Mansoor il y a 12 ans
Parent
fd5a3c9d7f
commit
ff4ecfb04b
2 fichiers modifiés avec 51 ajouts et 19 suppressions
Vue unifiée Afficher les stats Diff
  1. 38 6
      css/custom.css
  2. 13 13
      index.html

+ 38 - 6
css/custom.css
Voir le fichier 

@@ -16,7 +16,43 @@ body {
 
    font-family: Consolas,monospace, "Courier New";
 
    font-family: Consolas,monospace, "Courier New";
 
    font-size: 0.8em;
 
    font-size: 0.8em;
 
    text-align:right;
 
    text-align:right;
 
-   line-height:1.6em;
 
+   text-transform:uppercase;
 
+}
 
+
 
+a#twitterNavBar {
 
+   background-image:url(images/twitterNormal.png);
 
+   text-decoration:none;
 
+   background-repeat:no-repeat;
 
+   font-size: 0em;
 
+   margin: auto;
 
+}
 
+
 
+a#twitterNavBar:hover {
 
+   background-image:url(images/twitterHover.png);
 
+}
 
+
 
+a#githubNavBar {
 
+   background-image:url(images/githubNormal.png);
 
+   text-decoration:none;
 
+   background-repeat:no-repeat;
 
+   font-size: 0em;
 
+   margin: auto;
 
+}
 
+
 
+a#githubNavBar:hover {
 
+   background-image:url(images/githubHover.png);
 
+}
 
+
 
+a#rssNavBar {
 
+   background-image:url(images/rssNormal.png);
 
+   text-decoration:none;
 
+   background-repeat:no-repeat;
 
+   font-size: 0em;
 
+   margin: auto;
 
+}
 
+
 
+a#rssNavBar:hover {
 
+   background-image:url(images/rssHover.png);
 
 }
 
 }
 
 
 
 .pageForeground {
 
 .pageForeground {
 
@@ -139,11 +175,7 @@ _______________________________
 
 Mobile version - preset code from cssgrid.net */
 
 Mobile version - preset code from cssgrid.net */
 
 
 
 @media handheld, only screen and (max-width: 767px) {
 
 @media handheld, only screen and (max-width: 767px) {
 
-
 
-   .topNavBar {
 
-      text-align:center;
 
-   }
 
-
 
+   
    .pageForeground {
 
    .pageForeground {
 
       border-radius:0px;
 
       border-radius:0px;
 
       moz-border-radius:0px;
 
       moz-border-radius:0px;

+ 13 - 13
index.html
Voir le fichier 

@@ -48,23 +48,23 @@
 
 </head>
 
 </head>
 
 
 
 <body class="pageBackground padding_bottom_15">
 
 <body class="pageBackground padding_bottom_15">
 
-  <div class="container topNavBar margin_bottom_15">
 
+  <div class="container topNavBar margin_bottom_15 mobile-hide">
 
     <div class="row">
 
     <div class="row">
 
-      <div class="col_2 pre_4">
 
-        Tags
 
-      </div>
 
+      <span class="col_2 pre_7">
 
+        Contents
 
+      </span>
 
 
 
-      <div class="col_2">
 
-        Pages
 
-      </div>
 
+      <a class="col_1" id="twitterNavBar" href="http://twitter.com/talha_131">
 
+        Twitter
 
+      </a>
 
 
 
-      <div class="col_2">
 
-        About site
 
-      </div>
 
+      <a class="col_1" id="githubNavBar" href="http://github.com/talha131">
 
+        Github
 
+      </a>
 
 
 
-      <div class="col_2 last">
 
-        About me
 
-      </div>
 
+      <a class="col_1 last" id="rssNavBar" href="/rss">
 
+        Feed
 
+      </a>
 
     </div>
 
     </div>
 
   </div>
 
   </div>