Nolver's Theme Designs: Theme: Autumn Rain

Bring a refreshing, atmospheric vibe to your blog with the 'Autumn Rain' theme! Set against a striking patterned background of intricate blue and golden motifs, this full-page layout frames your content in sleek, multi-layered dark blue borders accented by metallic gold trim. Vibrant golden-yellow reading panels and sidebar widgets create a warm, striking contrast against the cool blue structural elements. The serene header centerpiece highlights a single golden autumn leaf floating on rippling blue water, accompanied by abstract swirling lines and a decorative column of blue squares pinned with gold studs. To truly bring this seasonal magic to life, the dynamic AI version of this template features a soothing video of falling raindrops landing on the floating leaf. Finished with delicate yellow autumn leaves anchoring the corners of the sleek blue footer, this thoughtfully structured template delivers a deeply serene, beautifully contrasting, and refreshing aesthetic for the season! 🍂🌧️💙✨

The font that is used for this theme is Arial. This font is already installed on your computer.

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:

/* Autumn Rain theme, ©October 2015, 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: #4f8ba7 url("https://c2.staticflickr.com/6/5669/22286438686_11d600ea71_z.jpg") repeat fixed 0 0 !important;
color: #325a6e;
font: 20px Arial;
padding: 0 220px 0 220px;
cursor: url("https://db.tt/d7atFabR"), url("https://c1.staticflickr.com/3/2875/10985072016_e55e52c48a_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: #325a6e;
cursor: url("https://db.tt/d7atFabR"), url("https://c1.staticflickr.com/3/2875/10985072016_e55e52c48a_o.gif"), pointer;
}

a:hover {
color: lightblue;
text-decoration: none;
cursor: url("https://db.tt/d7atFabR"), url("https://c1.staticflickr.com/3/2875/10985072016_e55e52c48a_o.gif"), pointer;
}

/* Top frame */
header {
background: transparent url("https://c1.staticflickr.com/1/660/22322318851_9e4744f3ff_o.png") no-repeat scroll 0 0;
height: 302px;
margin: 0;
position: relative;
right: 141px;
top: 1300px;
width: 1192px;
z-index: 1;
}

.Header h1 {
bottom: 165px;
color: #f5ca30;
font: bold 60px Arial;
position: relative;
right: 30px;
text-align: center;
text-shadow: 2px 2px 5px black;
width: 1000px;
z-index: 1;
}

.Header h1 a {
color: #f5ca30;
}

.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 25px 10px black;
-moz-box-shadow: 0 0 25px 10px black;
-webkit-box-shadow: 0 0 25px 10px black;
background: transparent url("https://c2.staticflickr.com/6/5646/21690676493_850d6f948a_o.gif") no-repeat scroll 0 0;
bottom: 1213px;
height: 812px;
margin: 0 auto;
overflow: visible;
position: relative;
right: 0;
width: 1012px;
z-index: 1;
}

.header-inner .Header #header-inner:hover {
background: url(https://c2.staticflickr.com/6/5654/21688993314_15fce55f5d_o.jpg);
}

/* Title of the tag */
.Header .description {
color: #f5ca30;
font-family: Arial;
font-size: 20px;
font-weight: bold;
height: 50px;
line-height: 50px;
margin: 0;
overflow: auto;
position: relative;
right: 26px;
text-align: center;
text-shadow: 2px 2px 5px black;
top: 695px;
width: 1000px;
}

/* Middle frame */
div.main-outer {
background: transparent url("https://c1.staticflickr.com/1/595/22124005648_66f8d2b469_o.png") repeat-y scroll 0 0;
margin: 0;
padding-bottom: 500px;
position: relative;
right: 141px;
top: 1300px;
width: 1192px;
}

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

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

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

a.quickedit img {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
background: transparent none repeat scroll 0 0 !important;
border: medium none !important;
padding: 0 !important;
width: auto !important;
}

.post-body img, .post-body .tr-caption-container, .Image img, .BlogList .item-thumbnail img {
box-shadow: 0 0 10px 2px #000000;
-moz-box-shadow: 0 0 10px 2px #000000;
-webkit-box-shadow: 0 0 10px 2px #000000;
background: transparent url("https://c2.staticflickr.com/6/5798/22381548835_d607f7d7dd.jpg") repeat scroll 0 0;
border: 2px solid lightblue;
padding: 15px;
}

div#sidebar-right-1 img {
box-shadow: 0 0 10px 2px #000000;
-moz-box-shadow: 0 0 10px 2px #000000;
-webkit-box-shadow: 0 0 10px 2px #000000;
background: transparent url("https://c2.staticflickr.com/6/5798/22381548835_d607f7d7dd.jpg") repeat scroll 0 0;
border: 2px solid lightblue;
left: -1px;
margin-bottom: 0;
margin-top: 15px;
max-height: 175px;
padding: 10px;
position: relative;
width: 175px;
}

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

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 {
height: 156px;
left: 3px;
margin: 31px 0 20px;
padding: 16px;
position: relative;
top: -23px;
width: 156px;
}

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

