Browse files

Replace number images in About with CSS

  • Loading branch information...
1 parent 5a3a6ee commit 39b5913e90aaa192bdd4ede9707b4f6f7c0ec336 @brianking brianking committed Dec 12, 2011
View
20 chrome/locale/en-US/about.html
@@ -33,61 +33,61 @@
</div>
<div class="column1">
- <img src="chrome://facebook/skin/images/about/one.png" alt="1" />
+ <div class="listpoint">1</div>
<p>Open the <span>Friends Sidebar</span>, a list of your friends with their latest status updates.</p>
</div>
<div class="column2">
- <img src="chrome://facebook/skin/images/about/two.png" alt="2" />
+ <div class="listpoint">2</div>
<span>Search Facebook</span>
<p>Type in a name and hit enter, or select one of your friends.</p>
</div>
<div class="column3">
- <img src="chrome://facebook/skin/images/about/three.png" alt="3" />
+ <div class="listpoint">3</div>
<span>Quick Links</span>
<p>Easily access your Facebook pages or change your toolbar settings.</p>
</div>
<div class="column1">
- <img src="chrome://facebook/skin/images/about/four.png" alt="4" />
+ <div class="listpoint">4</div>
<span>Home</span>
<p>Go to your profile.</p>
</div>
<div class="column2">
- <img src="chrome://facebook/skin/images/about/five.png" alt="5" />
+ <div class="listpoint">5</div>
<span>Notifications</span>
<p>Tells you how many unseen requests you have.</p>
</div>
<div class="column3">
- <img src="chrome://facebook/skin/images/about/six.png" alt="6" />
+ <div class="listpoint">6</div>
<span>Like</span>
<p>Like a page as you browse, and see the number of Likes for a page.</p>
</div>
<div class="column1">
- <img src="chrome://facebook/skin/images/about/seven.png" alt="7" />
+ <div class="listpoint">7</div>
<p><span>Share</span> the current page you're viewing with your Facebook friends!</p>
</div>
<div class="column2">
- <img src="chrome://facebook/skin/images/about/eight.png" alt="8" />
+ <div class="listpoint">8</div>
<p><span>Upload</span> photos.</p>
</div>
<div class="column3">
- <img src="chrome://facebook/skin/images/about/nine.png" alt="9" />
+ <div class="listpoint">9</div>
<span>Status update</span>
<p>Share what you're doing.</p>
</div>
<div class="column1">
- <img src="chrome://facebook/skin/images/about/ten.png" alt="10" />
+ <div class="listpoint">10</div>
<span>Log out</span>
<p>Log out when you're done.</p>
</div>
View
14 chrome/skin/about.css
@@ -40,3 +40,17 @@ span {color: #3B5998; font-weight: bold;}
.arrow {position: absolute; top: 10px; right:10px; text-align: center; z-index: 50000;}
.arrow span {display: block; text-align: center; text-transform: uppercase; color:#1F8002; text-shadow: 1px 1px 1px #fff;}
+
+.listpoint {
+ background-color: #3B5998;
+ border-radius: 15px 15px 15px 15px;
+ color: white;
+ display: block;
+ float: left;
+ font-weight: bolder;
+ height: 20px;
+ margin: 0 5px 50px 0;
+ padding: 3px;
+ text-align: center;
+ width: 20px;
+}
View
BIN chrome/skin/images/about/eight.png
Deleted file not rendered
View
BIN chrome/skin/images/about/five.png
Deleted file not rendered
View
BIN chrome/skin/images/about/four.png
Deleted file not rendered
View
BIN chrome/skin/images/about/nine.png
Deleted file not rendered
View
BIN chrome/skin/images/about/one.png
Deleted file not rendered
View
BIN chrome/skin/images/about/seven.png
Deleted file not rendered
View
BIN chrome/skin/images/about/six.png
Deleted file not rendered
View
BIN chrome/skin/images/about/ten.png
Deleted file not rendered
View
BIN chrome/skin/images/about/three.png
Deleted file not rendered
View
BIN chrome/skin/images/about/two.png
Deleted file not rendered

0 comments on commit 39b5913

Please sign in to comment.