Nolver's Theme Designs: Theme: Crossword Puzzle

Give your site a sleek, cerebral makeover with 'Crossword Puzzle'. Combining high-contrast black-and-white grid motifs with crisp metallic framing and glowing abstract light trails, this layout delivers a sharp, intelligent aesthetic. 🔲

The fonts that are used for this theme are Adlery Pro and Verdana. Download the fonts for this theme here and here.

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:

/* Crossword Puzzle theme, ©September 2018, 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: black url(https://c2.staticflickr.com/2/1869/42758607520_6a73209619_o.jpg) repeat-x scroll center 0 /1920px 1080px !important;
color: white;
font: 25px Verdana;
padding: 0 220px 0 220px;
cursor: url("https://tinyurl.com/ybrfzcrt"), url("https://c2.staticflickr.com/8/7299/11007012646_2b682c22c9_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: white;
cursor: url("https://tinyurl.com/ybrfzcrt"), url("https://c2.staticflickr.com/8/7299/11007012646_2b682c22c9_o.gif"), pointer;
}

a:hover {
color: lightgrey;
text-decoration: none;
cursor: url("https://tinyurl.com/ybrfzcrt"), url("https://c2.staticflickr.com/8/7299/11007012646_2b682c22c9_o.gif"), pointer;
}

.Header h1 {
bottom: 195px;
color: white;
font: italic 70px Adlery Pro, Verdana;
left: -30px;
position: relative;
text-align: center;
text-shadow: 2px 2px 2px black, 2px 2px 10px white, -2px -2px 10px white;
width: 1038px;
z-index: 1;
}

.Header h1 a {
color: white;
}

.Header h1 a:hover {
color: lightgrey;
text-decoration: none;
}

/* Top frame */
header {
background: none;
height: 313px;
margin: 0;
position: relative;
right: 123px;
width: 1050px;
z-index: 1;
}

/* 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 5px 2px black, 0 0 20px 8px white, 0 0 20px 8px white;
background: url(https://c2.staticflickr.com/2/1860/44519972872_0ec545af40_o.jpg) no-repeat;
height: 638px;
left: 59px;
margin: 0;
overflow: visible;
position: relative;
top: 300px;
width: 1038px;
z-index: 1;
}

/* Middle frame */
div.main-outer {
border-radius: 100px 100px 0 0;
box-shadow: 0 0 20px 5px #000;
background: url("https://c1.staticflickr.com/5/4035/4695704950_ac7ff1d895_o.png") repeat scroll 0 0 transparent;
border: 5px outset white;
margin: 0;
padding-bottom: 500px;
position: relative;
right: 150px;
top: -300px;
width: 1200px;
}

/* Title of the tag */
.Header .description {
border: medium none;
color: white;
font-family: Adlery Pro, Verdana;
font-size: 20px;
height: 50px;
line-height: 30px;
margin: 0;
overflow: auto;
position: absolute;
right: -4px;
text-align: center;
text-shadow: 1px 1px 1px black, 2px 2px 5px white, 2px 2px 5px white;
top: 662px;
width: 1038px;
}

/* Equivalent: div#page_start */
div.columns {
left: 350px;
padding-top: 1530px;
position: relative;
width: 1077px;
}

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

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

.main-inner .columns {
padding-left: 100px !important;
padding-right: 310px;
}

.main-inner .column-center-inner .section {
margin: 0 15px;
width: 674px;
}

div#sidebar-right-1.sidebar .widget {
left: -1013px;
position: relative;
width: 250px;
}

div#sidebar-right-1 embed, div#sidebar-right-1 object, div#sidebar-right-1 iframe, div#sidebar-right-1 video {
width: 200px;
}

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

div.widget-content img {
box-shadow: 0 0 4px 3px black, 0 0 20px 3px white, 0 0 10px 5px white;
}

div#sidebar-right-1 div.widget-content img.profile-img {
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 4px 3px black, 0 0 20px 3px white, 0 0 10px 5px white;
background: url("https://c2.staticflickr.com/2/1861/44568104991_d74bc7533f_q.jpg") repeat scroll 0 0 transparent;
border: 4px outset #fff;
height: 150px;
left: 17px;
margin: 0;
padding: 15px;
position: relative;
top: 8px;
width: 150px;
}

