Skip to content

Instantly share code, notes, and snippets.

@eglyte
Created May 15, 2012 14:09
Show Gist options
  • Save eglyte/2702054 to your computer and use it in GitHub Desktop.
Save eglyte/2702054 to your computer and use it in GitHub Desktop.
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
blockquote {
background: #fff no-repeat 4% 10px url("http://06c3eaf5-7dec-4f55-9b66-1b50455d01de.branch.brann.gearbox.performgroup.com/i/npfl/clubs/brann/assets/newsreader/quotesBefore.png");
background: no-repeat 4% 10px url("http://06c3eaf5-7dec-4f55-9b66-1b50455d01de.branch.brann.gearbox.performgroup.com/i/npfl/clubs/brann/assets/newsreader/quotesBefore.png"), -webkit-linear-gradient(top, #ffffff 30%, rgba(255,255,255,0));
background: no-repeat 4% 10px url("http://06c3eaf5-7dec-4f55-9b66-1b50455d01de.branch.brann.gearbox.performgroup.com/i/npfl/clubs/brann/assets/newsreader/quotesBefore.png"), -moz-linear-gradient(top, #ffffff 30%, rgba(255,255,255,0));
background: no-repeat 4% 10px url("http://06c3eaf5-7dec-4f55-9b66-1b50455d01de.branch.brann.gearbox.performgroup.com/i/npfl/clubs/brann/assets/newsreader/quotesBefore.png"), -o-linear-gradient(top, #ffffff 30%, rgba(255,255,255,0));
background: no-repeat 4% 10px url("http://06c3eaf5-7dec-4f55-9b66-1b50455d01de.branch.brann.gearbox.performgroup.com/i/npfl/clubs/brann/assets/newsreader/quotesBefore.png"), linear-gradient(top, #ffffff 30%, rgba(255,255,255,0));
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#00ffffff', GradientType=0);
border-top: 1px solid #ccc;
padding-left: 50px !important;
font-size: 1.8em;
font-style: italic;
margin: 0 0 20px 20px;
padding: 10px 0 0 30px;
width: 240px;
}
blockquote p {
background: url("http://06c3eaf5-7dec-4f55-9b66-1b50455d01de.branch.brann.gearbox.performgroup.com/i/npfl/clubs/brann/assets/newsreader/quotesAfter.png") no-repeat scroll 98% 80% transparent;
color: #7A0000;
padding: 0 40px 10px 0;
min-height: 100%;
font-size: 1em;
line-height: 1em;
margin: 0;
}
p:contains("#") {
color: #000;
}
<blockquote> <p> This is a blockquote this is a blockquote #This is a byline</p></blockquote>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment