The Helio Ocean by Pantech is the first major handset announcement out of the annual CTIA conference. Highlighted by a unique dual-slide form factor, the Ocean is the most unique Helio handset by far. Executives at the startup carrier have been buzzing about the device and noted that this device has actually been in development since before Helio was officially a company.

The Ocean has both a numerical keypad and QWERTYkeyboard. With the numerical keypad slid out the device looks like a conventional slide-style handset and behaves as a phone. With the QWERTY slid out the Ocean transforms into what’s best described as a Sidekick competitor.

“Finally, you don’t have to choose between a device that’s good for talking but a nightmare for messaging, or one that’s good at messaging but feels like you’re holding a brick up to your face when you try to make a call,” said Sky Dayton, CEO of Helio

Features of the Helio Ocean include:

• QVGAscreen with 260k colors
• 200 MB internal memory plus microSD card slot (USB mass storage mode supported)
• EV-DO 3G data
• 2 megapixel camera
• Media player with support for MP3, AAC, WMA, MPEG-4, H.264, VOD and MOD
• GPS
• Stereo Bluetooth
• POP, IMAP, Exchange email support (plus popular web mail)
• Full HTML browser

The Helio Ocean will go on sale later this Spring for an estimated $295. It’s an exclusive to Helio. MobileTracker will have more on the Ocean as soon as we get a hands-on look.

No Problem. You can sync your BlackBerry calendar with google one. And you always be in  touch with you timetable. Just visit the http://m.google.com/sync with you mobile phone and install Google Sync for mobile.

Sources can be found at http://qa.php.net/

The release can be availbale on thursday.

It is important that you don’t require GPS-receiver. Ok, if you have GPS, then Google Maps will use it. The accuracy of coordinates will be better. In opposite case the Google Maps will use triangulation methods using signals from base stations.

To install the application on your cell phone, point your mobile browser to this link www.google.com/gmm.

This video describes details of this technology in Google Maps

To be honest, I have to say, that in Kiev this function have not work. At least on my phone.

In fact, the open source model, which began with programmers, has been so successful that it is currently being applied in government, media, education and private business. But despite these new applications, the unique combination of the open source model with the universalism of web design remains one of the ideal applications of open source. This pervasiveness of the open source spirit in web design now means that you can use open source software to design both graphics and your CSS and HTML, and you can also use the dozens of reliable open source code resources or thousands of web design templates to base your own designs on. In this article we highlight 100 open source web design templates, resources, and tools.

The Best Directories of Free Open Source Web Design Templates

There are tons of free design template directories on the net, but sorting through all of them can be a very tedious process. Instead, we suggest that you start with these four, which we consider to be the best free open source design template directories online.

1. OSWD: Over 2,000 of the best freebie web design templates. Also allows for search capability by color, contrast, validation, and other categories.

   

2. OpenWebDesign:A large and active community of individuals who share free web design templates. Includes regular design contests and a sub-category of most popular designs to speed up your search.

   

3. Open Designs: Headed by a non-profit board, the open design community has almost 600 designs which have been vetted and moderated by the community’s volunteer board. Also includes a relatively active forum where designers can share tips and resources.

   

4. CSS Tinderbox: CSS Tinderbox prevents you from having to “reinvent the wheel” by providing very basic, yet solid, CSS/XHTML design templates from which you can build off of.

   

Open Source Web Design Programs

Why pay for software if you can find it free? Usually, the answer is that the free stuff just plain isn’t any good. You won’t find that to be the case with the open source web design software programs in this section, however, which are all the best of the best.

1. Nvu: An open-source web authoring system to rival FrontPage and Dreamweaver. (Linux, Windows, and Mac)
2. Cssed: A CSS editor featuring auto completion, syntax highlighting and validation. (C, C++) (Linux)
3. Quanta Plus: A top-notch HTML editor and web development for the K Desktop Environment.
4. Bluefish: An HTML editor for programmers written using GTK, designed to save the experienced webmaster some keystrokes. (C) (GNU/Linux, Unix)
5. GIMPShop: The open source replacement for Photoshop. (Mac, Linux, and Windows)
6. Inkscape: The vector graphics application which may spell the end for Adobe Illustrator.

Complete Web Design Templates

If you want to get off the ground with your website quickly, then you may want a complete template that requires minimal tweaking. In this section we highlight some of the best complete template resources on the web. These templates include not only the CSS, but also the (X)HTML and in some cases the graphic files to get your site up as fast as possible.

