Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
My New Year Wishes for 2010
Hi folks.
With some advance (cause I’ll not have a computer in next few days),
just copy and pass the code below into your prefered web editor. Save it. Then, preview ;)
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta http-equiv="Content-type" content="text/html;charset=UTF-8"><meta charset="utf-8"><title>My CCSS Wishes for 2010</title><meta name="description" content="Pat64 New Year wishes in pure CSS"><meta name="keywords" content="css"><meta name="robots" content="none,noarchive"><link rel="stylesheet" href="http://assets.cara-tm.org/css/resets.css"><style type="text/css" media="screen,projection">body{background:url(http://cara-tm.com/v1/img/free_wood.jpg) 0 0 repeat;min-width:100%}.typo{position:relative;top:2.5em;left:2em;height:1.2em;background:#111;font:normal 5em/1.2em Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;color:#666;text-shadow:rgba(0, 0, 0,.8) 1px 1px 19px;float:left;clear:both;margin-bottom:.5em;border-top:5px solid #8B5A8B;border-bottom:5px solid #8B457E;padding:.05em 0;border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);box-shadow:1px 1px 8px #000;-khtml-box-shadow:1px 1px 8px #000;-moz-box-shadow:1px 1px 8px #000;-webkit-box-shadow:1px 1px 8px #000}.typo span{margin:0 .02em;padding:0 .05em;background:#555;border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#777;box-shadow:1px 1px 0px #000;-khtml-box-shadow:1px 1px 0px #000;-moz-box-shadow:1px 1px 0px #000;-webkit-box-shadow:1px 1px 0px #000}.typo .l4,.typo .l21,.typo .l15{position:relative;top:-.13em;font-size:.66em}.typo .l4 b,.typo .l21 b,.typo .l15 b{display:block;position:absolute;bottom:-.22em;left:0;width:100%;height:.2em;background:#555}.typo .l4 i,.typo .l21 i,.typo .l15 i{display:block;position:absolute;top:-.4em;left:0;width:100%;height:.35em;background:#555}.typo .l3,.typo .l8,.typo .l10,.typo .l15,.typo .l19{color:#666;text-shadow:rgba(0, 0, 0,.8) 1px 1px 2px}.typo .l4{padding:0;margin:0}.typo .l8,.typo .l17{position:relative;bottom:.03em}.typo .l19,.typo .l24{position:relative;top:.03em}.typo .l20,.typo .l21{color:#EEEE9A}.typo .l22,.typo .l23{color:#EE9A00}.typo .l24{color:#638B00}#message{font-size:5em;-webkit-text-shadow:none;-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg)}</style></head><body><div class="typo"><span class="l1"></span><span class="l2">I</span><span class="l3">-<b> </b></span><span class="l4">w<b> </b><i> </i></span><span class="l5">i</span><span class="l6">s</span><span class="l7">h</span><span class="l8">-</span><span class="l9">u</span><span class="l10"><b> </b>-</span><span class="l11">B</span><span class="l12">e</span><span class="l13">S</span><span class="l14">t</span><span class="l15">-<b> </b><i> </i></span><span class="l16">f</span><span class="l17">o</span><span class="l18">r</span><span class="l19">-</span><span class="l20">2</span><span class="l21">0<b> </b><i> </i></span><span class="l22">1</span><span class="l23">0</span><span class="l24">☺</span><span class="l25"></span></div><div id="message" class="typo"><span></span><span>F</span><span>o</span><span>r</span><span class="l3">-<b> </b></span><span>T</span><span>X</span><span>P</span><span class="l3">-</span><span>c</span><span>o</span><span>m</span><span>m</span><span>u</span><span>n</span><span>i</span><span>t</span><span>y</span><span>-</span><span>b</span><span>y</span><span>-</span><span>P</span><span>a</span><span>t</span><span>6</span><span>4</span></div></body></html>
Last edited by Pat64 (2009-12-30 09:31:14)
Patrick.
Github | CodePen | Codier | Simplr theme | Wait Me: a maintenance theme | [\a mi.ni.ma]: a “Low Tech” simple Blog theme.
Offline
Offline
Pages: 1