The current version of the stylesheet as of 19 Mar 2022 is 41.
The way you activate a CSS stylesheet at present is to go to the Appearance menu in the options on the left of the page when you’re in Administrator mode, and select “Custom Design”. On the right hand side under CSS there’s an Edit button.
Unfortunately, the WP.com dashboard stylesheet editor quietly removes all commenting and formatting. That’s sort of a drag. Actually it’s a big drag. But one can see why they might do that.
So the approach we’re taking here is to keep a “master” CSS file around with comments for reference. After making changes to the master, the text is highlighted and copied into the CSS Editor gadget on the WordPress Dashboard.
It would be nice if you could nest CSS stylesheets, or if you could enter a command that points to a stylesheet in another URL, like you can with an image, but it’s likely WP.com won’t allow that, for security reasons.
I store the current stylesheet is stored in the site’s Media Library. However, since you can’t upload a plain text file (?!) it’s in there as an OpenOffice document. (Allow me to digress here and recommend OpenOffice for anyone who can’t or doesn’t want to pony up the big $$ for Microsoft’s Office programs (Word, Excel, etc.)) (2025 update: OpenOffice seems to not be very enthusiastically supported by Oracle anymore, so see LibreOffice for a very good substitute–at least for now.)
In any case, here’s the most recent version of the CSS stylesheet in ODT text format in case you’re interested. Especially if you use wordpress.com and particularly if you use the Sandbox template…
Using the “shortcode” to put code into a page (see the “support” area if you’re a wp.com subscriber), here’s what a CSS style sheet looks like when embedded into a page (warning; it’s sort of long, almost 600 lines with comments and all):
/* Stylesheet v41 */
/* */
/* Last edited 2022-03-19 */
/* Compared to v39: fixed up the messed up menu in the top area when I added more categories.*/
/* */
body {
font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
text-align: left;
margin: 0;
}
img {
border: solid 1px #999;
margin: 5px;
padding: 5px;
}
#wpstats {
position: absolute;
top: -99px;
}
#wrapper {
width: 1000px;
height: 100%;
background: #966 0 repeat-y;
clear: both;
overflow: hidden;
font-size: 11px;
border-left: solid 2px #000;
border-right: solid 2px #000;
margin: auto;
padding: 0;
}
#header {
/* border-bottom: solid 3px #ffc; */
background: url(‘https://crow-caw.com/wp-content/uploads/2009/01/oval-crow-caw-4-e1272416924902.png’) no-repeat;
background-position: 20px 9px;
background-color: #369;
text-align: center;
height: 135px;
width: 1000px;
display: block;
overflow: hidden;
margin: 0;
}
#blog-title {
font-size: 4em;
margin: 10px 12px 2px;
}
#blog-title a {
text-decoration: none;
}
#blog-description {
font-size: 1.5em;
margin-right: 10px;
}
#blog-title,#blog-title a,#blog-description {
font-family: arial, helvetica, sans-serif;
text-align: right;
color: #cff;
}
#access {
background: #ccf;
height: 60px;
}
#menu {
font-size: 1.2em;
width: 1000px;
height: 60px;
background: #CCF;
clear: none;
padding-top: 10px;
border: none;
margin: 0;
}
div.menu ul {
height: 20px;
margin: 2px 0 0;
padding-top: 10px;
list-style-type: none;
}
div.menu ul li.page_item {
color: #966;
float: left;
width: 100px;
background-color: #CCF;
padding: 0px 5px 10px 20px;
}
div div.menu > ul > li.page_item a {
color: #CFF;
display: inline;
border: 2px solid #369;
background-color: #099;
text-decoration: none;
padding: 0 5px 5px;
}
div.menu > ul li a:hover {
color: #369;
background-color: #FF9;
}
div.menu ul li ul {
display: none;
visibility: hidden;
}
div.menu ul li ul li a {
display: none;
visibility: hidden;
}
/* .page-item-852 {
display: none;
}
*/
/* The next clause creates some fancy highlighting of the
* current page in the right hand sidebar.
*/
li.current_page_item {
color: #966;
font-weight: bold;
border: none;
background: #FFFF99;
}
div#primary li.current_page_item ul li a {
border: solid 1px #369;
background: #FFC0CB;
}
/* div.menu ul li.current_page_item a {
color: #966;
font-weight: bold;
border: thin solid #0EE;
background: #FFFF99;
}
*/
.sticky .published {
display: none;
}
#content h2.entry-title {
color: #800080;
background: #ff9;
font-size: 1.5em;
line-height: 140%;
border: thin solid #369;
margin: 0 0 15px;
padding: 0 0 5px 10px;
}
#content h2.entry-title a {
text-decoration: none;
color: #800000;
}
#container {
background-color: #099;
width: 100%;
float: left;
clear: both;
overflow: hidden;
}
#content {
background-color: #966;
line-height: 150%;
width: 572px;
height: 750px;
overflow: auto;
color: #ff9;
border-right: 3px solid #ffc;
border-left: 3px solid #ffc;
margin: 0 0 0 202px;
padding: 10px;
}
#content h1 {
color: #FF9;
font-size: 1.8em;
}
#content h2 {
color: #FF9;
font-size: 1.6em;
margin: 0 0 15px;
padding: 0;
}
#content h3 {
font-size: 1.2em;
margin: 0 0 15px;
padding: 0;
}
#content h4 {
font-size: .9em;
margin: 0 0 15px;
padding: 0;
}
#content a:link {
color: #FF9;
text-decoration: underline;
}
#content a:hover {
font-weight: bold;
color: #FF9;
text-decoration: underline;
}
#content a:visited {
color: #CFF;
text-decoration: underline;
}
#content pre,#content code {
font: normal 1.2em ‘Lucida Console’, ‘Courier New’, Courier, Fixed, monospace;
color: #CCC;
}
#content pre {
border: solid 1px #000;
font-size: 12px;
overflow: auto;
width: 520px;
height: 200px;
margin: 5px 15px;
padding: 5px;
}
#nav-above {
display: none;
}
#nav-below {
clear: both;
overflow: hidden;
margin: 20px auto;
}
#primary,#secondary {
width: 180px;
background: #099;
color: #ff9;
padding: 5px 10px;
height: 750px;
/* added in v28 and reorganized #primary and #secondary */
}
#primary {
overflow-x: hidden;
overflow-y: scroll;
float: left;
margin: 0 0 0 -1000px;
}
#secondary {
overflow: hidden;
float: right;
margin: 0 0 0 -200px;
}
#primary h3,#secondary h3 {
color: #ff9;
text-align: center;
font-size: 1.2em;
margin: 10px auto 5px;
padding: 0;
}
#primary a,#secondary a {
text-decoration: none;
}
#primary ul,#secondary ul {
margin: 0;
padding: 0;
}
#primary ul li,#secondary ul li {
list-style-type: none;
}
#secondary ul li a {
border-width: thin;
}
#secondary ul li ul li a {
border: none;
}
#pages,#categories,#archives,#search,#meta,.linkcat,.widget {
border-bottom: dotted 1px #ccc;
padding: 0 0 10px;
}
.textwidget {
color: #FF9;
}
/* “display:none” turns off a bunch of elements we don’t care
about, such as blog comments (which this site does not use)
etc.
*/
.meta h3 {
display: none;
}
#rss-links {
display: none;
}
#search {
display: none;
}
.skip-link {
display: none;
}
.cat-links,div.entry-meta > span.meta-sep {
display: none;
}
.comments-link {
display: none;
}
#wp_tag_cloud a:hover,#tag_cloud a:hover {
text-decoration: underline;
}
#wp-calendar {
margin: auto;
}
#archives select {
width: 170px;
height: auto;
overflow: hidden;
}
#archives select,#archives option {
border: solid 1px #999;
background: #777;
color: #DDD;
font-size: 90%;
}
#footer {
clear: both;
height: 35px;
text-align: center;
background: #717171;
border-top: solid 2px #999;
border-bottom: solid 1px #333;
color: #FFF;
margin: 0;
padding: 10px 0 0;
}
#footer a {
color: #e9dfc6;
}
.post {
clear: both;
overflow: hidden;
border-bottom: dotted 1px #CCC;
margin: 0 0 20px;
padding: 0 0 20px;
}
.entry-meta {
font-size: 85%;
padding: 5px;
}
.entry-date {
margin: -10px 0 15px;
padding: 0;
}
.entry-date .published {
border: none;
font-size: 95%;
}
.edit-link a {
color: #FFC0CB !important;
}
.wp-smiley {
border: none;
margin: 0 4px;
}
.nav-previous {
float: left;
}
.nav-next {
float: right;
}
.nav-previous,.nav-next {
margin: 5px 2px 10px;
}
.form-textarea textarea,.form-submit input {
border: solid 1px #999;
background: #777;
color: #ddd;
}
.unapproved {
background: #FFFBCC;
border: solid 1px #E6DB55;
display: block;
margin: 5px;
padding: 5px;
}
.comment .avatar {
float: left;
margin: 0 5px 5px;
}
.comment .fn {
float: left;
display: block;
margin: 5px 10px 0;
padding: 0;
}
html > body .comment .fn {
margin: 20px 10px 0;
}
.bypostauthor {
background: #f2f0ec;
}
.xoxo {
border: none;
overflow: hidden;
}
.xoxo ul {
list-style: square outside !important;
}
.xoxo .children,.xoxo .blogroll {
border: none;
}
.children {
padding: 0 2px 5px 5px !important;
}
/* The following is only for the Google AdWords campaign
* page tables
*/
table {
table-layout: fixed;
margin: 0 0 20px;
}
td {
border: solid 1px #999;
margin: 5px;
padding: 5px;
}
table.submenu {
text-align: left;
}
/*
The following are some experimental entries to try
to create a horizontal menu without using
Again it doesn’t work the same on different browsers and
the only solution might be to go back to tables for all
Page menus again.
*/
ul.submenu {
border: solid 1px #999;
float: left;
width: 100%;
list-style-type: none;
background-color: purple;
margin: 0;
padding: 0;
}
ul.submenu a {
float: left;
width: 6em;
text-decoration: none;
color: white;
background-color: purple;
border-right: 1px solid white;
padding: .2em .6em;
}
/*
Here are some entries for the cool in-page player widgets
It gives more control to use them within tables
(The player seems to have an inherent width of about 265 – 275
px)
*/
table.player {
border-collapse: collapse;
border: thin solid #CCFFFF;
width: 300px;
}
/*
table.player * td {
background-color: #336699;
border: none;
}
*/
#audioplayer1 {
width: 300px;
}
.noborder * td,.noborder * img {
border: none;
}
blockquote {
font-family: Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
font-style: italic;
text-align: left;
padding: 5px 10px;
}
blockquote p {
margin: 0;
}
div#sidebar_list {
color: #90EE90;
list-style-type: decimal !important;
}
/*
Not sure I ever got this to work the way I wanted.
*/
.square-box-bullets {
list-style-type: square;
}
Page#91/ last modified 20140813
crow caw music works 