1. TemplateNavigator: The largest catalogue of free website and flash templates, along with quality preview shots.
2. TemplateBox: Over 300 freebie website, logo, banner, and flash templates to complement their collection of paid offerings.
3. Template Monster: A small but very high-quality set of web, flash, and blog templates.
4. Art for the Web: 75 freebie templates. Pretty good place to look if you’re looking for something slightly out of the ordinary.
5. Free CSS Templates: A 206 template strong resource which is frequently updated with new submissions.
6. Effex-Media: Free website templates designed by designers, this massive list is categorized by website type and includes user reviews of many of the templates.
7. DotcomWebDesign: Hundreds of free templates, some of which are really top-notch. However, the categorization is a little arbitrary so be ready to spend some time manually searching.
8. Themebot Design Templates: This site has some design templates, but not very many. There is a good amount of free themes.
9. Groovy Lizard: Personal page templates (commercial use must buy a license)
10. Interspire: Freebie web, Frontpage and Dreamweaver templates
11. Joyful Heart Designs: Personal page templates generally with floral designs.
12. OpenSourceTemplates: Free CSS and xhtml open source website templates and Web 2.0 designs.
13. Ricky’s Web Templates: 50+ freebie templates, graphics, and buttons.
14. Free CSS Templates: A dozen full-featured fully functional CSS based templates.
15. FreekTemplates.com: A collection of business, cars and bikes, and hosting templates.
16. Template Perfection: 200+ freebie templates with quite a few non-english oriented templates.
17. TemplateWorkz: 48 freebie web templates, along with some basic logo and newsletter templates.
18. Zymic: 80 freebie templates (HTML Pages + CSS + Images + PSD Files + Blank Images Files).
19. OpenSourceTemplates: A community-driven CSS and xhtml open source template design showcase.
20. Freelayouts: HTML and Flash templates.
21. FreeCSSTemplates.org: Over 100 freebie CSS templates.
22. Free Layouts: Complete list of hundreds of HTML, flash, and CSS templates.
23. Free Templates Online: Dozens of easily customizable templates categorized by theme.
24. Free Website Templates: A large collection of templates that don’t require a reciprocal link.
25. Six-Shooter Media: Free CSS and xhtml open source templates.
26. Free Flash Template: Web templates and intros with tons of special features.
27. Layouts4Free.com: Free web layouts with search capability.
28. Solucija: Free XHTML / CSS website templates already setup and sorted by commercial use.
29. MasterTemplates: Professionally designed free website layouts along with PowerPoint templates.
30. TemplateWorld: Free, tableless, W3C-compliant web design layouts designed by Template World designers.
31. Painted Pixels: Free web page templates, buttons, and background tiles for non-commercial use.
32. CSSFill: A selection of CSS / XHTML based layouts and templates by Michael Strand.
33. ThemesBase: Templates organized by popular content management, blogging and forum systems.
34. Arcsin Design Templates: 22 Freebie XTML and CSS Templates
35. Snakeye Web Templates: 20 templates with a focus on Dreamweaver and Fireworks.
36. Steve’s Templates: Dozens of templates, free with link back.
37. GordonMac.com: Free CSS templates along with some freebie PHP scripts.
38. Web Design Helper: Full page templates including the graphics and code.
39. Webmaster Resources: 25 free web templates.

CSS Layouts

If you’re looking for the freedom to create something entirely original but just want some of the basic layout taken care of, this section is for you. The templates below are pure CSS, leaving you a clean slate from which you can add the design, graphics, and text as you see fit.

