Peanutbutter Headaches: Text Layout

Pages

Home
All Things Moose
All Things Pinterest
All Things Crafty
All Things Jones

Wednesday, February 8, 2012

Text Layout | Festisite

Stoked about this site. Simply type in your text and viola! Happy Valentine's Day, Tim!

Text Layout | Festisite

Posted by Jessica at 6:59 PM

Email This BlogThis!Share to X Share to Facebook Share to Pinterest

No comments:

About Me

Jessica: Hi there! I'm Jessica. A teacher, a mother to my favorite four-legged little man {Moose}, a lover of all things crafty and a soon to be wife. I started this blog to share my adventures of teaching, the happenings of The Moose and soon to be new beginnings of a Jones life!

View my complete profile

Co-Blogger on LTC

Followers

Blog Archive

► 2013 (4)
- ► May (1)
- ► February (3)

▼ 2012 (44)
- ► October (2)
- ► September (1)
- ► August (1)
- ► July (1)
- ► June (11)
- ► May (1)
- ► April (3)
- ► March (3)
- ▼ February (7)
- ► January (14)

► 2011 (29)
- ► December (7)
- ► November (22)

My Fav's!

How About Orange
little burlew
Mrs. Jumps Class
Tim Jones Creative
What the Teacher Wants

Labels

Jessica (27) The Moose (24) Pinterest (8) Christmas (4) LTC Friday's (4) Thanksgiving (3) momma's lap (3) photography (2) school (2) Black Fridays (1) Fall (1) Leaves (1) New Blog Introduction (1) Peanutbutterheadaches (1) Skirt Event (1) apps (1) friends (1) lap (1) porch (1) printables (1) reading (1)

