jQuery Fancy Paragraphs (Lemon Chiffon)

CSS styles for HTML block elements. Light yellow background, orange border, with drop shadow. 2013

by codeslayer2010

HTML

<div class="content"></p>
<p dir="ltr">Actually, it’s more than twice as fast when it comes to writing data. The SanDisk Extreme Flash Drive reads files at about 230 MB/s and writes them at 200 MB/s. Our old pick, for reference, topped at a write speed of 85 MB/s. In practical terms, the SanDisk’s write speed means I can copy a 1.44 gigabyte folder of images to the drive in about 18 seconds, or copy a 5.45 gig movie rip in around 39 seconds.</p>
<h3 dir="ltr">Who Should Buy This?</h3>
<p dir="ltr">Everyone who has a computer and who needs to move files around should have a USB flash drive. This is the one to get.</p>
<p dir="ltr">Note that if you bought our previous flash drive pick, don’t feel like you need to rush out and upgrade, even if you would see some big speed boosts with this drive (and if you upgrade from a USB 2.0 drive, you’ll feel like you’re living in The Future).</p>
<h3 dir="ltr">What makes a good thumb drive?</h3>
<p dir="ltr">In a word: performance.</p>
<p dir="ltr">Sequential read and write speeds, as you’d get from a big file transfer, are the most important general measurements.</p>
<p dir="ltr">All my old USB 2.0 flash drives had write speeds of about 10-15 MB/s. We considered our previous USB 3.0 pick from early 2012 to be fast with 85 MB/s write speeds. Most of the USB 3.0 flash drives you&#8217;ll see on Amazon hover around that 100 MB/s write speed mark, so cresting the 200 MB/s mark is damn fast as of mid-2013.</p>
<p dir="ltr">Another measurement, 4K random read/write speed, matters if you plan on running an OS off of a flash drive (it&#8217;s pretty easy these days to install Windows on a USB drive for portability), but for most users, copying and reading files quickly is all you need.</p>
<p dir="ltr">Performance is by far the most important element of a flash drive, but design matters too. It can make the difference between a drive that’s pleasurable to use regularly and a drive that’s sort of awkward. If a drive is too wide, for...

JavaScript

/* Add manilla background, rounded-rect, orange border,
   & shadow to paragraphs.
   (Press F12 in your browser to see the results)
   
   @Creator:  Eric Hepperle (CodeSlayer2010)
   @Date:     07/13/13
   @Version:  1.0
   
   @Purpose:  Puts a fancy style on paragraph <P>
              tags to make them 'pop'.
              
   @Updates:              
              07/13/13
                 8:30 - Created initial code.
                 
*/

console.clear()

$('p').css({
   'border': 'solid #FFB819 3px',
   'border-radius':'15px',
   'box-shadow': '10px 10px 5px #888888',
   'background-color':'#FFFBCC',
   'padding':'15px'
});