/* Bottom frame */
footer {
background: transparent url("https://c2.staticflickr.com/6/5755/22322319121_efd9f86a27_o.png") no-repeat scroll 0 0;
height: 380px;
margin: 0 0 1000px;
position: relative;
right: 141px;
top: 1300px;
width: 1192px;
}

/* 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 {
box-shadow: 0 0 20px 5px #000000, 0 0 10px 2px #000000 inset;
-moz-box-shadow: 0 0 20px 5px #000000, 0 0 10px 2px #000000 inset;
-webkit-box-shadow: 0 0 20px 5px #000000, 0 0 10px 2px #000000 inset;
background: transparent url("https://c2.staticflickr.com/6/5787/22193942708_942dfc9595_o.jpg") repeat scroll center 0;
border: 2px solid #f5ca30;
color: lightblue !important;
font-family: Arial !important;
font-size: 28px !important;
font-weight: bold !important;
height: 85px;
line-height: 1.6 !important;
margin: 20px -2px 20px 0 !important;
padding: 5px 10px;
text-align: center;
text-shadow: 2px 2px 10px #000000;
text-transform: capitalize;
}

.date-header span {
color: lightblue;
font-family: Arial;
font-size: 28px;
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: lightblue;
font-family: Arial;
font-size: 27px;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
text-shadow: 2px 2px 14px black;
}

h3.post-title a:hover {
color: #325a6e;
}

/* Equivalent: itembox/itemboxalbum */
.main-inner .widget h2 + div, .footer-inner .widget h2 + div, div.post-outer {
box-shadow: 0 0 20px 5px #000000 inset;
-moz-box-shadow: 0 0 20px 5px #000000 inset;
-webkit-box-shadow: 0 0 20px 5px #000000 inset;
background: #eab818 none repeat scroll 0 0;
border: 2px inset #f5ca30;
color: #325a6e;
font-size: 21px;
font-weight: normal;
margin-bottom: 30px;
padding: 12px 12px 30px;
text-align: center;
text-shadow: 2px 2px 10px #000000;
}

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: Arial;
}

/* Equivalent: itemshadow */
.main-inner .widget, div#date-outer {
box-shadow: 0 0 15px 3px black;
-moz-box-shadow: 0 0 15px 3px black;
-webkit-box-shadow: 0 0 15px 3px black;
background: transparent url("https://c2.staticflickr.com/6/5798/22381548835_d607f7d7dd.jpg") repeat scroll 0 0;
border: 2px solid #f5ca30;
margin: 20px -16px 25px;
padding: 22px 22px 50px;
width: 548px;
z-index: 1;
}

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

.post-footer {
box-shadow: 0 0 10px 2px #000000;
-moz-box-shadow: 0 0 10px 2px #000000;
-webkit-box-shadow: 0 0 10px 2px #000000;
background: transparent url("https://c2.staticflickr.com/6/5798/22381548835_d607f7d7dd.jpg") repeat scroll 0 0;
border: 2px solid lightblue;
color: #f5ca30;
font-family: Arial;
font-size: 20px;
font-weight: bold;
margin: 55px 22px 20px;
min-height: 140px;
padding: 10px;
text-shadow: 2px 2px 7px #000000;
}

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

.post-footer a:hover {
color: lightblue;
}

/* Credits */
div#footer-3.foot {
bottom: 78px;
color: #f5ca30;
font-weight: bold;
left: 100px;
position: relative;
text-shadow: 2px 2px 5px black;
width: 931px;
}

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

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

div.feed-links, div.feed-links a, div.feed-links a:link, div.feed-links a:visited {
color: #f5ca30;
font-size: 20px;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px 5px black;
}

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

#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 {
background: none repeat scroll 0 0 transparent;
color: #f5ca30 !important;
font-weight: bold;
text-shadow: 2px 2px 5px #000000;
}

.blog-pager-older-link:hover, .home-link:hover, .blog-pager-newer-link:hover {
color: lightblue !important;
}

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

div#PageList1, div#HTML2 {
z-index: 2;
}

div#PopularPosts1.widget.PopularPosts img {
position: relative;
left: -26px;
}

div#FeaturedPost1.widget.FeaturedPost img {
position: relative;
right: 0px;
}

div#PageList1, div#HTML2 {
z-index: 2;
}

div#PopularPosts1.widget.PopularPosts img {
position: relative;
right: 29px;
}

div#FeaturedPost1.widget.FeaturedPost img {
position: relative;
right: 29px;
}

/* Divider */
.tabs-outer {
background: transparent url("https://c2.staticflickr.com/6/5814/22322319801_76789626f8_o.png") no-repeat scroll center 0;
left: -31px;
padding-bottom: 255px;
position: absolute;
top: 1000px;
width: 1000px;
z-index: 2;
}

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

