Nolver's Theme Designs: Theme: Dark & Lovely Series

Capture a feeling of reflective summer days with 'Holiday Without You'. This complete layout features a soothing, icy-blue palette set against a subtle tropical palm background. With a beautifully designed header highlighting nostalgic portraits and a delicate nautilus shell, a crisp, textured reading area, and a stunning shell-themed footer, this theme perfectly balances a touch of melancholy with elegant coastal beauty.

The font that is used for this theme is Lucida Calligraphy. Download the font for this theme here.

Download the XML file here and open it.

The AI version of this theme can be found here.

Instructions for installing a theme using XML, can be found on this page.

If you're only interested in the CSS codes, copy the codes below:

/* Dark & Lovely series: Holiday Without You theme, August 2013, designed by Nolver, all rights reserved (http://nolversprettytags.com) */
/* Photo credits and tags: Nolver */
/* This theme may not be edited, altered or modified and I'm not giving any permission! */
/* You are free to use this theme anytime, for more info and themes, visit me on http://nolversthemedesigns1.blogspot.com/ */

/*******************************************************************************************************/

body {
background: url(https://farm6.staticflickr.com/5500/9623818086_23da6f09e6_o.jpg) repeat fixed 0 0 #E3F5FF !important;
color: #4F81AC;
font: 20px Lucida Calligraphy;
padding: 0 220px 0 220px;
cursor: url("https://dl.dropboxusercontent.com/u/7939594/Cursors/Lightblue%20cursor.ani"), url("https://farm8.staticflickr.com/7304/9627972010_192e94c3b3_o.gif"), default;
}

.body-fauxcolumn-outer .cap-top .cap-left, .body-fauxcolumn-outer .cap-top {
background: transparent none;
width: 100%;
}

a, a:link, a:visited {
color: #4F81AC;
cursor: url("https://dl.dropboxusercontent.com/u/7939594/Cursors/Lightblue%20cursor.ani"), url("https://farm8.staticflickr.com/7304/9627972010_192e94c3b3_o.gif"), pointer;
}

a:hover {
color: lightblue;
text-decoration: none;
cursor: url("https://dl.dropboxusercontent.com/u/7939594/Cursors/Lightblue%20cursor.ani"), url("https://farm8.staticflickr.com/7304/9627972010_192e94c3b3_o.gif"), pointer;
}

/* Top frame */
header {
background: url("https://farm8.staticflickr.com/7317/9623817010_2ef58155f9_o.png") no-repeat scroll 0 0 transparent;
height: 705px;
margin: 0;
position: relative;
right: 120px;
top: 1387px;
width: 1151px;
z-index: 1;
}

.Header h1 {
bottom: 171px;
color: #4F81AC;
font: bold 50px Lucida Calligraphy;
position: relative;
right: 30px;
text-align: center;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.36);
width: 1000px;
z-index: 1;
}

.Header h1 a {
color: #4F81AC;
}

.Header h1 a:hover {
color: lightblue;
}

/* Removing the lightgrey transparent background */
.header-outer {
background: none repeat scroll 0 0 transparent;
}

/* The tag */
.header-inner .Header #header-inner {
box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.6);
background: url("https://c2.staticflickr.com/8/7435/9620580727_ae05366c41_o.jpg") no-repeat scroll 0 0 transparent;
bottom: 1280px;
height: 771px;
margin: 0 auto;
overflow: visible;
position: relative;
right: 0;
width: 1000px;
z-index: 1;
}

/* Title of the tag */
.Header .description {
border: medium none;
color: #4F81AC;
font-family: Lucida Calligraphy;
font-size: 20px;
font-weight: bold;
height: 50px;
left: 0;
line-height: 50px;
margin: 0;
overflow: auto;
position: absolute;
text-align: center;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.45);
top: 787px;
width: 1000px;
}

/* Middle frame */
div.main-outer {
background: url("https://farm4.staticflickr.com/3668/9620581129_e1c7094700_o.png") repeat-y scroll 0 0 transparent;
margin: 0;
padding-bottom: 500px;
position: relative;
right: 120px;
top: 1387px;
width: 1151px;
}

/* Equivalent: div#page_start */
div.columns {
left: 92px;
margin-top: -300px;
padding-top: 0px;
position: relative;
}

div.columns img {
max-width: 450px;
max-height: 450px;
}

div.columns embed, div.columns object, div.columns iframe, div.columns video {
max-width: 450px;
}

