Nolver's Theme Designs: Theme: Chess

Bring a bold, strategic edge to your blog with the Chess theme! Set against a moody, textured background of dark blue mixed with dark grey, this layout immediately grabs attention with bright neon green reading panels framed by sleek metallic grey borders. The visual centerpiece highlights a dramatic arrangement of glossy black and silver chess pieces, drawing focus to a fallen pawn with a vibrant neon green base.

The theme comes alive with two dynamic AI videos: the first features a video of the whole chessboard captured from different perspectives, while the second focuses closely on one pawn moving across the board. Finished with structured layout features and a footer elegantly lined with resting and fallen glossy pawns, this template delivers a modern, high-contrast, and truly eye-catching experience. ♟️💙💚✨

The font that is used for this theme is Lucida Calligraphy.

Download the XML file here and open it.

The AI version of this theme can be found here.

The second 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:

/* Chess theme, ©May 2014, updated October 2026. 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/5509/14199912831_0a76fded6c_o.jpg) repeat fixed 0 0 #626785 !important;
color: #313446;
font: 20px Lucida Calligraphy;
padding: 0 220px 0 220px;
cursor: url("https://db.tt/edwiE3Eb"), url("https://farm6.staticflickr.com/5491/9287656418_cd162ce996_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: #313446;
cursor: url("https://db.tt/edwiE3Eb"), url("https://farm6.staticflickr.com/5491/9287656418_cd162ce996_o.gif"), pointer;
}

a:hover {
color: lightgrey;
text-decoration: none;
cursor: url("https://db.tt/edwiE3Eb"), url("https://farm6.staticflickr.com/5491/9287656418_cd162ce996_o.gif"), pointer;
}

/* Top frame */
header {
background: url("https://farm6.staticflickr.com/5565/14200700372_d5d82c4ec3_o.png") no-repeat scroll 0 0 transparent;
height: 423px;
margin: 0;
position: relative;
right: 113px;
top: 1500px;
width: 1166px;
z-index: 1;
}

.Header h1 {
bottom: 171px;
color: #00FF00;
font: bold 50px Lucida Calligraphy;
position: relative;
right: 30px;
text-align: center;
text-shadow: 5px 5px 5px #000000;
width: 1000px;
z-index: 1;
}

.Header h1 a {
color: #00FF00;
}

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

/* 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 20px 10px #000000;
-moz-box-shadow: 0 0 20px 10px #000000;
-webkit-box-shadow: 0 0 20px 10px #000000;
background: url("https://farm6.staticflickr.com/5544/14223343833_ba20bf96a6_o.gif") no-repeat scroll 0 0 transparent;
bottom: 1372px;
height: 895px;
margin: 0 auto;
overflow: visible;
position: relative;
right: 0;
width: 1000px;
z-index: 1;
}

.header-inner .Header #header-inner:hover {
background-image: url(https://farm6.staticflickr.com/5491/14180065846_b62f99f9e1_o.jpg);
}

/* Title of the tag */
.Header .description {
border: medium none;
color: #00FF00;
font-family: Lucida Calligraphy;
font-size: 20px;
font-weight: bold;
height: 50px;
left: 0;
line-height: 50px;
margin: 0;
position: absolute;
text-align: center;
text-shadow: 5px 5px 5px #000000;
top: 910px;
width: 1000px;
}

/* Middle frame */
div.main-outer {
background: url("https://farm3.staticflickr.com/2931/14223343273_31fc540d69_o.png") repeat-y scroll 0 0 transparent;
margin: 0;
padding-bottom: 500px;
position: relative;
right: 113px;
top: 1500px;
width: 1166px;
}

/* Equivalent: div#page_start */
div.columns {
left: 97px;
padding-top: 220px;
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, .Image img, .BlogList .item-thumbnail img {
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://farm3.staticflickr.com/2913/14016535339_f661bbcf40_o.png") repeat scroll 0 0 transparent;
border: 2px outset #00FF00;
padding: 15px;
}

div#sidebar-right-1 img {
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://farm3.staticflickr.com/2913/14016535339_f661bbcf40_o.png") repeat scroll 0 0 #5C5E7F;
border: 2px outset #00FF00;
left: -3px;
margin-bottom: 0;
margin-top: 15px;
max-height: 179px;
padding: 10px;
position: relative;
width: 179px;
}

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

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: -13px;
width: 156px;
}

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