*/ body { background:url('http://www.totallylayouts.com/backgrounds/polka-dot/light_medium_polka_dots.png') repeat #000000; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:$mainTextColor; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ #outer-wrapper { width:740px; margin:0 auto; text-align:$startSide; font: $bodyFont; } #main-wrap1 { width:485px; float:$startSide; background:#FFFFFF; margin:15px 0 0; padding:0 0 10px; color:$mainTextColor; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main-wrap2 { float:$startSide; width:100%; background:#FFFFFF; padding:10px 0 0; } #main { background:#FFFFFF; padding:0; width:485px; } #sidebar-wrap { width:240px; float:$endSide; margin:15px 0 0; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .main .widget { margin-top: 4px; width: 468px; padding: 0 13px; } .main .Blog { margin: 0; padding: 0; width: 484px; } /* Links ----------------------------------------------- */ a:link { color: $mainLinkColor; } a:visited { color: $mainVisitedLinkColor; } a:hover { color: $mainVisitedLinkColor; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ #header-wrapper { background:#FFFFFF; margin-top:22px; margin-$endSide:0; margin-bottom:0; margin-$startSide:0; padding-top:8px; padding-$endSide:0; padding-bottom:0; padding-$startSide:0; color:$titleTextColor; } #header { background:#FFFFFF; padding:0 15px 8px; } #header h1 { margin:0; padding:10px 30px 5px; line-height:1.2em; font: $pageTitleFont; } #header a, #header a:visited { text-decoration:none; color: $titleTextColor; } #header .description { margin:0; padding:5px 30px 10px; line-height:1.5em; font: $descriptionFont; } /* Posts ----------------------------------------------- */ h2.date-header { margin-top:0; margin-$endSide:28px; margin-bottom:0; margin-$startSide:43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#000000; } .post { margin:.3em 0 25px; padding:0 13px; border-width:1px 0; } .post h3 { margin:0; line-height:1.5em; background:url("http://www2.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em; display:block; border-width:0 1px 1px; padding-top:2px; padding-$endSide:14px; padding-bottom:2px; padding-$startSide:29px; color: $postTitleColor; font: $postTitleFont; } .post h3 a, .post h3 a:visited { text-decoration:none; color: $postTitleColor; } a.title-link:hover { background-color: $borderColor; color: $mainTextColor; } .post-body { border-width:0 1px 1px; border-bottom-color:$mainBgColor; padding-top:10px; padding-$endSide:14px; padding-bottom:1px; padding-$startSide:29px; } html>body .post-body { border-bottom-width:0; } .post-body { margin:0 0 .75em; } .post-body blockquote { line-height:1.3em; } .post-footer { background: #ffffff; margin:0; padding-top:2px; padding-$endSide:14px; padding-bottom:2px; padding-$startSide:29px; border-width:1px; font-size:100%; line-height:1.5em; color: #666666; } /* The first line of the post footer might only have floated text, so we need to give it a height. The height comes from the post-footer line-height */ .post-footer-line-1 { min-height:1.5em; _height:1.5em; } .post-footer p { margin: 0; } html>body .post-footer { border-bottom-color:transparent; } .uncustomized-post-template .post-footer { text-align: $endSide; } .uncustomized-post-template .post-author, .uncustomized-post-template .post-timestamp { display: block; float: $startSide; text-align:$startSide; margin-$endSide: 4px; } .post-footer a { color: #456; } .post-footer a:hover { color: #234; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment_$startSide.gif") no-repeat $startSide 45%; padding-$startSide:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders3/icon_comment_$startSide.gif") no-repeat $startSide 45%; padding-$startSide:14px; } .post img { margin-top:0; margin-$endSide:0; margin-bottom:5px; margin-$startSide:0; padding:4px; border:1px solid $borderColor; } blockquote { margin:.75em 0; border-width:1px 0; padding:5px 15px; color: $dateHeaderColor; } .post blockquote p { margin:.5em 0; } #blog-pager-newer-link { float: $startSide; margin-$startSide: 13px; } #blog-pager-older-link { float: $endSide; margin-$endSide: 13px; } #blog-pager { text-align: center; } .feed-links { clear: both; line-height: 2.5em; margin-$startSide: 13px; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border-width:0 1px 1px; padding-top:20px; padding-$endSide:0; padding-bottom:15px; padding-$startSide:0; } #comments h4 { margin:0 0 10px; padding-top:0; padding-$endSide:14px; padding-bottom:2px; padding-$startSide:29px; font-size:120%; line-height:1.4em; color:$postTitleColor; } #comments-block { margin-top:0; margin-$endSide:15px; margin-bottom:0; margin-$startSide:9px; } .comment-author { background:url("http://www.blogblog.com/rounders3/icon_comment_$startSide.gif") no-repeat 2px .3em; margin:.5em 0; padding-top:0; padding-$endSide:0; padding-bottom:0; padding-$startSide:20px; font-weight:bold; } .comment-body { margin:0 0 1.25em; padding-top:0; padding-$endSide:0; padding-bottom:0; padding-$startSide:20px; } .comment-body p { margin:0 0 .5em; } .comment-footer { margin:0 0 .5em; padding-top:0; padding-$endSide:0; padding-bottom:.75em; padding-$startSide:20px; } .comment-footer a:link { color: #333; } .deleted-comment { font-style:italic; color:gray; } .comment-form { padding-$startSide:20px; padding-$endSide:5px; } #comments .comment-form h4 { padding-$startSide:0px; } /* Profile ----------------------------------------------- */ .profile-img { float: $startSide; margin-top: 5px; margin-$endSide: 5px; margin-bottom: 5px; margin-$startSide: 0; border: 4px solid $topSidebarTextColor; } .profile-datablock { margin-top:0; margin-$endSide:15px; margin-bottom:.5em; margin-$startSide:0; padding-top:8px; } .profile-link { background:url("http://www.blogblog.com/rounders3/icon_profile_$startSide.gif") no-repeat $startSide .1em; padding-$startSide:15px; font-weight:bold; } .profile-textblock { clear: both; margin: 0; } .sidebar .clear, .main .widget .clear { clear: both; } #sidebartop-wrap { background:#FFFFFF; margin:0px 0px 15px; padding:0px 0px 10px; color:$topSidebarTextColor; } #sidebartop-wrap2 { background:#FFFFFF; padding: 10px 0 0; margin:0; border-width:0; } #sidebartop h2 { line-height:1.5em; color:$topSidebarHeaderColor; font: $headerFont; margin-bottom: 0.5em; } #sidebartop a { color: $topSidebarLinkColor; } #sidebartop a:hover { color: $topSidebarVisitedLinkColor; } #sidebartop a:visited { color: $topSidebarVisitedLinkColor; } #sidebar a { color: $bottomSidebarLinkColor; } #sidebar a:hover, #sidebar a:visited { color: $bottomSidebarVisitedLinkColor; } /* Sidebar Boxes ----------------------------------------------- */ .sidebar .widget { margin:.5em 13px 1.25em; padding:0 0px; } .widget-content { margin-top: 0.5em; } #sidebarbottom-wrap1 {background:#FFFFFF; margin:0 0 15px; padding:10px 0 0; color: $titleTextColor; } #sidebarbottom-wrap2 { background:#FFFFFF; padding:0 0 8px; } .sidebar h2 { margin-top:0; margin-$endSide:0; margin-bottom:.5em; margin-$startSide:0; padding:0 0 .2em; line-height:1.5em; font:$headerFont; } .sidebar ul { list-style:none; margin:0 0 1.25em; padding:0; } .sidebar ul li { background:url("http://www2.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding-top:0; padding-$endSide:0; padding-bottom:3px; padding-$startSide:16px; margin-bottom:3px; line-height:1.4em; } .sidebar p { margin:0 0 .6em; } #sidebar h2 { color: $bottomSidebarHeaderColor; } /* Footer ----------------------------------------------- */ #footer-wrap1 { clear:both; margin:0 0 10px; padding:15px 0 0; } #footer-wrap2 { background:#FFFFFF; color:$titleTextColor; } #footer { background:#FFFFFF; padding:8px 15px; } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:$titleTextColor;} #footer .widget-content { margin:0; } /** Page structure tweaks for layout editor wireframe */ body#layout #main-wrap1, body#layout #sidebar-wrap, body#layout #header-wrapper { margin-top: 0; } body#layout #header, body#layout #header-wrapper, body#layout #outer-wrapper { margin-$startSide:0, margin-$endSide: 0; padding: 0; } body#layout #outer-wrapper { width: 730px; } body#layout #footer-wrap1 { padding-top: 0; } .YayBar { background-color:#003366; color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:10px; text-align:left; font-weigth:bold; padding:2px 2px 2px 6px;} .YayBar a {color:#ffffff;} .totallylayouts {float:right;padding-right:9px;} ]]>

YayBlogger.com

BLOGGER TEMPLATES

Pageviews past week

Simple theme. Powered by Blogger.

Pages

Wednesday, February 8, 2012

Text Layout | Festisite

No comments:

Post a Comment

Pageviews past week