Layout: Smile for the Paparazzi
[Full Preview with clickable links]
ABOUT
Layout Name:
Smile for the Paparazzi
Account Types:
Basic, Plus (will look weird with ads), or Paid
Layout Style:
S2 Smooth Sailing
Tested In:
Firefox 3.0 and Internet Explorer 7 on Windows XP
Screen Resolutions:
1027x768 and up
Full Preview with clickable links:
Here.
DIRECTIONS
Go to Customize Journal...
Select a New Theme:
• Type Smooth Sailing into the search box. Choose one of the themes that appear below (any theme) and hit "apply theme".
Choose a Page Setup
• Choose "2 Column (sidebar on left)". Hit the "Customize Selected Theme" button.
Choose "Display" from the menu on the left:
• Choose how many journal entries to show on your recent entries and friends pages.
• Set "Wrap entry text under userinfo" to Yes.
Choose "Entry Text" from the menu on the left:
• Choose what text you want for currents, comment links, etc. You can change any links you want in this section.
Choose "Menu" from the menu on the left:
• Choose what text you want for navigation links (recent entries, friends, etc.) You can change any links you want in this section. It will look best if you choose short labels.
Choose "Sidebar" from the menu on the left:
• Choose which boxes you want to be visible (Latest Month, Links, Tags, Summary, etc)
• You may change the order of the boxes, but don't change the overall position of the sidebar.
Choose "Custom CSS" from the menu on the left:
• Use layout stylesheet: No.
• Use layout stylesheet when including custom external stylesheet: No.
• Custom external stylesheet URL: (Leave blank).
• Custom stylesheet: Copy-and-Paste the code below.
CSS CODES
/*---------------------------------------------------
Layout By: http://community.livejournal.com/velvetsun_icons/
http://community.livejournal.com/velvetsunshine/27265.html
-----------------------------------------------------*/
/* PAGE */
body {
font-family: Trebuchet MS;
font-size: 12px;
margin: 0px;
color: #545454;
background: url(http://i35.tinypic.com/1zml9mo.gif) bottom
center no-repeat #ffffff;
}
a {
color: #fd01b9;
text-decoration: none;
}
a:visited {
color: #fd01b9;
text-decoration: underline;
}
.pageblock{
width: 850px;
margin: 0 auto;
background: url(http://i34.tinypic.com/2eygwmd.png) top
right no-repeat transparent;
}
.pagefooterblock {
background: transparent;
color: #313131;
text-align: center;
padding: 5px;
margin: 5px 5px 45px 5px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000000;
}
/* HEADER */
.pageheaderblock {
text-align: center;
display: block;
background: transparent;
}
.header-title {
background-color: transparent;
font-family: Georgia;
font-size: 30px;
color: #ffffff;
padding: 20px 20px 0px 0px;
text-transform: lowercase;
margin-left: 290px;
display: none;
}
.header-subtitle {
background-color: #6b7da6;
color: #d4ddee;
font-family: Trebuchet MS;
font-size: 24px;
padding: 0px 24px 0px 24px;
display: none;
}
.header-icon {
display: none;
}
.header-menu {
margin: 20px 600px 0px 20px;
padding: 0px 30px 30px 0px;
background: transparent;
border-top: 0px transparent;
font-family: Georgia;
font-size: 13pt;
text-transform: lowercase;
letter-spacing: 4px;
text-align: center;
line-height: 32px;
display: block;
width: 230px;
height: 230px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 4px 20px 6px 20px;
margin-bottom: 10px;
color: #ffffff;
line-height: 32px;
text-decoration: none;
font-weight: normal;
}
.header-menu a:hover {
color: #ffffff;
background: transparent;
text-decoration: none;
}
.header-menu ul, #footer-menu ul {
padding: 2px;
margin: 2px;
display: block;
color: #ffffff;
}
.header-menu li, #footer-menu li {
display: block;
background-color: #9401d9;
color: #ffffff;
padding: 2px;
margin: 2px;
list-style: none;
text-align: center;
}
.header-menu li:hover {
background-color: #000000;
}
/* BODY */
.bodyblock {
padding: 20px 20px 250px 20px;
margin: 0px 0px 20px 0px;
}
.bodyheaderblock {
border-top: 0px transparent;
background-color: transparent;
padding: 0px 0px 0px 0px;
display: none;
}
.bodynavblock {
border-top: 0px transparent;
background-color: transparent;
color: #000000;
margin: 10px 0px 4px 0px;
padding: 8px;
display: none;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}
/*ENTRIES*/
.entryHolder {
color: #545454;
background-color: transparent;
font-family: Trebuchet MS;
font-size: 12px;
border-top: 0px transparent;
margin: 280px 0px -250px 0px;
}
.entryUserinfo {
text-align: center;
margin: 8px 10px 6px 8px;
background-color: transparent;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
}
.entryText a, .entryText a:visited {
color: #fd01b9;
text-decoration: none;
}
.entryText a:hover {
color: #fd01b9;
text-decoration: underline;
}
.entryHeader {
background-color: #fd01b9;
color: #ffffff;
font-family: Georgia;
font-weight: bold;
font-size: 16px;
padding: 8px 10px 8px 10px;
}
.entryHeaderSubject {
font-weight: bold;
color: #ffffff;
font-size: 16px;
letter-spacing: 4px;
}
.entryHeaderDate {
}
.entryHeader a{
color: #ffffff;
}
.entryHeaderDate a {
color : #ffffff;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #ffffff;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
background-color: transparent;
color: #545454;
font-family: Trebuchet MS;
}
.entryMetadata a, .entryMetadata a:visited {
color: #fd01b9;
text-decoration : none;
}
.entryMetadata a:hover {
color: #fd01b9;
text-decoration : underline;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
padding-bottom: 4px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
background-color: transparent;
color: #fd01b9;
text-align: center;
padding: 8px 0px 4px 0px;
margin: 0px 20px 10px 20px;
text-decoration : none;
}
.entryLinkbar a, .entryLinkbar a:visited {
color: #fd01b9;
text-decoration : none;
}
.entryLinkbar a:hover {
color: #fd01b9;
text-decoration : underline;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
/*FOOTER*/
#footer-menu {
font-size: 11px;
font-family: Trebuchet MS;
}
#footer-menu a, .footer-menu a:visited {
color: #000000;
white-space: nowrap;
padding: 6px;
text-align: left;
}
/*SIDEBAR*/
.sidebar {
font-family: Trebuchet MS;
font-size: 12px;
margin: 30px 20px 0px 0px;
width: 230px;
background-color: transparent;
}
.sidebox {
color: #545454;
background-color: transparent;
margin: 4px 0px 4px 0px;
}
.listitem {
padding: 0px 0px 1px 0px;
}
.listitem:hover {
padding: 0px 0px 1px 0px;
}
ul.sbarlist {
margin: 0px;
padding: 0px 0px 10px 0px;
}
li.sbaritem {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
li.sbaritem:tag {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
li.tagItem {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
li.sbaritem a {
padding: 0px 0px 1px 0px;
}
li.sbaritem a:hover {
padding: 0px 0px 1px 0px;
}
ul.tagList {
margin: 0px; padding: 0px;
}
li.tagItem li.tagItem {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
ul.tagList a {
padding: 0px 0px 1px 0px;
}
ul.tagList a:hover {
padding: 0px 0px 1px 0px;
}
.sideboxTitle {
background-color: #28c33a;
color: #ffffff;
border-top: transparent;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
letter-spacing: 4px;
text-transform: lowercase;
padding: 8px 10px 8px 10px;
text-align: ;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 12px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.sidebox #latestmonth a, .sidebox #latest month a:visited{
color: #28c33a;
text-decoration: none;
}
.sidebox #latestmonth a:hover{
color: #28c33a;
text-decoration: underline;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}
.sidebox a, .sidebox a:visited {
color: #28c33a;
text-decoration: none;
}
.sidebox a:hover {
color: #28c33a;
text-decoration: underline;
}
/*OTHER PAGES*/
/* COMMENT PAGE */
.commentHolder {
color: #545454;
background-color: transparent;
border-top: 2px solid transparent;
font-family: ;
font-size: 12px;
margin: 280px 0px -250px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: transparent;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentText a, .commentText a:visited {
text-decoration: none;
}
.commentText a:hover {
text-decoration: underline;
}
.commentHeader {
background-color: #fd01b9;
color: #ffffff;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #ffffff;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #545454;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar a, .commentLinkbar a:visited {
text-decoration: none;
}
.commentLinkbar a:hover {
text-decoration: underline;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: transparent;
color: #545454;
padding-left: 10px;
}
#commenttext{
width:100%;
}
/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #545454;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #545454;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #545454;
background: transparent;
color: #545454;
}
.day-blank {
border: 1px solid #545454;
}
.day {
border: 1px solid #545454;
}
.day-date {
border-right: 1px solid #545454;
border-bottom: 1px solid #545454;
color: #545454;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #fd01b9;
}
.day-count a:hover {
text-decoration: underline;
color: #fd01b9;
}
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 1px solid #000000;
}
.tagstable a, .tagstable a:visited {
text-decoration: none;
color: #fd01b9;
}
.tagstable a:hover {
text-decoration: underline;
color: #fd01b9;
}
.tagstable { width: 500px; }
/*---------------------------------------------------
Layout By: http://community.livejournal.com/velvetsun_icons/
http://community.livejournal.com/velvetsunshine/27265.html
-----------------------------------------------------*/
/* PAGE */
body {
font-family: Trebuchet MS;
font-size: 12px;
margin: 0px;
color: #545454;
background: url(http://i35.tinypic.com/1zml9mo.gif) bottom
center no-repeat #ffffff;
}
a {
color: #fd01b9;
text-decoration: none;
}
a:visited {
color: #fd01b9;
text-decoration: underline;
}
.pageblock{
width: 850px;
margin: 0 auto;
background: url(http://i34.tinypic.com/2eygwmd.png) top
right no-repeat transparent;
}
.pagefooterblock {
background: transparent;
color: #313131;
text-align: center;
padding: 5px;
margin: 5px 5px 45px 5px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #000000;
}
/* HEADER */
.pageheaderblock {
text-align: center;
display: block;
background: transparent;
}
.header-title {
background-color: transparent;
font-family: Georgia;
font-size: 30px;
color: #ffffff;
padding: 20px 20px 0px 0px;
text-transform: lowercase;
margin-left: 290px;
display: none;
}
.header-subtitle {
background-color: #6b7da6;
color: #d4ddee;
font-family: Trebuchet MS;
font-size: 24px;
padding: 0px 24px 0px 24px;
display: none;
}
.header-icon {
display: none;
}
.header-menu {
margin: 20px 600px 0px 20px;
padding: 0px 30px 30px 0px;
background: url(http://i34.tinypic.com/2wnsi89.gif) top
center no-repeat #ffffff;
border-top: 0px transparent;
font-family: Georgia;
font-size: 13pt;
text-transform: lowercase;
text-align: center;
line-height: 32px;
display: block;
width: 210px;
height: 230px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding: 4px 20px 6px 20px;
margin-bottom: 10px;
color: #000000;
line-height: 32px;
text-decoration: none;
font-weight: normal;
background: transparent;
}
.header-menu a:hover {
background-color: transparent;
color: #000000;
background: transparent;
text-decoration: underline;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: block;
list-style: none;
text-align: center;
}
/* BODY */
.bodyblock {
padding: 20px 20px 250px 20px;
margin: 0px 0px 20px 0px;
}
.bodyheaderblock {
border-top: 0px transparent;
background-color: transparent;
padding: 0px 0px 0px 0px;
display: none;
}
.bodynavblock {
border-top: 0px transparent;
background-color: transparent;
color: #000000;
margin: 10px 0px 4px 0px;
padding: 8px;
display: none;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}
/*ENTRIES*/
.entryHolder {
color: #545454;
background-color: transparent;
font-family: Trebuchet MS;
font-size: 12px;
border-top: 0px transparent;
margin: 280px 0px -250px 0px;
}
.entryUserinfo {
text-align: center;
margin: 8px 10px 6px 8px;
background-color: transparent;
}
.entryUserinfo-usericon img {
border: 0;
}
.entryText {
padding: 6px;
}
.entryText a, .entryText a:visited {
color: #fd01b9;
text-decoration: none;
}
.entryText a:hover {
color: #fd01b9;
text-decoration: underline;
}
.entryHeader {
background-color: #fd01b9;
color: #ffffff;
font-family: Georgia;
font-weight: bold;
font-size: 16px;
padding: 8px 10px 8px 10px;
}
.entryHeaderSubject {
font-weight: bold;
color: #ffffff;
font-size: 16px;
letter-spacing: 4px;
}
.entryHeaderDate {
}
.entryHeader a{
color: #ffffff;
}
.entryHeaderDate a {
color : #ffffff;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #ffffff;
text-decoration : underline;
}
.entryMetadata {
padding-left: 6px;
background-color: transparent;
color: #545454;
font-family: Trebuchet MS;
}
.entryMetadata a, .entryMetadata a:visited {
color: #fd01b9;
text-decoration : none;
}
.entryMetadata a:hover {
color: #fd01b9;
text-decoration : underline;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
padding-bottom: 4px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
}
.entryLinkbar {
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
background-color: transparent;
color: #fd01b9;
text-align: center;
padding: 8px 0px 4px 0px;
margin: 0px 20px 10px 20px;
text-decoration : none;
}
.entryLinkbar a, .entryLinkbar a:visited {
color: #fd01b9;
text-decoration : none;
}
.entryLinkbar a:hover {
color: #fd01b9;
text-decoration : underline;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
/*FOOTER*/
#footer-menu {
font-size: 11px;
font-family: Trebuchet MS;
}
#footer-menu a, .footer-menu a:visited {
color: #000000;
white-space: nowrap;
padding: 6px;
text-align: left;
}
/*SIDEBAR*/
.sidebar {
font-family: Trebuchet MS;
font-size: 12px;
margin-right: 20px;
width: 230px;
background-color: transparent;
}
.sidebox {
color: #545454;
background-color: transparent;
margin: 4px 0px 4px 0px;
}
.listitem {
padding: 0px 0px 1px 0px;
}
.listitem:hover {
padding: 0px 0px 1px 0px;
}
ul.sbarlist {
margin: 0px;
padding: 0px 0px 10px 0px;
}
li.sbaritem {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
li.sbaritem:tag {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
li.tagItem {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
li.sbaritem a {
padding: 0px 0px 1px 0px;
}
li.sbaritem a:hover {
padding: 0px 0px 1px 0px;
}
ul.tagList {
margin: 0px; padding: 0px;
}
li.tagItem li.tagItem {
padding: 0px 0px 1px 0px;
margin-left: -23px;
}
ul.tagList a {
padding: 0px 0px 1px 0px;
}
ul.tagList a:hover {
padding: 0px 0px 1px 0px;
}
.sideboxTitle {
background-color: #28c33a;
color: #ffffff;
border-top: transparent;
font-family: Georgia;
font-size: 14px;
font-weight: bold;
letter-spacing: 4px;
text-transform: lowercase;
padding: 8px 10px 8px 10px;
text-align: ;
}
.sideboxContent {
text-align: left;
padding: 2px 4px 2px 12px;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
}
.sidebox #systemlinks {
text-align: left;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
.sidebox #latestmonth a, .sidebox #latest month a:visited{
color: #28c33a;
text-decoration: none;
}
.sidebox #latestmonth a:hover{
color: #28c33a;
text-decoration: underline;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
}
.sidebox a, .sidebox a:visited {
color: #28c33a;
text-decoration: none;
}
.sidebox a:hover {
color: #28c33a;
text-decoration: underline;
}
/*OTHER PAGES*/
/* COMMENT PAGE */
.commentHolder {
color: #545454;
background-color: transparent;
border-top: 2px solid transparent;
font-family: ;
font-size: 12px;
margin: 280px 0px -250px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: transparent;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentText a, .commentText a:visited {
text-decoration: none;
}
.commentText a:hover {
text-decoration: underline;
}
.commentHeader {
background-color: #fd01b9;
color: #ffffff;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #ffffff;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #cccccc;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #545454;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar a, .commentLinkbar a:visited {
text-decoration: none;
}
.commentLinkbar a:hover {
text-decoration: underline;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
background-color: transparent;
color: #545454;
padding-left: 10px;
}
#commenttext{
width:100%;
}
/*ARCHIVE PAGE*/
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #545454;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #545454;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #545454;
background: transparent;
color: #545454;
}
.day-blank {
border: 1px solid #545454;
}
.day {
border: 1px solid #545454;
}
.day-date {
border-right: 1px solid #545454;
border-bottom: 1px solid #545454;
color: #545454;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #fd01b9;
}
.day-count a:hover {
text-decoration: underline;
color: #fd01b9;
}
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 1px solid #000000;
}
.tagstable a, .tagstable a:visited {
text-decoration: none;
color: #fd01b9;
}
.tagstable a:hover {
text-decoration: underline;
color: #fd01b9;
}
.tagstable { width: 500px; }
MANDATORY CREDIT
Copy and Paste this somewhere in your Profile:
Layout by
Rules:
• Please comment if you're using it. If I don't know what people like and what people don't like, I won't know what to make in the future! Which is a bummer for everyone.
• If you want to edit this layout, go ahead and change a few things, but be sure to credit me for the original layout.
• Don't steal. If I see people stealing my layouts (stealing includes using this layout without crediting me, or changing a few colors and the header and claiming it as your own) I will have to make this community friends only and you will be banned. Don't say I didn't warn you.
• If you have a question, it might already be answered in the FAQ post.