Permalink
Browse files

Small css fixes.

  • Loading branch information...
1 parent 53ef0ff commit f198f00e80697b8bf2a7e42a89e1b208cec16d4c @prajwalit committed Sep 13, 2010
View
@@ -4,10 +4,10 @@
<title>Prajwalit.com</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
- <link href="stylesheets/screen.css?v=201009101600" media="screen, projection" rel="stylesheet" type="text/css" />
+ <link href="stylesheets/screen.css?v=201009131715" media="screen, projection" rel="stylesheet" type="text/css" />
<!--[if IE]>
- <link rel="stylesheet" type="text/css" href="stylesheets/ie.css" media="screen, projection" />
+ <link rel="stylesheet" type="text/css" href="stylesheets/ie.css?v=201009131715" media="screen, projection" />
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
@@ -62,7 +62,7 @@
<p>If you want to contact me professionally, you can mail me
at <a href="mailto:mail@prajwalit.com">mail [at]
prajwalit [dot] com</a> (Only if you're not from
- Infosys). Have a look at my <a class="resume" href="/resume/">résumé</a> if you're interested.
+ Infosys HR departmen)t. Have a look at my <a class="resume" href="/resume/">résumé</a> if you're interested.
</p>
</div>
</div>
@@ -72,9 +72,10 @@
<div class="col1_3">
<img class="blogpics" src="images/photoblog.jpg?v=201009062300" />
<h3>Photography</h3>
- <p>My new passion.<br>Instead of spending every second of
- my life in front of computer screen, I spend little bit of
+ <p>My new passion.<br>Instead of spending every second in
+ front of the computer screen, I spend little bit of
my time looking at nature through the camera.</p>
+ <br/>
<a href="http://thelookingglass.posterous.com">Go to my photo blog &raquo;</a>
</div>
<div class="col2_3">
View
@@ -1,121 +0,0 @@
-/* Welcome to Compass.
- * In this file you should write your main styles. (or centralize your imports)
- * Import this file using the following HTML or equivalent:
- * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
-@import url(compass/reset.css);
-body {
- background: #222222 url("../images/bgtexture.png") repeat;
- font-family: sans-serif;
- line-height: 1.3em;
- color: #ccc; }
-
-a {
- color: #A8A565;
- text-decoration: none; }
-
-h3 {
- color: #CFEB00;
- font-size: 1.3em;
- font-weight: bold;
- margin-bottom: 5px;
- padding: 2px 0; }
-
-p, a {
- font-family: Helvetica; }
-
-.container {
- width: 960px;
- margin: auto; }
- .container header {
- font-size: 3em;
- padding: 85px 0;
- color: #000;
- display: block; }
- .container header h1 a {
- text-decoration: none;
- display: block;
- width: 384px;
- margin: auto; }
- .container .page h2 {
- display: block;
- padding: 10px 0;
- margin-bottom: 10px; }
- .container .page h2 span {
- background: #EEE;
- color: #800;
- -webkit-box-shadow: #333 2px 2px 1px;
- -moz-box-shadow: #333 2px 2px 1px;
- border-bottom-right-radius: 5px 5px;
- border-top-left-radius: 5px 5px;
- -moz-border-radius-bottomright: 5px 5px;
- -moz-border-radius-topleft: 5px 5px;
- font-size: 1.2em;
- padding: 10px; }
- .container .page .blogs, .container .page .social, .container .page .aboutme {
- overflow: hidden;
- background: #000;
- border: 1px solid #444;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- -moz-box-shadow: #111 2px 1px 2px;
- -webkit-box-shadow: #111 2px 1px 2px;
- margin-bottom: 20px;
- padding: 0 0 10px; }
- .container .page .blogs img.blogpics, .container .page .social img.blogpics, .container .page .aboutme img.blogpics {
- display: block;
- margin: 10px auto 30px;
- border: 1px solid #666; }
- .container .page .blogs img.about, .container .page .social img.about, .container .page .aboutme img.about {
- float: right;
- margin: 10px 24px;
- border: 1px solid #666; }
- .container .page .aboutme p {
- padding: 5px 10px; }
- .container .page div.social-media-wrapper {
- display: block;
- overflow: hidden;
- margin: 10px auto 0;
- width: 360px; }
- .container .page ul.social-icons li {
- float: left; }
- .container .page ul.social-icons li a {
- display: block;
- width: 32px;
- height: 32px;
- margin-left: 8px; }
- .container .page ul.social-icons li a.twitter {
- background: black url("../images/icons/twitter_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.github {
- background: black url("../images/icons/github_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.email {
- background: black url("../images/icons/email_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.linkedin {
- background: black url("../images/icons/linkedin_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.flickr {
- background: black url("../images/icons/flickr_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.facebook {
- background: black url("../images/icons/facebook_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.posterous {
- background: black url("../images/icons/posterous_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.googlebuzz {
- background: black url("../images/icons/google_buzz_32.png") repeat 0 0; }
- .container .page ul.social-icons li a.picasa {
- background: black url("../images/icons/picasa_32.png") repeat 0 0; }
- .container footer {
- margin: 15px 0; }
- .container footer .footnote {
- text-align: center;
- color: #888;
- font-size: 0.85em; }
-
-.cols {
- width: 100%;
- overflow: hidden; }
- .cols .col1_3, .cols .col2_3, .cols .col3_3 {
- float: left;
- width: 31%;
- padding: 0 10px; }
- .cols .col1_3, .cols .col2_3 {
- border-right: 1px solid #222; }
- .cols .col2_3, .cols .col3_3 {
- border-left: 1px solid #666; }
View
@@ -114,15 +114,15 @@ img {
height: 32px;
margin-left: 8px;
- &.twitter {@include bg-img (#000, "icons/twitter_32.png", repeat, 0, 0);}
- &.github {@include bg-img (#000, "icons/github_32.png", repeat, 0, 0);}
- &.email {@include bg-img (#000, "icons/email_32.png", repeat, 0, 0);}
- &.linkedin {@include bg-img (#000, "icons/linkedin_32.png", repeat, 0, 0);}
- &.flickr {@include bg-img (#000, "icons/flickr_32.png", repeat, 0, 0);}
- &.facebook {@include bg-img (#000, "icons/facebook_32.png", repeat, 0, 0);}
- &.posterous {@include bg-img (#000, "icons/posterous_32.png", repeat, 0, 0);}
- &.googlebuzz {@include bg-img (#000, "icons/google_buzz_32.png", repeat, 0, 0);}
- &.picasa {@include bg-img (#000, "icons/picasa_32.png", repeat, 0, 0);}
+ &.twitter {@include bg-img (transparent, "icons/twitter_32.png", repeat, 0, 0);}
+ &.github {@include bg-img (transparent, "icons/github_32.png", repeat, 0, 0);}
+ &.email {@include bg-img (transparent, "icons/email_32.png", repeat, 0, 0);}
+ &.linkedin {@include bg-img (transparent, "icons/linkedin_32.png", repeat, 0, 0);}
+ &.flickr {@include bg-img (transparent, "icons/flickr_32.png", repeat, 0, 0);}
+ &.facebook {@include bg-img (transparent, "icons/facebook_32.png", repeat, 0, 0);}
+ &.posterous {@include bg-img (transparent, "icons/posterous_32.png", repeat, 0, 0);}
+ &.googlebuzz {@include bg-img (transparent, "icons/google_buzz_32.png", repeat, 0, 0);}
+ &.picasa {@include bg-img (transparent, "icons/picasa_32.png", repeat, 0, 0);}
}
}
View
Oops, something went wrong.
View
@@ -1,3 +0,0 @@
-/* Welcome to Compass. Use this file to define print styles.
- * Import this file using the following HTML or equivalent:
- * <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */
Oops, something went wrong.

0 comments on commit f198f00

Please sign in to comment.