/* Bottom frame */
footer {
background: url("https://farm3.staticflickr.com/2898/14223343503_e13d8d871e_o.png") no-repeat scroll 0 0 transparent;
height: 446px;
margin: 0 0 100px;
padding-bottom: 100px;
position: relative;
right: 113px;
top: 1500px;
width: 1166px;
}

/* 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 20px 19px #313446 inset;
-moz-box-shadow: 0 0 20px 5px #000000, 0 0 20px 19px #313446 inset;
-webkit-box-shadow: 0 0 20px 5px #000000, 0 0 20px 19px #313446 inset;
background: url("https://farm6.staticflickr.com/5191/14016535729_daf58959d2_o.png") repeat scroll 0 -42px transparent;
border: 2px outset #00FF00;
color: #313446 !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: 2px 2px 5px #000000;
text-transform: capitalize;
}

.date-header span {
color: #313446;
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: #D8DDC8;
font-family: Lucida Calligraphy;
font-size: 30px;
font-weight: bold;
text-align: center;
text-shadow: 5px 5px 15px black;
}

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

/* Equivalent: itembox/itemboxalbum */
.main-inner .widget h2 + div, .footer-inner .widget h2 + div, div.post-outer {
box-shadow: 0 0 20px 5px #000000, 0 0 20px 19px #313446 inset;
-moz-box-shadow: 0 0 20px 5px #000000, 0 0 20px 19px #313446 inset;
-webkit-box-shadow: 0 0 20px 5px #000000, 0 0 20px 19px #313446 inset;
background: none repeat scroll 0 0 #31C70E;
border: 2px outset #00FF00;
color: #313446;
font-size: 25px;
font-weight: bold;
margin-bottom: 30px;
padding: 0 12px 30px;
text-align: center;
text-shadow: 2px 2px 5px #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: Lucida Calligraphy;
font-sizze: 15px;
}

/* Equivalent: itemshadow */
.main-inner .widget, div#date-outer {
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://farm3.staticflickr.com/2913/14016535339_f661bbcf40_o.png") repeat scroll 0 0 transparent;
border: 3px outset #00FF00;
margin: 20px -16px 25px;
padding: 22px 22px 50px;
width: 600px;
}

/* Setting the width and the position of the widgets from the sidebar */
div#sidebar-right-1.sidebar .widget {
bottom: 0;
left: 80px;
position: relative;
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: url("https://farm3.staticflickr.com/2913/14016535339_f661bbcf40_o.png") repeat scroll 0 0 transparent;
border: 3px outset #00FF00;
color: #00FF00;
font-size: 22px;
margin: 55px 22px 20px;
min-height: 140px;
padding: 10px;
text-shadow: 1px 1px 7px #000000;
}

.post-footer a {
color: #00FF00;
}

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

/* Credits */
div#footer-3.foot {
bottom: 72px;
color: #2d303f;
font-size: 19px;
font-weight: bold;
left: 63px;
position: relative;
text-align: center;
text-shadow: 2px 2px 5px #000000;
width: 980px;
}

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

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

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

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

#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: #00FF00 !important;
font-weight: bold;
text-shadow: 2px 2px 5px #000000;
}

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

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

div#PopularPosts1.widget.PopularPosts img {
position: relative;
left: -34px;
margin-top: -5px;
}
}

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

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

/* Divider */
.tabs-outer {
background: url("https://farm6.staticflickr.com/5038/14016535299_bb898c966d_o.png") no-repeat scroll center 0 transparent;
left: -20px;
padding-bottom: 280px;
position: absolute;
top: 1141px;
width: 1000px;
z-index: 2;
}

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

