Travel the world
Climb the mountains
Post Page Advertisement [Top]
Bottom Ad [Post Page]
body {
padding:0;
margin:0;
font:1em/1.4 Cambria, Georgia, sans-serif;
color:#333;
background:#fff;
}
a:link,
a:visited {
border-bottom:1px solid #c55500;
text-decoration:none;
color:#c55500;
}
a:visited {
border-bottom:1px solid #730800;
color:#730800;
}
a:hover,
a:focus,
a:active {
border:0;
color:#fff;
background:#c55500;
}
a:visited:hover,
a:visited:focus,
a:visited:active {
color:#fff;
background:#730800;
}
#container {
width:500px;
padding:0 0 50px;
margin:0 auto;
}
h1 {
margin:1em 0 0;
font-size:2.5em;
font-weight:normal;
line-height:1.2;
text-align:center;
}
h2 {
margin:0.5em 0 1.5em;
font-size:1.25em;
font-weight:normal;
font-style:italic;
text-align:center;
}
p {
margin:1em 0;
}
.content h2 {
margin:2em 0 0.75em;
font-size:2em;
font-weight:bold;
font-style:normal;
text-align:left;
}
blockquote {
margin:1em 0;
}
blockquote p {
margin:0;
font-size:2em;
}
.follow {
clear:both;
margin-top:2em;
font-size:1.125em;
}
.follow span {
font-weight:bold;
}
/*
Should you want to set a background colour on a containing element
certain types of bubble effect may require you to include these
style declarations.
*/
.content {
position:relative;
z-index:1;
}
.oval-thought {
position:relative;
width:270px;
padding:50px 40px;
margin:1em auto 80px;
text-align:center;
color:#fff;
background:#075698;
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
background:-moz-linear-gradient(#2e88c4, #075698);
background:-o-linear-gradient(#2e88c4, #075698);
background:linear-gradient(#2e88c4, #075698);
/*
NOTES:
-webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
-webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
*/
-webkit-border-top-left-radius:220px 120px;
-webkit-border-top-right-radius:220px 120px;
-webkit-border-bottom-right-radius:220px 120px;
-webkit-border-bottom-left-radius:220px 120px;
-moz-border-radius:220px / 120px;
border-radius:220px / 120px;
}
.oval-thought p {font-size:1.25em;}
/* creates the larger circle */
.oval-thought:before {
content:"";
position:absolute;
bottom:-20px;
left:50px;
width:30px;
height:30px;
background:#075698;
/* css3 */
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
/* creates the smaller circle */
.oval-thought:after {
content:"";
position:absolute;
bottom:-30px;
left:30px;
width:15px;
height:15px;
background:#075698;
/* css3 */
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
/*
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 