/*/////// Simple Callout Box Style/////////*/
.simplecalloutbox_preheader {
margin-left:auto;
margin-right:auto;
background-color:#51acb3;
color:#FFF;
width:450px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding:15px 30px 10px 30px;
/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;*/
}
.simplecalloutbox {
margin-left:auto;
margin-right:auto;
margin-top:25px;
margin-bottom:30px;
position:relative;
background-color: rgba(255,138,64,.2);
width:450px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
padding:25px 30px 20px 30px;
/*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;*/
}
.simplecalloutbox_preheader+.simplecalloutbox {
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
margin-top:0px;
}
.simplecalloutbox p, .simplecalloutbox_preheader p {
padding:0em;
}
.simplecalloutbox_header {
font-weight:bold;
font-size:1.5em;
border-bottom:1px solid #000;
margin-top:0em;
margin-bottom:.5em;
}
.simplecalloutbox_subheader {
font-weight:bold;
font-size:1.5em;
margin-top:0em;
margin-bottom:.5em;
}
/*///////Callout Style/////////*/
.callout, .shadow {
position: relative;
bottom: 4px;
right: 4px;
}
.callouttitle {
font-family:"Times New Roman", Times, serif;
font-size:150%;
color:#000;
border-color:#716c83;
border-top-style:solid;
border-bottom-style:solid;
border-bottom-width:thin;
border-top-width:thin;
background-color:ffffff;
margin-left:5px;
padding-left:7px;
padding-right:7px;
}
.shadow { background-color: #ccc; }
.callout {
background-color:#FFFFFF;
color:#000;
border: 1px solid #999;
border-left: thick solid #716c83;
padding: 1.5em 1.5em .5em 1.5em ;
}
.container {
margin-left:auto;
padding-left:12px;
margin-right:auto;
padding-top:20px;
padding-bottom:15px;
width: 500px;
}
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.