Stop Stressing, Start Living

Stress can KILL you Softly !!!

My eyes were popping, my heart was pumping in my chest and my hands were shuddering!! No, no one wanted to kill me. Believe it or not, I was delivering a kind of project at work. Didn’t you EVER experience these feelings especially when the “deadline” ghost is chasing you everywhere. Stress was my theme for the whole week; I am not exaggerating but in a moment I felt I’m really dying!!. Guess what? Stress is deadly!! Stress can kill you softly. So it’s time to check the major health effects caused by stress!!

Diabetes:

Diabetes occurs when the body produces too little insulin to process all the sugars in your body. As these sugars build up, you may experience a number of health problems including thirst, headaches and weight loss. And over time, this condition can cause heart attack, kidney disease and eye damage. So calm down and don’t kill yourself.

High Blood Pressure: The silent Killer:

Blood pressure gets so high because of your sudden stress, as your brain gets confused about the state you are in. High blood pressure can result in heart enlarged, brain damaged and more. So learn how to manage your stress because there is nothing brutal as stress is.

Gaining more weight:

People under high levels of stress often experience fluctuations in weight – as anyone who’s ever taken comfort in candy bars knows all too well. However, if your weight gain gets out of control, you could be putting yourself at risk for developing cancer, heart problems, high blood pressure, diabetes, stroke, sleep apnea, liver disease and gallbladder disease.

Your immune system gets weak:

If you have noticed yourself getting sick when you are most stressed; it’s not a coincidence. YES, your body can’t handle all and things are getting out of control. So time to calm down and forget about your stress.

Depression is a Serious disease:

Depression can’t be taken lightly. It’s one of the serious diseases, so if you find yourself trapped in despair, then its time to for the professional help.

Cancer:

While there’s no proven link between stress and cancer, it’s widely accepted that excessive stress is a risk factor for developing a type of this deadly disease.

Yes, life isn’t rosy and sometimes things get out of our control. But remember it is just as deadly as any disease. So beware and share with your friends these major health effects.

Pure CSS Pagination

In this tutorial, I’ll teach how to create basic and pure CSS based cross browser compliant pagination without any jQuery.

Step 1 CSS

.pagebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
color: #484848;
}
.pagebar a, .pageList .this-page {
background: #FFFFFF none repeat scroll 0%;
border: 1px solid #DDDDDD;
padding: 5px 6px;
text-decoration: none;
}
.pagebar a:visited {
background: #FFFFFF none repeat scroll 0%;
border: 1px solid #DDDDDD;
padding: 5px 6px;
text-decoration: none;
}
.pagebar .break {
background: #FFFFFF none repeat scroll 0%;
border: medium none;
padding: 5px 6px;
text-decoration: none;
}
.pagebar .this-page {
background: #FFFFFF none repeat scroll 0%;
border-color: #484848;
font-weight: bold;
padding: 5px 6px;
vertical-align: top;
color: #101aa7;
}
.pagebar a:hover {
background: #a8c5da none repeat scroll 0%;
border-color: #0e6e9c;
color: #FFFFFF;
text-decoration: none;
}
.pagebar a.freeze {
background: #FFFFFF none repeat scroll 0%;
border: 1px solid #DDDDDD;
padding: 5px 6px;
text-decoration: none;
color: #DDDDDD;
}
.pagebar .goto {
background: #FFFFFF none repeat scroll 0%;
border: 1px solid #DDDDDD;
padding: 2px 6px;
text-decoration: none;
}
.pagebar input[type=text] {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 0 2px;
margin: 0;
border: 1px solid #cccccc;
background: #ffffff;
width: 25px;
height: 15px;
color: #484848;
font-size: 11px;
}
.pagebar input[type=text]:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
padding: 0 2px;
margin: 0;
border: 1px solid rgba(81, 203, 238, 1);
background: #ffffff;
}
.pagebar input[type=”submit”] {
background: #0e6e9c;
color: #ffffff;
width: auto;
height: 20px;
padding: 0 3px;
border: 1px solid #0e6e9c;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}
.pagebar input[type=”submit”]:hover {
background: #a8c5da;
color: #ffffff;
width: auto;
height: 20px;
padding: 0 3px;
border: 1px solid #0e6e9c;
font-size: 11px;
font-weight: bold;
cursor: pointer;
}

Step 2 HTML

<div class=”pagebar”>
<div style=”float:left; margin-top: 6px;”> Page 1 of 50 &nbsp;&nbsp; <a href=”” class=”freeze” title=”First”>|< First</a> <a href=”” class=”freeze” title=”Previous”>< Previous</a> <span class=”this-page”>1</span> <a href=”” title=”Page 2″>2</a> <a href=”” title=”Page 3″>3</a> <a href=”” title=”Page 4″>4</a> <span class=”break”>…</span><a href=”” title=”Page 50″>50</a> <a href=”” title=”Next”>Next ></a> <a href=”” title=”Last”>Last >|</a> </div>
<div class=”goto” style=”float:right;”> Goto page:
<input type=”text” />
<input name=”Submit” type=”submit” value=”go” />
</div>
<div style=”clear: both;”></div>
</div>

Preview