a.quickedit img {
width: auto !important;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black;
-moz-box-shadow: 0 0 10px 3px black;
-webkit-box-shadow: 0 0 10px 3px black;
background: url("https://farm8.staticflickr.com/7288/9623816558_9f93c88b93_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
padding: 15px;
}

div#sidebar-right-1 img {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black;
-moz-box-shadow: 0 0 10px 3px black;
-webkit-box-shadow: 0 0 10px 3px black;
background: url("https://farm8.staticflickr.com/7288/9623816558_9f93c88b93_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
left: -2px;
margin-bottom: 0;
margin-top: 15px;
max-height: 219px;
padding: 10px;
position: relative;
width: 219px;
}

div#sidebar-right-1 embed, div#sidebar-right-1 object, div#sidebar-right-1 iframe, div#sidebar-right-1 video {
left: 10px;
margin-top: 10px;
position: relative;
width: 220px;
}

div.widget-content img {
box-shadow: 0 0 10px 0 black;
-moz-box-shadow: 0 0 10px 0 black;
-webkit-box-shadow: 0 0 10px 0 black;
}

div#sidebar-right-1 img.profile-img {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.67);
-moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.67);
-webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.67);
background: url("https://farm8.staticflickr.com/7288/9623816558_9f93c88b93_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
height: 200px;
left: 7px;
margin: 31px 0 -55px;
padding: 16px;
position: relative;
top: -91px;
width: 200px;
}

.column-center-outer {
max-width: 589px;
width: 100%;
}

/* Bottom frame */
footer {
background: url("https://farm4.staticflickr.com/3695/9623817428_0b78d339f3_o.png") no-repeat scroll 0 0 transparent;
height: 961px;
margin: 0 0 100px;
position: relative;
right: 120px;
top: 1387px;
width: 1151px;
}

/* Removes contentwrapper background color */
div.content-inner {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: transparent none;
margin-bottom: 200px;
position: relative;
top: 100px;
width: 1000px;
}

.content-outer {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-bottom: 1px;
}

.fauxborder-left, .fauxcolumn-right-outer .fauxcolumn-inner, .fauxborder-right {
background: none repeat scroll 0 0 transparent;
position: relative;
border: none;
}

.fauxborder-right {
height: 0;
position: absolute;
}

/* Equivalent: itemboxsub */
h2, h2.date-header {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
-moz-box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
-webkit-box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
background: url("https://c2.staticflickr.com/8/7696/28340254104_99f1de89b6_o.png") no-repeat scroll left center white;
border: 2px outset white;
color: #4F81AC !important;
font-family: Lucida Calligraphy !important;
font-size: 30px !important;
font-weight: bold !important;
height: 105px;
line-height: 1.6 !important;
margin: 20px -2px 20px 0 !important;
padding: 5px 10px;
text-align: center;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
text-transform: capitalize;
}

div#sidebar-right-1.sidebar h2, div#sidebar-right-1.sidebar h2.date-header {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
border: none;
color: #4F81AC;
}

.date-header span {
color: #4F81AC;
font-family: Lucida Calligraphy;
font-size: 30px;
line-height: 1.6;
margin: 20px -2px;
text-align: center;
}

/* Equivalent: cattitle */
h3.post-title, h3.post-title a, h3.post-title a:link, h3.post-title a:visited {
color: #4F81AC;
font-family: Lucida Calligraphy;
font-size: 30px;
font-weight: bold;
text-align: center;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

h3.post-title a:hover {
color: lightblue;
}

/* Equivalent: itembox/itemboxalbum */
.main-inner .widget h2 + div, .footer-inner .widget h2 + div, div.post-outer {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
-moz-box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
-webkit-box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
background: url("https://farm4.staticflickr.com/3794/9623816624_c8178bc14b_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
color: #4F81AC;
font-size: 25px;
font-weight: bold;
margin-bottom: 30px;
padding: 0 12px 30px;
text-align: center;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

div#sidebar-right-1.sidebar div.widget-content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
border: none;
color: #4F81AC;
margin: 0;
padding: 0;
}

div#sidebar-right-1.sidebar div.widget-content a {
color: #4F81AC;
}

div#sidebar-right-1.sidebar div.widget-content a:hover {
color: lightblue;
}

div#LinkList1 div.widget-content {
text-align: left;
}

div.date-posts {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
background: none !important;
border: none !important;
}

div.widget-content {
font-family: Lucida Calligraphy;
font-sizze: 15px;
}