1. Layout Gala: 40 CSS tri-color layouts to help you pick a format.
2. AndreasVilkund.com: Free Templates by designer Andreas Viklund.
3. CSS Template Directory: A collection of CSS formatted page templates, developed and distributed by different designers.
4. BenMeadowcroft.com: Top-notch web design templates by Ben Meadowcroft, mixed in with a few spoof pages and experimentation.
5. Mollio: A set of basic CSS templates that that also have some sample basic content to speed things along.
6. Real World Style: CSS layouts organized by format type.
7. Little Boxes: CSS template arrangements with quickly accessible code.
8. The Layout Reservoir: Simple, straightforward, and manipulable 2 and 3 column layouts.
9. Protagonist Web Resources: A list of 43 tableless layouts to go along with the other protagonist resources.
10. Glish: CSS Layout Techniques by Eric Costello which have been stripped down to the bare essentials.
11. FU2K: CSS layouts designed for Netscape 4 compatibility.
12. Position is Everything: Tableless design resource with CSS bug workarounds.
13. ThreeColumnLayouts: The ultimate 3 column layout resource list.
14. ssi-developer: Two column CSS template samples with recommendations.
15. MIS Web Design: Fancy Paragraphs with CSS.
16. Ruthsarian Layouts: Freebie-CSS layouts ranging from basic to complex arrangements.
17. A List Apart: CSS: Practical CSS Layout Tips, Tricks and Techniques
18. Code-Sucks.com: Creating 1, 2, 3, and 4 column layouts.
19. Particle Tree: Dynamic resolution dependent layouts.
20. Project Seven: Fluid CSS Layouts
21. MyCelly: A collection of 16 basic layout templates.
22. Ideas: 12 free CSS templates.
23. CSS Library: Dynamic drive’s tableless CSS layouts.
24. IntensiveStation: A collection of all new basic CSS templates.
25. IronMyers: A collection of layouts with full Grade-A browser support for IE6, IE7, Firefox, Opera, Safari, and more.
26. The CSS Playground: Cutting edge CSS demos by Stu Nicholls’
27. Wordpress Theme Viewer: Collection of searchable themes organized by columns, colors, rounded corners, and other categories.
28. Fluid 2-Column Template: A fully usable “fluid” template, meaning that the design expands and contracts with the window size.
29. Avinash 2.0: 12 Free CSS Templates

Automated CSS Tools and Generators

This set of resources isn’t for those that want to create something entirely unique. But if you aren’t a strong coder and just want to get the job done, these automated CSS code tools will let you create CSS at the push of a button.

1. CSS Creator: Select the form colors, number of columns, html version, and press a button. Presto, a CSS template for your page.
2. Inknoise: The layout-o-matic: fill out the form and out pops your CSS.
3. Strange Banana: Simply refresh the template generator until you get the style you like, then save the page which has your CSS embedded in the header.
4. Nidahas: A CSS-based form template.
5. Maketemplate: A PHP - HTML - CSS template generator for two column layouts.
6. IBDjohn: CSS template generator for three column layouts.
7. TemplatR: Another easy CSS template generator.
8. PsycHo: Your own psychogenesis, your own web design template.
9. Firdamatic: Tableless 2 or 3 column layout generator.
10. Wordpress Theme Generator: Online generator creates custom unique Wordpress themes.

Blog Themes and Templates

Designing blogs has become so popular as a subset of web design that we thought they deserved their own separate section. In this section, we highlight some of the best open source weblog template sources.

1. SmashingMagazine: 83 Beautiful Wordpress Themes You (Probably) Haven’t Seen
2. Kaushal Sheth: Elegant WordPress themes.
3. ErraticWisdom: Textpattern templates
4. Scribez: 10 Best Wordpress Templates.
5. pinkdesign: Free diary / blog templates
6. Textgarden.org: The official site for themes designed for Textpattern.
7. Blogger Templates: A collection of Blogger templates on a wide variety of themes.
8. Blogfashions: A collection of free Movable Type compatible blog templates.
9. FinalSense: High-quality templates for Blogger.
10. WP Themes: WordPress themes all designed by Sadish Bala.
11. Drupal Theme Garden: Showcase of themes available for Drupal 4.7x and Drupal 5.x.
12. Weblog Design: A small number of high-quality weblog templates.

1
2
3

<script language="javascript" type="text/javascript">
var xmlHttp = new XMLHttpRequest();
</script>

2. Get and set form field values with JavaScript

1
2
3
4
5

// get the value of "phone" field and write it to phone variable
var phone = document.getElementById("phone").value
//set values in form using response array
document.getElementById("order").value = response[0];
document.getElementById("address").value = response[1];

3. Working with Microsoft browsers

Microsoft Internet Explorer browser uses MSXML alalyzator for XML processing. That is why you need to create the object with special way, if you want your AJAX-application to work in Internet Explorer. However it’s not so easy. There are two different verions of MSXML on the market. The version depends on which version of JavaScript interpretator is installed in Internet Explorer. So, you need to write code, which going to work in both versions:

1
2
3
4
5
6
7
8
9
10

var xmlHttp = false;
try {
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
    try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e2) {
        xmlHttp = false;
    }
}

You see now that there are three ways to create XMLHTTPRequest object:

