div p {
color: rgba(236,163,19,.6);
}
div p {
color: #eca313;
color: rgba(236,163,19,.6);
}
div p, div p img {
opacity: 0.6;
}
div p, div p img {
-ms-filter:"progid:DXImageTransform. »
Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
Opacity slider (whole aside):
Opacity slider: (image only)
aside#opacity {
opacity: 0.6;
}
aside#opacity div p img {
opacity: 0.6;
}
aside {
border-radius: 8px;
}
aside p img.partround {
border-top-left-radius: 40px;
}
aside p img.round {
border-radius: 100px;
}
Border Radius slider:
Border Width slider:
aside#borderradius {
border-radius: 8px;
border-width: 3px;
}
aside div p {
text-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
aside#textshadow div p em {
text-shadow: 1px 1px 0 rgba(255,255,255,1),
3px 3px 0 rgba(53,53,53,1);
}
Horizontal Offset:
Vertical Offset:
Blur:
Opacity:
Text Color: White | Black | reset all
aside#textshadow div p#cascade {
text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
Horizontal Offset:
Vertical Offset:
Blur:
Opacity:
Type: Default | Inset | reset all
aside#boxshadow {
box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}
aside#boxshadow div p img {
box-shadow: 8px 8px 10px rgba(0,0,0,.65);
}
aside#multibg {
background:
url(../art/pooka.gif) center center no-repeat,
url(../art/round_church.jpg) left bottom no-repeat,
url(../art/diagonal_stripes.png) 0 -280px repeat-x,
url(../art/grid.png) 0 0 repeat,
rgba(144,199,228,1);
}
Resize:
aside#gradient {
background: rgb(234,105,0);
background: -moz-linear-gradient(top,
» rgba(234,105,0,1) 0%, rgba(255,178,102,1) 100%);
background: -webkit-gradient(linear, left top, left
» bottom, color-stop(0%,rgba(234,105,0,1)),
» color-stop(100%,rgba(255,178,102,1)));
background: -webkit-linear-gradient(top,
» rgba(234,105,0,1) 0%,rgba(255,178,102,1) 100%);
background: -o-linear-gradient(top,
» rgba(234,105,0,1) 0%,rgba(255,178,102,1) 100%);
background: -ms-linear-gradient(top,
» rgba(234,105,0,1) 0%,rgba(255,178,102,1) 100%);
background: linear-gradient(to bottom,
» rgba(234,105,0,1) 0%,rgba(255,178,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
» startColorstr='#ea6900', endColorstr='#ffb266',
» GradientType=0 );
}
@font-face {
font-family: "Chunk";
src: url(../fonts/Chunkfive-webfont.ttf)
» format("truetype");
}
aside#fontface div p {
font-size: 3em;
font-family: Chunk, Verdana, sans-serif;
}
aside#fontface div p em {
font-size: .4em;
font-style: normal;
text-transform: uppercase;
letter-spacing: .4em;
}
Coming soon...
Coming soon...