#31: Never stop dreaming
D E S C R I P T I O N
Name:
Never Stop Dreaming
Description:
My second S2 layout namely Smooth Sailing.
This layout was made for the final round of LLS.v0.6. running at freelayouts. The theme was all original .
It's a simple layout with a dreamy header and lots of gradients. All images were made originally by me, as was required by the theme.
G E N E R A L I N F O R M A T I O N
Works with ads?:
Yes: set your ad orientation to Horizontal Placement or Placement Between Entries .
Style:
Smooth Sailing.
Tested in:
IE and Mozilla Firefox.
Best Resolution:
800*600 and above
Works with Navigation Strip?:
Yes
Credit:
Please put a link to gawariel_design in your profile or sidebar.
{Bigger}
I N S T A L L A T I O N
Go to Manage:
Customize
Select a New Theme:
- Type Smooth Sailing in the search box.
- Click 'Search'.
- Apply any theme that you get in the search results, it doesn't really matter which one!
Choose a Page Setup:
- Apply the following: 2 Column (sidebar on RIGHT).
- Click Customize Selected Theme
Note:
The following sections can be found in the left, blue sidebar of the page.
Only the sections I mention are the ones you MUST adjust. You can play with the rest as you please.
Display:
- Under Presentation:
- Userinfo Position in Entries: Left side of the entry text
- Under Additional Options:
- Wrap Entry text under userinfo: Yes
Custom CSS:
- Use layout's stylesheet(s): No
- Use layout's stylesheet(s) when including custom external stylesheet: No
- Custom external stylesheet URL: Leave empty
- Custom stylesheet: Paste the stylesheet (given bellow) in this box.
I M A G E S & C O D E
Images:
The images are hosted on my account, but it is recommended that you upload them yourself. Don't forget to change the URL's in the code!
Code:
/* LAYOUT 31: NEVER STOP DREAMING */
/* S2 STYLE: SMOOTH SAILING */
/* AVAILABLE AT GAWARIEL_DESIGN (http://community.livejournal.com/gawariel_design/) */
/* CREATED BY GAWARIEL (http://gawariel.livejournal.com/) */
/* ALL IMAGES MADE BY GAWARIEL IN PHOTOSHOP CS */
/*-----------------------------------------------------------------------------------------------*/
body {
font-family: Arial, sans-serif;
font-size: 12px;
margin: 0px;
background-color: #C4DFDC;
color: #aaaaaa;
background-image: url('http://i19.photobucket.com/albums/b153/gawariel_design/31_Dream%20-%20LLS7/Pattern.jpg');
}
a, a:link, a:visited {
color: #3E7D7B;
font-weight:bold;
text-decoration: none;
}
a:hover {
color: #007D79;
text-decoration: underline;
}
.entryHeaderDate a {
color : #dddddd;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #dddddd;
text-decoration : underline;
}
.header-title {
background-color: #000000;
font-family: ;
font-size: 30px;
color: #beaa61;
padding: 0px 20px 0px 20px;
display:none;
}
.header-subtitle {
background-color: #000000;
color: #76456b;
font-family: ;
font-size: 24px;
padding: 0px 24px 0px 24px;
display: none;
}
.header-icon {
top: 0px;
right: 0px;
position: absolute;
z-index: 1;
border-left: 2px solid #dddddd;
border-bottom: 2px solid #dddddd;
}
.pageblock {
padding: 2px;
position: relative;
width: 688px;
left: 50%;
margin-left: -350px;
background-color: #ffffff;
background-image: url(http://i19.photobucket.com/albums/b153/gawariel_design/31_Dream%20-%20LLS7/DreamHeader.jpg);
;){kind=link}
background-repeat: no-repeat;
background-position: top center;
}
.pageheaderblock {
text-align: left;
}
.pagefooterblock {
color: #CFC563;
text-align: center;
font-family: arial;
font-size: 10px;
padding: 4px 4px 4px 24px;
margin-top: 4px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #dddddd;
}
.bodyblock {
padding: 5px 20px 0px 13px;
}
.bodyheaderblock {
background-color: #ffffff;
margin-top: 360px;
}
.bodynavblock {
border-top: 2px solid #dddddd;
background-color: #beaa61;
color: #000000;
margin: 10px 0px 4px 0px;
padding: 8px;
}
.bodynavblock a, .bodynavblock a:visited {
color: #000000;
}
.body-title {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #80BDBB;
text-align: center;
padding-left: 24px;
}
.body-midtitle {
font-family: ;
font-size: 18px;
color: #000000;
text-align: left;
padding-left: 8px;
}
.entryHolder {
color: #003432;
background-color: #ffffff;
font-family: arial;
font-size: 11px;
margin: 4px 0px 4px 0px;
}
.entryUserinfo {
text-align: center;
margin: 7px;
}
.entryUserinfo-usericon img {
border: 1px solid #DDD0B5;
padding: 2px;
}
.entryText {
margin: 10px;
margin-left: 10px;
}
.entryHeader {
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/31_Dream%20-%20LLS7/Achtergronddatesubject.jpg);
;){kind=link}
background-repeat: no-repeat;
padding: 3px;
border: 1px solid #DDD0B5;
text-align: left;
}
.entryHeader a{
color: #dddddd;
}
.entryHeaderDate {
color: #A27403;
font-family: arial;
font-size: 7,5pt;
font-weight: bold;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/31_Dream%20-%20LLS7/in-front-of-date.gif);
;){kind=link}
background-repeat: no-repeat;
background-position: 0px -2px;
padding: 5px;
padding-left: 30px;
}
.entryHeaderSubject {
font-variant: small-caps;
color: #027C78;
font-family: arial;
font-size: 11pt;
font-weight: bold;
}
.entryMetadata {
color: #EDB83B;
font-size: 8pt;
text-align: left;
padding-left: 6px;
padding-bottom: 5px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: block;
padding-right: 10px;
}
.entryMetadata-label {
font-weight: bold;
padding-right: 4px;
font-size: 8pt;
}
.entryMetadata-content {
font-weight: normal;
padding-left: 5px;
}
.entryMetadata-content a:link, .entryMetadata-content a:active, .entryMetadata-content a:visited {
color: #EDB83B;
text-decoration: none;
}
.entryMetadata-content a:hover {
color: #EDA600;
text-decoration: underline;
}
.entryLinkbar {
font-family: arial;
font-variant: small-caps;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/31_Dream%20-%20LLS7/Achtergrondcomment.jpg);
;){kind=link}
background-repeat: no-repeat;
border-width: 1px;
border-style: solid;
border-color: #DDD0B5;
font-size: 10px;
color: #277C79;
text-align: center;
padding: 4px 0px 3px 0px;
margin-bottom: 40px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.commentHolder {
color: #aaaaaa;
background-color: #000000;
border-top: 2px solid #cccccc;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: #000000;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: #76456b;
color: #dddddd;
font-family: ;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #dddddd;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: #888888;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #aaaaaa;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
.replyform {
padding-left: 10px;
}
.yearlinks{
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 500px;
border: 1px solid #dddddd;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #aaaaaa;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px solid #dddddd;
background: #aaaaaa;
color: #000000;
}
.day-blank {
border: 1px solid #dddddd;
}
.day {
border: 1px solid #dddddd;
}
.day-date {
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
color: #aaaaaa;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 20px;
}
.day-count a {
text-decoration: none;
color: #beaa61;
}
.sidebar {
font-family: arial;
font-size: 11px;
margin-left: 20px;
width: 180px;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/31_Dream%20-%20LLS7/Achtergrondsidebar.jpg);
;){kind=link}
background-repeat: repeat-y;
border-width: 1px;
border-style: solid;
border-color: #DDD0B5;
}
.sidebox {
color: #ffffff;
background: url(http://i19.photobucket.com/albums/b153/gawariel_design/31_Dream%20-%20LLS7/Achtergrondsidebar.jpg);
background-repeat: repeat-y;
border-width: 1px;
margin: 4px 0px 4px 0px;
}
.sideboxTitle {
font-family: arial;
color: #027C78;
font-variant: small-caps;
text-align: right;
font-weight: bold;
border-bottom: 1px solid #027C78;
font-size: 10pt;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}
.sideboxContent {
text-align: justify;
color:#01524F;
padding: 2px 4px 20px 4px;
}
.sidebox a:link, .sidebox a:active, .sidebox a:visited {
color: #7BB6AA;
font-weight: bold;
}
.sidebox a:hover {
color: #027C78;
}
.sidebox #profile, sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #search {
text-align: justify;
}
.sidebox #tags_sidebox {
text-align: justify;
}
.sidebox #systemlinks {
text-align: justify;
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
}
#latestmonth a:link, #latestmonth a:active, #latestmonth a:visited {
text-transform: lowercase;
font-weight: bold;
color: #003432;
}
#latestmonth a:hover {
color: #A8683C;
}
#latestmonth td {
padding: 1px;
}
.latestmonth-inactive {
background-color: #F6EAC5;
text-align: center;
font-size: 8pt;
padding: 1px;
border-width: 1px;
border-style: solid;
border-color: #DBCEB2;
}
.latestmonth-active {
background-color: #F6EAC5;
text-align: center;
font-size: 8pt;
padding: 1px;
border-width: 1px;
border-style: solid;
border-color: #DBCEB2;
}
input {
background-color: #F6EAC5;
width: 70px;
line-height: 20px;
position: relative;
left: 50%;
margin-left: -35px;
font-family: verdana;
font-size: 9.5px;
letter-spacing: 1px;
text-transform: lowercase;
color: #404040;
margin-bottom: 2px;
margin-top: 2px;
}
#SearchTerm {
position: relative;
left: 0;
width: 124px;
margin-left: 0;
}
#SearchType {
width: 100px;
background-color: #F6EAC5;
line-height: 20px;
font-family: verdana;
font-size: 9.5px;
letter-spacing: 1px;
text-transform: lowercase;
color: #404040;
margin-bottom: 2px;
margin-top: 2px;
}
.listtitle {
font-weight: bold;
}
.profile-label {
font-weight: bold;
text-transform: lowercase;
padding-right: 5px;
}
label {
font-weight: bold;
text-transform: lowercase;
}
.header-menu {
position: relative;
top: 344px;
width: auto;
text-align: left;
height: 25px;
}
.header-menu li {
display: inline;
position: relative;
top: 5px;
left: 20px;
}
.header-menu a, .header-menu a:visited {
white-space: nowrap;
text-align: center;
padding-right: 30px;
color: #40805E;
text-decoration: none;
font-family: arial;
font-size: 14px;
font-weight: none;
font-variant: small-caps;
}
.header-menu a:hover {
color: #00803C;
background: none;
font-family: arial;
font-size: 14px;
font-variant: small-caps;
text-decoration: underline;
}
#footer-menu {
font-size: 11px;
text-align: right;
background: #ffffff;
border: none;
}
/*top of page links*/
#footer-menu a, .footer-menu a:visited {
color: #80BDBB;
white-space: nowrap;
padding: 6px;
text-align: right;
}
#footer-menu a:hover{
color: #027C78;
text-decoration:underline;
white-space: nowrap;
padding: 6px;
text-align: right;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
.tagstable, .tagstable td {
border: 1px solid #F2E4D5;
}
.tagstable {
width: 500px;
}
table.month {
margin: 5px;
width: 300px;
color: #027C78;
}
table.month td {
padding: 2px;
border: 1px dotted #DBCEB2;
background-color: #F6EAC5;
color: #027C78;
}
E X T R A
Icon:
T R O U B L E S H O O T I N G
Before asking any questions, make sure you read all information above thouroughly and that your question isn't adressed in the FAQ.
If your problem still isn't solved, you are welcome to ask your question here
L L S v 0 . 6
Here are all the layouts I entered in the LLS v0.6 contest over at freelayouts:
Round 1
Audition - Innocence
Round 2
Bodyparts - Eden
Round 3
Things older then your grandma - Time
Round 4
S2 - Atlantis
Round 5
One colour - Green Imago
Round 6
The Arts - The mother art
Round 7
All Original - Never stop dreaming