1
2
3

var xmlHttp = new XMLHttpRequest();
var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

3. Merge together

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

/* Create the new XMLHttpRequest object to communicate with web-server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
    try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e2) {
        xmlHttp = false;
    }
}
@end @*/
if (!xmlHttp && typeof XMLHttpRequest != ''undefined'') {
    xmlHttp = new XMLHttpRequest();
}

4. Send the request

Now you have the greatest XMLHttpRequest object; let’s make it useful. First, we need the JavaScript-method, which our web page can call (for example, when user enters the text or choose an item from menu). Next, we need to follow the next scheme almost in all your Ajax applications:

1. Get any data from web-form.
2. Create an URL for connection.
3. Open the connection with server.
4. Create a callback function, which will be called after server response.
5. Send the request.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function callServer() {
    // Get city and state from web-form
    var city = document.getElementById("city").value;
    var state = document.getElementById("state").value;
    // Continue if we have both values
    if ((city == null) || (city == "")) return;
    if ((state == null) || (state == "")) return;
    // Create URL for connection
    var url = "/scripts/getZipCode.php?city=" + escape(city) + "&state=" + escape(state);
    // Open connection with server
    xmlHttp.open("GET", url, true);
    // Create the callback function
    xmlHttp.onreadystatechange = updatePage;
    // Send request
    xmlHttp.send(null);
}

5. Processing the response

Now we should care about server’s response. You should know two things:

• Don’t do anything until xmlHttp.readyState property equals to 4.
• Server will store its response in xmlHttp.responseText property.

1
2
3
4
5
6

function updatePage() {
    if (xmlHttp.readyState == 4) {
        var response = xmlHttp.responseText;
        document.getElementById("zipCode").value = response;
    }
}

6. Start Ajax-process

1
2
3
4
5

<form>
<p>City: <input type="text" name="city" id="city" size="25" onChange="callServer();"/></p>;
<p>State: <input type="text" name="state" id="state" size="25" onChange="callServer();"/></p>
<p>Zip Code: <input type="text" name="zipCode" id="zipCode" size="5" /></p>
</form>

Below is a simple bash script called php.sh

1
2
3

#!/bin/bash
echo "Successful call from PHP : "
exit 0

chmod 700 so it would be root executable, and saved it to your apache root folder say /var/www/html/

And here’s a simple browseable php script called test.php

1
2
3
4
5
6
7
8
9
10

$program = "/var/www/html/php.sh";
$ver1 = system($program, $retval);
if ($retval == 0 ) {
echo "Returned 0";
}
else {
echo "Returned not zero";
}
die;
?>

Saved to same root location where your php.sh currently resides.

If you browse the page test.php, it would have a return value spitted out by php.sh bash script into test.php web page.

• firefox / mozilla - http://www.mozilla.com/en-US/firefox/
• opera - http://www.opera.com/download/index.dml?platform=linux
• netscape - ftp://ftp.netscape.com/pub/netscape7/english/7.1/unix/linux22/sea/
• dillo - http://www.dillo.org/

And for fast alternative text-based browsers:

• elinks
• lynx
• links

And non-interactive web browser:

• wget
• curl

There are may ways how these tools can be beneficial. Say, we need to download
an image from web and send it to our email box on daily basis. Making use of linux crontab for scheduling this kind of daily job would be nice like so:

30 08 * * * cd /root/scripts ; rm -rf pic_pag00.jpg; wget -c "http://images.inq7.net/img/thumbnails/new/hea/pag/img/pic_pag00.jpg" ; echo "INQ7" | mutt -s "INQ7 front page" -a /root/scripts/pic_pag00.jpg

Explained:

30 08 = this cronjob should be executed exactly 8:30AM
cd /root/scripts = cd to this /root/scripts folder when cronjob starts
rm -rf pic_pag00.jpg = deletes this file from current path location regardless if it exists or not
wget -c “http://images.inq7.net/img/thumbnails/new/hea/pag/img/pic_pag00.jpg” = download the same new pix pic_pag00.jpg non-interactively and save it with the same filename to current path location,

then finally

echo “INQ7″ | mutt -s “INQ7 front page” -a /root/scripts/pic_pag00.jpg youremail@domain.com = created an email with subject name “INQ7 front page”, attaches pic_pag00.jpg as email attachment with email body of “INQ7″ and sends it back to your email box - works like a charm.