.tabs-inner .widget li.selected a, .tabs-inner .widget li a, .tabs-inner .widget li a:hover {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: 0 0 10px 2px #000000;
-moz-box-shadow: 0 0 10px 2px #000000;
-webkit-box-shadow: 0 0 10px 2px #000000;
background: url("https://farm6.staticflickr.com/5594/14203126314_4736e58356_o.png") repeat scroll 0 0 transparent;
border: 2px outset lime !important;
color: lime;
float: none;
font: bold 18px/25px Lucida Calligraphy;
height: 90px;
padding: 43px 0 0;
position: relative;
text-align: center;
text-shadow: 2px 2px 5px #000000;
width: 190px;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
box-shadow: 0 0 10px 2px #000000 inset;
-moz-box-shadow: 0 0 10px 2px #000000 inset;
-webkit-box-shadow: 0 0 10px 2px #000000 inset;
background-image: url("https://farm6.staticflickr.com/5191/14016535729_907d0ec5b8_n.jpg");
border: 2px inset #2D303F !important;
color: #2D303F;
}

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

li {
list-style-image: url(https://farm3.staticflickr.com/2896/14203118844_3848371da3_o.png);
}

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

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

/* Owner's reply */
.comments .comment-thread.inline-thread {
box-shadow: 0 0 10px 3px black;   
-moz-box-shadow: 0 0 10px 3px black;   
-webkit-box-shadow: 0 0 10px 3px black;   
background: none repeat scroll 0 0 #2D303F;
border: 2px outset #00FF00;

}

.comments .comments-content .comment-replies a, div#bc_0_0T_box.comment-replybox-thread a {
color: lime;
text-shadow: 5px 5px 5px black;
}

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

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

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: url("https://farm3.staticflickr.com/2913/14016535339_f661bbcf40_o.png") repeat scroll 0 0 transparent;
border: 3px outset #00FF00 !important;
color: #00FF00;
font-weight: bold;
list-style-image: none;
margin-top: 20px;
padding: 20px !important;
text-shadow: 2px 2px 5px #000000;
}

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

cite.user a, span.datetime a {
color: lime !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 {
color: lightgrey;
text-decoration: none !important;
}

cite.user a:hover, span.datetime a:hover {
color: white !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 lime;
}

/* 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: none repeat scroll 0 0 #5C5E7F;
border: 2px inset #00FF00;
color: #00FF00;
font-family: Arial;
font-size: 17px;
font-weight: bold;
height: 80px;
margin-left: -9px;
margin-right: -9px;
padding: 10px;
position: relative;
text-shadow: 2px 2px 5px #000000;
width: 438px;
}

/* Error message */
.status-msg-body {
box-shadow: 0 0 10px 3px #000000;
-moz-box-shadow: 0 0 10px 3px #000000;
-webkit-box-shadow: 0 0 10px 3px #000000;
background: none repeat scroll 0 0 #2D303F;
border: 2px outset #00FF00;
color: #00FF00;
font-weight: bold;
min-height: 90px;
position: relative;
right: 2px;
text-shadow: 5px 5px 5px #000000;
}

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

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

.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: url("https://farm3.staticflickr.com/2913/14016535339_f661bbcf40_o.png") repeat scroll 0 0 transparent;
border: 3px outset #00FF00;
color: #00FF00;
font-family: Arial;
font-size: 20px;
line-height: 20px;
margin-bottom: 20px;
margin-left: 25px;
margin-right: 25px;
min-height: 123px;
padding: 10px;
position: relative;
text-shadow: 1px 1px 7px #000000;
}

/* Scrollbar */
html {
scrollbar-face-color: #5c5e7f;
scrollbar-highlight-color: lime;
scrollbar-3dlight-color: lime;
scrollbar-shadow-color: lime;
scrollbar-darkshadow-color: lime;
scrollbar-arrow-color: lime;
scrollbar-track-color: #5c5e7f;
}

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:

Enjoy the theme!

Nolver's Theme Designs

Welcome to Nolver's Theme Designs!

Wednesday, 14 October 2026

Theme: Chess

No comments:

Post a Comment