.tabs-inner .widget li.selected a, .tabs-inner .widget li a, .tabs-inner .widget li a:hover {
background: transparent url("https://c1.staticflickr.com/1/679/22311732595_69895064db_o.png") no-repeat scroll 0 0;
border: medium none;
color: #f5ca30;
float: none;
font: bold 20px/25px Arial;
height: 92px;
padding: 29px 37px 0 43px;
position: relative;
text-align: center;
text-shadow: 2px 2px 9px black;
width: 220px;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
background-image: url("https://c2.staticflickr.com/6/5619/22124005958_0b4ca7fdd8_o.png");
color: lightblue;
}

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

/* Bullets */
li {
list-style-image: url(https://c1.staticflickr.com/9/8625/16106716949_0eb0433138_o.png);
}

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

.comments h4 {
color: #325a6e;
font: bold 25px Arial;
margin: 0.75em 0 0;
}

/* Owner's reply */
.comments .comment-thread.inline-thread {
box-shadow: 0 0 10px 1px black inset; 
-moz-box-shadow: 0 0 10px 1px black inset; 
-webkit-box-shadow: 0 0 10px 1px black inset; 
background: transparent url("https://c2.staticflickr.com/6/5787/22193942708_942dfc9595_o.jpg") repeat scroll center 0;
border: 2px inset #f5ca30;
}

.comments .comments-content .comment-replies a, div#bc_0_0T_box.comment-replybox-thread a {
color: lightblue;
font-weight: bold;
text-shadow: 2px 2px 7px #000000, -2px -2px 7px #000000;
}

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

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

li.comment {
box-shadow: 0 0 10px 3px black;
-moz-box-shadow: 0 0 10px 3px black;
-webkit-box-shadow: 0 0 10px 3px black;
background: transparent url("https://c2.staticflickr.com/6/5798/22381548835_d607f7d7dd.jpg") repeat scroll 0 0;
border: 2px solid lightblue !important;
color: #f5ca30;
font-size: 20px;
font-weight: bold;
list-style-image: none;
margin-top: 20px;
padding: 20px !important;
text-shadow: 2px 2px 7px #000000, -2px -2px 7px #000000;
}

div.comment-header a, span.item-control a, .comments .comment .comment-actions a, li.comment a {
color: #f5ca30;
text-shadow: 2px 2px 7px #000000, -2px -2px 7px #000000;
}

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

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

cite.user a:hover, span.datetime a:hover {
color: lightblue !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: 2px solid lightblue;
}

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

textarea {
box-shadow: 0 0 10px 2px black inset;
-moz-box-shadow: 0 0 10px 2px black inset;
-webkit-box-shadow: 0 0 10px 2px black inset;
background: #4f8ba7 url("https://c2.staticflickr.com/6/5669/22286438686_11d600ea71_z.jpg") repeat scroll 0 0;
border: 2px inset #f5ca30;
color: #f5ca30;
font-family: Arial;
font-size: 15px;
font-weight: bold;
height: 80px;
margin-left: -9px;
margin-right: -9px;
padding: 10px;
position: relative;
text-align: center;
text-shadow: 2px 2px 5px #000000;
width: 438px;
}

/* Error message */
.status-msg-body {
box-shadow: 0 0 20px 5px #000000, 0 0 10px 2px #000000 inset;
-moz-box-shadow: 0 0 20px 5px #000000, 0 0 10px 2px #000000 inset;
-webkit-box-shadow: 0 0 20px 5px #000000, 0 0 10px 2px #000000 inset;
background: transparent url("https://c2.staticflickr.com/6/5787/22193942708_942dfc9595_o.jpg") repeat scroll center 0;
border: 2px solid #f5ca30;
color: lightblue;
font-size: 20px;
font-weight: bold;
min-height: 90px;
position: relative;
right: 2px;
text-shadow: 2px 2px 10px #000000;
}

.status-msg-body a {
color: lightblue;
}

.status-msg-body a:hover {
color: #f5ca30;
}

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

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

/* Credit box */
div#editor div {
box-shadow: 0 0 10px 2px #000000;
-moz-box-shadow: 0 0 10px 2px #000000;
-webkit-box-shadow: 0 0 10px 2px #000000;
background: transparent url("https://c2.staticflickr.com/6/5798/22381548835_d607f7d7dd.jpg") repeat scroll 0 0;
border: 2px solid lightblue;
color: #f5ca30;
font-family: Arial;
font-size: 17px;
font-weight: bold;
line-height: 20px;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 40px;
min-height: 123px;
padding: 10px;
position: relative;
text-shadow: 2px 2px 7px #000000;
}

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

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: Rain Sound Effect

Copy the embed codes below:

Enjoy the theme!

Nolver's Theme Designs

Welcome to Nolver's Theme Designs!

Saturday, 26 September 2026

Theme: Autumn Rain

No comments:

Post a Comment