Alternatively, you can browse and dump a specific site so you can view it on daily basis from your MUAs or mail user agent like outlook, eudora, thunderbird, like so:

01 07 * * * lynx -dump www.google.com > google.txt ; echo "Google dumped" | mutt -s "Google dumped" -a google.txt you@here.com

The above would be executed exactly 7:01AM , browse and dump the URL, save it as google.txt file, attaches the file and sends it right away to your email box.

How about checking for new download files

33 01 30 * * wget -c www.google.com/files.rpm; echo "Google file" | mutt -s "Google dumped" -a files.rpm you@here.com

Exactly 1:30AM exeucted every 30th day of the month, browse and dumps www.google.com/files.rpm file, attaches to email composition and sends it to your email box.

Well, combine it from server side script, like compare it to previous download file, if there is difference, emails you to inform you that there is a new version of that file.

Individually issuing them as root :

#last -a
#lastb -a
#lastb username
#lastb
#lastb username
#lastlog

So, who is currently logged in?

#who
#who -a
#w

Some dirty roots:

#ps axuw | grep bash
#ps axuw | grep bash | awk ‘{print $1}’

(since by default the default drop shell is bash)

Sideslide, if you have freeradius currently running, the below will show you the currently authenticated users from freeradius:

#radwho -r
#radwho

Who are you?

#whoami

cheers

First, download google earth binary file like so:

#wget -c http://dl.google.com/earth/client/current/GoogleEarthLinux.bin

This would fetch the binary file and save it to your current location. It would take some time specially if you are using a dialup connection, so take a break and come back later.

…

Welcome back!

Now that you have downloaded the file, make sure to have it as root executable by doing so:

#chmod 700 GoogleEarthLinux.bin

I never added any folder or directory as you can see.

And execute it:

#./GoogleEarthLinux.bin

as usual, press Forward (Next) to continue and finish installation

Some CLI outputs:

Verifying archive integrity… All good.
Uncompressing Google Earth for GNU/Linux 4.1.7076.4458………………………………………………………………..
Installing mimetypes…
Installing desktop menu entries…
Installing desktop icon…

Just give it some time to connect…and there you go.

To relaunch from X, do it from Application > Internet and look for GoogleEarth/

Hope this helps.

If /etc/nologin does exists, any attempts even popping out your emails, ssh connections, or webmail logins are completely denied. Just make sure you don’t logout from that server after issuing this command remotely or you have an active multiple ssh connections remotely to your server when you issue this command! If all fails, it would require direct physical access with your next ssh logins or tell someone to reboot the production server for you, which is bad.

Upon reboot, linux deletes this file automatically.

Sample:

1
2
3
4
5
6

# cat /etc/nologin
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Any connection and authentication attempts are being
denied for now due to module authentication upgrade.
Please try back later after a few minutes. Thank you
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

As root, just issue:

#ss

This would you show you listening/established/past/ongoing connections with details such as IP address, sockets, protocol types, port numbers and some received/sent stats:

#ss -a

shows you more details.

#ss -h

helps you out ofcourse.

If looking for files owned by a user, we need to know the user’s UID/GID by looking at password file

# cat /etc/passwd | grep USERNAME

Make sure this spits out a one liner for that specific user, if not, try do restrict the filter or do an exact match.

See my own result:

redline:x:1000:1000::/home/redline:/bin/bash

Jot down the UID field which is 1000 and the group field which is 1000, you would use it later.

Now, begin search from root location if you want to search from the root, you can change that in any way like /home instead of / .

#find / -uid 1000

To look for the files owned by that group

#find / -gid 1000

Lastly, combine them with any linux command that you want to do with those resulting files or even an input field for a bash script. Be warned again that this could be irreversible!

Let’s say I want to see them first:

#find / -gid 1000 -exec ls -la {} \;

Now, let us delete these files owned by that user:

#find / -uid 1000 -exec rm -rf {} \;

If you want to delete those files owned by that group id:

#find / -gid 1000 -exec rm -rf {} \;

For verification, you can issue your first search commands again if they are really deleted.

That’s it.

#uptime

would show you more likely this output:

08:02:46 up 66 days, 58 min, 2 users, load average: 0.10, 0.11, 0.03

this is the same information of the first output line from issuing

#w

fields:
1 - current date and time
2 - uptime in days + hours + minutes
3 - number of currently logged in users
5.- your current load average stats

You can graph these number using tools like Cacti, MRTG or more.