/* Equivalent: itemshadow */
.main-inner .widget, div#date-outer {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.67);
-moz-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.67);
-webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.67);
background: url("https://farm8.staticflickr.com/7288/9623816558_9f93c88b93_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
margin: 20px -16px 25px;
padding: 22px 22px 50px;
width: 622px;
z-index: 1;
}

div#sidebar-right-1.sidebar .widget, div#sidebar-right-1.sidebar div#date-outer {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
border: none;
}

/* Setting the width and the position of the widgets from the sidebar */
div#sidebar-right-1.sidebar .widget {
bottom: 117px;
left: 81px;
position: relative;
width: 225px;
}

.post-footer {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black;
-moz-box-shadow: 0 0 10px 3px black;
-webkit-box-shadow: 0 0 10px 3px black;
background: url("https://farm8.staticflickr.com/7288/9623816558_9f93c88b93_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
color: #FFFFFF;
font-size: 22px;
margin: 55px 22px 20px;
min-height: 170px;
padding: 10px;
text-shadow: 2px 2px 5px black;
}

.post-footer a {
color: #FFFFFF;
}

.post-footer a:hover {
text-decoration: underline;
}

/* Credits */
div#footer-3.foot {
bottom: 110px;
color: #4F81AC;
font-size: 17px;
font-weight: bold;
left: 59px;
position: relative;
text-align: center;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.45);
width: 970px;
}

div#footer-3.foot a {
color: #4F81AC;
}

div#footer-3.foot a:hover {
color: lightblue;
}

div.feed-links {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black, 0 0 12px 3px #4f81ac inset;
-moz-box-shadow: 0 0 10px 3px black, 0 0 12px 3px #4f81ac inset;
-webkit-box-shadow: 0 0 10px 3px black, 0 0 12px 3px #4f81ac inset;   
background: transparent url("https://farm4.staticflickr.com/3794/9623816624_c8178bc14b_o.jpg") repeat scroll 0 0;
border: 2px outset white;
color: #4f81ac;
font-size: 20px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

div.feed-links a:link, div.feed-links a:visited {
color: #4f81ac;
}

div.feed-links a:hover {
color: white;
}

#blog-pager {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-webkit-border-radius: 0 0 0 0;
background-color: transparent;
border: none;
font-size: 120%;
margin-top: 1em;
padding: 15px;
}

.blog-pager-older-link, .home-link, .blog-pager-newer-link {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 2px black;
-moz-box-shadow: 0 0 10px 2px black;
-webkit-box-shadow: 0 0 10px 2px black;
background: url("https://farm8.staticflickr.com/7437/9623817976_9fbcaea4a4_o.png") repeat-x scroll -6px -26px transparent;
border: 2px outset white;
color: #FFFFFF !important;
font-weight: bold;
text-shadow: 2px 2px 5px black;
}

.blog-pager-older-link:hover, .home-link:hover, .blog-pager-newer-link:hover {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-style: inset;
color: lightblue !important;
}

.cap-top, .cap-bottom, .cap-left, .cap-right {
background-repeat: repeat-x;
height: 0;
position: absolute;
}

/* Divider */
.tabs-outer {
background: url("https://farm8.staticflickr.com/7373/9620581811_59d820d40a_o.png") no-repeat scroll center 0 transparent;
left: -38px;
padding-bottom: 280px;
position: absolute;
top: 1055px;
width: 1000px;
z-index: 2;
}