.Profile .profile-datablock {
margin: 240px 0 0.5em;
}

div#sidebar-right-1 img {
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 1px black;
background: url("https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_c.jpg") repeat scroll 0 0 transparent;
border: 4px outset #fff;
margin-bottom: 5px;
margin-left: 4px;
max-height: 180px;
padding: 10px;
width: 180px;
}

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 10px 1px black;
background: url("https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_c.jpg");
border: 4px outset #fff;
padding: 15px;
}

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

/* Bottom frame */
footer {
background: none;
bottom: 0;
height: 0;
margin: 0;
position: relative;
right: 123px;
width: 1000px;
}

/* 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 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none repeat scroll 0 0 transparent !important;
position: relative;
border: none;
}

/* Equivalent: itemboxsub */
h2, h2.date-header {
border-radius: 20px 20px 0px 0px;
box-shadow: 0 0 10px 1px black;
background: url("https://c2.staticflickr.com/2/1851/44568104731_044d9f9223_c.jpg") repeat scroll 0 0 transparent;
border: 4px ridge white;
color: white !important;
font-family: Adlery Pro, Verdana !important;
font-size: 33px !important;
font-weight: normal !important;
height: 108px;
line-height: 65px !important;
margin: 0 0 25px !important;
padding: 0;
text-align: center;
text-transform: capitalize;
text-shadow: 2px 2px 1px black, 2px 2px 10px white, 2px 2px 10px white;
}

.date-header span {
color: white;
font-family: Verdana;
font-size: 30px;
font-weight: normal;
line-height: 1.6;
margin: 20px -2px;
padding: 5px 10px;
text-align: center;
text-shadow: 2px 2px 5px black;
}

/* Equivalent: cattitle */
h3.post-title, h3.post-title a, h3.post-title a:link, h3.post-title a:visited {
color: white;
font-family: Verdana;
font-size: 30px;
font-weight: bold;
text-align: center;
text-shadow: 2px 2px 5px black;
}

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

/* Equivalent: itembox/itemboxalbum */
.main-inner .widget h2 + div, .footer-inner .widget h2 + div, div.post-outer {
box-shadow: 0 0 10px 1px black;
background: url("https://c2.staticflickr.com/2/1851/44568104731_044d9f9223_c.jpg") repeat scroll center 0 transparent;
border-radius: 0 0 20px 20px;
border: 4px ridge white;
color: #FFFFFF;
font-size: 20px;
margin-bottom: 30px;
padding: 10px 10px 50px;
text-align: center;
text-shadow: 2px 2px 5px black;
}

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

/* Equivalent: itemshadow */
.main-inner .widget, div#date-outer {
border-radius: 50px;
box-shadow: 0 0 4px 3px black, 0 0 20px 3px white, 0 0 10px 5px white;
background: url("https://c2.staticflickr.com/2/1861/44568104991_d74bc7533f_z.jpg") repeat scroll 0 0 transparent;
border: 5px outset #fff;
left: -90px;
margin: 20px -16px 40px 0;
padding: 22px;
position: relative;
width: 700px;
}

.post-footer {
border-radius: 30px;
box-shadow: 0 0 10px 4px black;
background: url("https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_c.jpg") repeat scroll 0 0 transparent;
border: 4px outset #fff;
color: black;
font-family: Verdana;
font-size: 17px;
line-height: 1.6;
margin: 0 20px;
min-height: 130px;
padding: 5px 10px;
position: relative;
text-align: center;
}

.post-footer a {
color: black;
}

.post-footer a:hover {
color: grey;
text-shadow: 2px 2px 5px black;
}

/* Credits */
div#footer-3.foot {
background: url("https://c2.staticflickr.com/8/7330/13942141119_6a8ee0c1df_o.png") no-repeat scroll center center transparent;
bottom: 555px;
color: white;
font-family: Adlery Pro, Verdana;
font-size: 20px;
left: -53px;
padding-bottom: 180px;
position: relative;
text-align: center;
text-shadow: 2px 2px 1px black, 2px 2px 10px white, 2px 2px 10px white;
width: 1201px;
}

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

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