See more with uptime.netcraft.com

The cool thing about php is that we can have different directives for each site, so we could use a different directory for each site. This way our site specific directory will hold one file for each session, and without any extra overhead we will be able to know how many people are browsing the site.

In fact this tweak will have better performance, as there will be less files for php to handle, and it is more secure. The last one is because if all sessions are stored in the same directory then it is possible for someone to hijack a session from another domain.

Let’s play with the sessions

To do this we will first need to create a directory which will hold the files. The important thing on this is to know the directory path in the filesystem. So if the directory is under our home dir, then we will need to know the path /usr/home/sessions This directory should have write permissions, so to be sure you can chmod it to 755.

Now we need to change some php directives in order to make this work. If your host provides you with a php.ini file for your site, then you should open it and edit it as follows:

1
2
3

session.save_handler = "files"
session.save_path = "/usr/home/sessions/"
session.auto_start = 1

You can also set these values in .htaccess of in *.php file that is included in your whole web site.

Now that your site has each own session directory, you can easily get the number of online visitors by using something like this :

1
2
3

<?php
echo ((int)count(explode("\n",shell_exec('ls /usr/home/sessions')))) . ' users online';
?>

Eric Meier’s reset

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

YUI Library reset

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}

Kyle Neath’s reset

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

 *
{
padding:0;
margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
 
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

Pavel Markovnin’s reset

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179

 html
{
color: #2d2d2d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 1.4em;
background: #f7f4ea url(../images/bodyBg.gif) top left repeat-x;
} 
 
*
{
padding: 0;
margin: 0;
outline: none;
font-size: 100%;
line-height: inherit;
_line-height: 1.4em;
}
 
input, textarea
{
padding: 0.2em;
}
 
img, a:link img, a:visited img, a:hover img, a:active img
{
border: 0;
}
 
 
 
a:link
{
font: inherit;
color: #0e8db7;
text-decoration: none;
border-bottom: 1px solid;
text-decoration: underline;
border: 0;
}
 
a:active
{
font-size: 100%;
color: #0e8db7;
text-decoration: none;
border-bottom: 1px solid;
text-decoration: underline;
border: 0;
}
 
a:hover
{
font-size: 100%;
color: #cc4e4e !important;
text-decoration: none;
border-bottom: 1px solid;
text-decoration: underline;
border: 0;
}
 
a:visited
{
font-size: 100%;
color: #9268b5;
text-decoration: none;
border-bottom: 1px solid;
text-decoration: underline;
border: 0;
}
 
a.dashed:link, a.dashed:active, a.dashed:visited
{
color: #0e8db7;
text-decoration: none;
border-bottom: 1px dashed;
}
 
a.dashed:hover
{
text-decoration: none;
border-bottom: 1px dashed;
}
 
 
 
h1
{
font-size: 1.8em;
margin: 0.2em 0 0.6em 0;
font-weight: normal;
color: #0e8db7;
}
 
h2
{
font-size: 1.7em;
margin: 0.8em 0 0.5em 0;
font-weight: normal;
color: #0e8db7;
}
 
h3
{
font-size: 1.6em;
margin: 0.7em 0 0.5em 0;
font-weight: normal;
}
 
h4
{
font-size: 1.3em;
margin: 0.5em 0 0.4em 0;
font-weight: normal;
}
 
h5
{
font-size: 1.2em;
margin: 0.5em 0 0.4em 0;
font-weight: normal;
}
 
h6
{
font-size: 1.1em;
margin: 0.5em 0 0.4em 0;
}
 
 
p
{
margin: 0.8em 0 0.9em 0;
}
 
 
table
{
border: 0;
border-collapse: collapse;
}
 
table td, th
{
padding: 0;
vertical-align: top;
text-align: left;
}
 
 
ul, ol
{
margin: 0.2em 0 1.4em 0;
padding: 0 0 0 2em;
}
 
ul li, ol li
{
 
}
 
 
small, sup, sub
{
font-size: 0.8em;
}
 
big
{
font-size: 1.2em;
}
 
ul li
{
margin: 0.5em 0;
padding: 0 0 0 15px;
list-style-type: none;
background: url(../images/bullet.gif) 0 0.5em no-repeat;
}

master styles

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150

html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 Arial, Helvetica, sans-serif;
}
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.25em 0;
}
 
ul, ol {
padding:0 0 1.25em 2.5em;
}
 
blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
 
.text-left {