/* Buttons */
.tabs-inner .widget ul {
background: none repeat scroll 0 0 transparent;
border: medium none;
height: auto;
left: 3px;
margin: 0;
position: relative;
top: 454px;
width: 1000px;
z-index: 3;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a, .tabs-inner .widget li a:hover {
background: url("https://farm8.staticflickr.com/7437/9623817976_9fbcaea4a4_o.png") no-repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
float: none;
font: bold 21px/25px Lucida Calligraphy;
height: 79px;
margin-bottom: 25px;
margin-right: 82px;
padding: 35px 11px 0 0;
position: relative;
text-align: center;
text-shadow: 2px 2px 12px black;
width: 289px;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background-image: url("https://farm6.staticflickr.com/5441/9620581949_b362f281e7_o.png");
color: #4F81AC;
}

.tabs .widget li, .tabs .widget li {
height: 112px;
list-style-image: none;
margin-bottom: 10px;
margin-left: 10px;
width: 300px;
}

li {
list-style-image: url(https://farm9.staticflickr.com/8273/8705704859_f2c34608dd_o.png);
}

.widget .zippy {
color: lightblue;
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.comments h4 {
color: #4F81AC;
font: bold 25px Lucida Calligraphy;
margin: 0.75em 0 0;
}

/* Owner's reply */
.comments .comment-thread.inline-thread {
box-shadow: 0 0 20px 5px #4F81AC inset, 0 0 10px 3px black inset;   
-moz-box-shadow: 0 0 20px 5px #4F81AC inset, 0 0 10px 3px black inset;   
-webkit-box-shadow: 0 0 20px 5px #4F81AC inset, 0 0 10px 3px black inset;   
background: url("https://farm4.staticflickr.com/3794/9623816624_c8178bc14b_o.jpg") repeat scroll 0 0 transparent;
border: 2px inset white;  
}

.comments .comments-content .comment-replies a, div#bc_0_0T_box.comment-replybox-thread a {
color: #4F81AC;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

.comments .comments-content .comment-replies a:hover, div#bc_0_0T_box.comment-replybox-thread a:hover {
color: lightblue;
}

.comments .continue {
border-top: 1px solid lightblue;
}

li.comment {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black;
-moz-box-shadow: 0 0 10px 3px black;
-webkit-box-shadow: 0 0 10px 3px black;
background: url("https://farm8.staticflickr.com/7288/9623816558_9f93c88b93_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white !important;
color: #FFFFFF;
font-weight: bold;
list-style-image: none;
margin-top: 20px;
padding: 20px !important;
text-shadow: 2px 2px 5px black;
}

div.comment-header a, span.item-control a, .comments .comment .comment-actions a, li.comment a {
color: white;
text-shadow: 2px 2px 5px black;
}

cite.user a, span.datetime a {
color: white !important;
text-shadow: 2px 2px 5px black !important;
}

div.comment-header a:hover, span.item-control a:hover, .comments .comment .comment-actions a:hover, li.comment a:hover {
text-decoration: underline !important;
}

cite.user a:hover, span.datetime a:hover {
text-decoration: underline !important;
}

.comments .comment-block {
background: none repeat scroll 0 0 transparent !important;
margin-left: 48px;
position: relative;
}

/* For when the feed is turned off */
#comments .comment-author {
border-top: 1px solid lightblue;
}

/* Removing the border from an avatar */
#comments .avatar-image-container img {
border: medium none;
}

textarea {
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.6) inset;
-moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.6) inset;
-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.6) inset;
background: url("https://farm6.staticflickr.com/5500/9623818086_23da6f09e6_o.jpg") repeat fixed 0 0 #E3F5FF;
border: 2px inset white;
color: #FFFFFF;
font-family: Arial;
font-size: 17px;
font-weight: bold;
height: 145px;
margin-left: -9px;
margin-right: -9px;
padding: 2px;
position: relative;
text-shadow: 2px 2px 5px black;
width: 457px;
}

/* Error message */
.status-msg-body {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
-moz-box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
-webkit-box-shadow: 0 0 10px 3px black, 0 0 20px 5px #4F81AC inset;
background: url("https://farm4.staticflickr.com/3794/9623816624_c8178bc14b_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
color: #4F81AC;
font-weight: bold;
min-height: 90px;
position: relative;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}

.status-msg-bg {
background-color: transparent;
}

.status-msg-border {
border: medium none;
opacity: 0.4;
position: relative;
width: 100%;
}

/* Credit box */
div#editor div {
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 3px black;
-moz-box-shadow: 0 0 10px 3px black;
-webkit-box-shadow: 0 0 10px 3px black;
background: url("https://farm8.staticflickr.com/7288/9623816558_9f93c88b93_o.jpg") repeat scroll 0 0 transparent;
border: 2px outset white;
color: #ffffff;
font-family: Arial;
font-size: 20px;
margin-bottom: 20px;
margin-left: 13px;
margin-right: 13px;
min-height: 175px;
padding: 10px;
position: relative;
text-shadow: 2px 2px 5px black;
}

/* Scrollbar */
html {
scrollbar-face-color: lightblue;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: white;
scrollbar-shadow-color: #4F81AC;
scrollbar-darkshadow-color: #4F81AC;
scrollbar-arrow-color: #4F81AC;
scrollbar-track-color: #efefef;
}

Instructions for installing a theme using CSS, can be found on this page.

You can also use the theme image for your welcome box.

Copy the embed codes below:

Theme song: Call His Name - Trin-i-Tee 5:7

Copy the embed codes below:

Enjoy the theme!

Nolver's Theme Designs

Welcome to Nolver's Theme Designs!

Sunday, 5 July 2026

Theme: Dark & Lovely Series - Holiday Without You

No comments:

Post a Comment