div.feed-links, div.feed-links a, div.feed-links a:link, div.feed-links a:visited {
box-shadow: 1px 1px 5px black;
background: url(https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_b.jpg);
border: 1px solid black;
color: black;
font-size: 20px;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 2px 2px 5px black;
}

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

#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 {
box-shadow: 1px 1px 5px black;
background: url(https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_b.jpg);
border: 1px solid black;
color: black !important;
font-size: 20px;
font-weight: bold;
text-shadow: 2px 2px 5px black;
}

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

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

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

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

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

/* Divider */
.tabs-outer {
background: none;
left: 7px;
padding-bottom: 50px;
position: absolute;
top: 200px;
width: 1000px;
}

/* Buttons */
.tabs-inner .widget ul {
background: none repeat scroll 0 0 transparent;
border: medium none;
height: auto;
left: -71px;
margin: 0;
position: relative;
top: 900px;
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://c2.staticflickr.com/2/1846/42758607740_3f3e198d47_o.png") no-repeat scroll 0 0 transparent;
border: medium none;
color: black;
float: none;
font: bold 18px/27px Verdana;
height: 133px;
padding: 50px 24px 0 26px;
position: relative;
text-align: center;
text-shadow: 2px 2px 13px black;
width: 270px;
}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: black;
font-family: Adlery Pro, Verdana;
font-size: 32px;
font-weight: normal;
}

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

div#LinkList1.widget.LinkList li {
position: relative;
right: 5px;
}

/*Bullet*/
li {
list-style-image: url("https://c1.staticflickr.com/5/4132/5173967355_93b34168b6_o.gif");
}

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

.comments h4 {
color: white;
font: bold 30px Verdana;
margin: 1.75em 0 1.75em 0;
}

/* Owner's reply */
.comments .comment-thread.inline-thread {
border-radius: 50px 50px 50px 50px;
box-shadow: 0 0 10px 1px black;
background: url("https://c1.staticflickr.com/5/4035/4695704950_ac7ff1d895_o.png") repeat scroll 0 0 transparent;
border: 4px outset #fff;
}

.comments .comments-content .comment-replies a, div#bc_0_0T_box.comment-replybox-thread a {
color: #fff;
font-weight: normal;
}

.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 #fff;
}

li.comment {
border-radius: 30px;
box-shadow: 0 0 10px 4px black;
background: url("https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_c.jpg") repeat scroll 0 0 transparent;
border: 4px outset #fff;
color: black;
font-family: Verdana;
list-style-image: none;
margin-top: 20px;
padding-bottom: 20px !important;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

div.comment-header a, span.item-control a, .comments .comment .comment-actions a {
color: black !important;
}

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

.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 white;
}

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

textarea {
box-shadow: 0 0 10px 1px black inset;
background: url("https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_z.jpg") repeat scroll center center transparent;
border: 2px inset white;
color: black;
font-family: Verdana;
font-size: 17px;
height: 75px;
padding: 2px;
text-shadow: 2px 2px 5px black;
width: 420px;
}

/* Error message */
.status-msg-body {
border-radius: 20px 20px 0 0;
box-shadow: 0 0 10px 1px black;
background: url("https://c2.staticflickr.com/2/1851/44568104731_044d9f9223_c.jpg") repeat scroll center 0 transparent;
border: 4px ridge white;
color: white;
font-family: Verdana;
font-size: 20px;
font-weight: bold;
min-height: 57px;
padding: 20px;
position: relative;
right: 20px;
text-shadow: 2px 2px 5px black;
}

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

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

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

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

/* Credit box */
div#editor div {
border-radius: 30px;
box-shadow: 0 0 10px 1px black;
background: url("https://c2.staticflickr.com/2/1862/43662135065_eea1ff7382_c.jpg") repeat scroll 0 0 transparent;
border: 4px outset #fff;
color: black;
font-family: Verdana;
font-size: 17px;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 40px;
min-height: 131px;
padding: 10px;
position: relative;
text-shadow: 2px 2px 7px black;
}
/* End */

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!

Sunday, 4 August 2024

Theme: Crossword Puzzle

No comments:

Post a Comment