Nebula

This is a 3 column skin for Sandbox-10. Post area at the top, sidebars at the bottom.

It doesn’t matter if you have widgets or using the default sidebar, all elements should look consistent.

The posts column has a width of 750 pixels so, it is recommended to use images no bigger than 700px wide. The side bar has a width of 365px, so images bigger than 300px are not recommended.

Nebula  Nebula  Nebula 'Sidebars'



CC-GNU GPL

This software is licensed under the CC-GNU GPL.


Creative Commons License

This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.

Where possible, please include a link to this page for attribution.

The CSS Code:

/*
* Nebula for Sandbox-10 (v.1.0.0)
*
* CREDITS:
*
* Images: 	NASA
*
*
* Design, CSS code, Background image:
*	Juan Wong
*
* Skin URI: http://sandboxskins.wordpress.com/2008/12/22/nebula/
*
* Release date: 20081222
*
*/

@charset "UTF-8";
/* CSS Document */

body {
	background:#000 url('http://sandboxskins.files.wordpress.com/2008/12/gxy-bdybg.jpg') top center no-repeat fixed;
	font:normal 1em Arial, Helvetica, sans-serif;
	color:#963;
	position:relative;
	margin:0;
}

blockquote {
	font:normal 95% Geneva, Verdana, Helvetica, sans-serif;
	color:#824d2e;
	padding:5px 10px 5px 30px;
}

blockquote p {
	margin:0;
}

img {
	border:solid 1px #999;
	margin:7px;
}

img#wpstats {
	position:absolute;
	top:-99px;
}

#wrapper {
	width:750px;
	height:auto;
	background:transparent;
	clear:both;
	overflow:hidden;
	font:normal .75em Arial, Helvetica, sans-serif;
	position:relative;
	border-right:solid 5px #131415;
	border-left:solid 5px #131415;
	margin:0 auto;
	padding:0;
}

#header {
	background:#1b1b1b;
	width:750px;
	height:100px;
	display:block;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
}

#blog-title {
	font-size:250%;
	margin:25px 20px 5px;
	padding:0;
}

#blog-title a {
	color:#ccc;
	text-decoration:none;
}

#blog-description {
	background:transparent;
	color:#c27d33;
	font-weight:bold;
	font-size:120%;
	margin:-5px 20px 0;
}

#menu {
	width:750px;
	height:25px;
	background:#2f2f2f;
	overflow:hidden;
	clear:both;
	border-top:solid 1px #3f3f3f;
	border-bottom:solid 1px #1f1f1f;
	margin:0;
	padding:0;
}

#menu ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}

#menu ul li {
	height:25px;
	width:auto;
	float:left;
	margin:0;
	padding:5px 0 0;
}

#menu ul li a {
	color:#e9dfc6;
	font-weight:bold;
	text-decoration:none;
	height:25px;
	margin:0;
	padding:5px 10px;
}

#menu ul li a:hover {
	background:#3f3f3f;
}

#nav-above {
	display:none;
}

#container {
	width:750px;
	background:transparent;
	clear:both;
	overflow:hidden;
	color:#888;
	margin:0;
	padding:0 0 25px;
}

#content {
	background:transparent;
	width:730px;
	overflow:hidden;
	margin:0;
	padding:10px;
}

#content h2,#content h3 {
	font-size:1.5em;
	margin:0;
	padding:0;
}

#content p {
	text-align:justify;
}

#content pre,#content code {
	font:normal 1em 'Courier New', Courier, Fixed, monospace;
	color:#586e4a;
}

#content pre {
	border:solid 1px #1f1f1f;
	background:#1b1b1b;
	overflow:auto;
	width:650px;
	height:auto;
	margin:5px 15px;
	padding:5px;
}

#content a {
	color:#37728b;
	text-decoration:none;
}

#nav-below {
	clear:both;
	overflow:hidden;
	margin:20px auto;
}

#comments {
	clear:both;
}

#comments-list,#trackbacks-list {
	width:650px;
	clear:both;
	margin:10px 0 10px 20px;
}

#comments-list ol,#trackbacks-list ol {
	margin:0 0 0 10px;
	padding:0;
}

#comments-list li,#trackbacks-list li {
	list-style:none;
}

#trackbacks-list li {
	border-bottom:dotted 1px #982417;
}

#primary,#secondary {
	width:49%;
	height:auto;
	overflow:hidden;
}

#primary {
	float:left;
}

#secondary {
	float:right;
}

#pages,#categories,#archives,#search,#rss-links,#meta,.linkcat,.widget {
	border-bottom:dotted 1px #393939;
	padding:0 0 10px;
}

#wp_tag_cloud a:hover,#tag_cloud a:hover {
	text-decoration:underline;
}

#s,#searchsubmit,#error404-s,#error404-searchsubmit,#cat,#noresults-s,#noresults-searchsubmit {
	border:solid 1px #333;
	background:#1b1b1b;
	color:#ddd;
	font-size:90%;
}

#s {
	width:130px;
	height:auto;
	padding:2px 5px 1px;
}

#searchsubmit {
	width:30px;
}

#wp-calendar {
	font-size:1em;
	width:200px;
	text-align:center;
	margin:auto 0;
}

#archives select {
	width:170px;
	height:auto;
	overflow:hidden;
}

#archives select,#archives option {
	border:solid 1px #333;
	background:#1b1b1b;
	color:#ccc;
	font-size:90%;
}

#header,#footer {
	clear:both;
}

#footer {
	height:30px;
	text-align:center;
	background:#1B1B1B;
	color:#685D3E;
	margin:0;
	padding:10px 0 0;
	border-top:solid 1px #3f3f3f;
	border-bottom:solid 1px #1f1f1f;
	clear: both;
}

#footer a {
	color:#685d3d;
	text-decoration:none;
}

.skip-link {
	display:none;
}

.current_page_item {
	background:#3f3f3f;
}

.post {
	clear:both;
	overflow:hidden;
	margin:0 0 20px;
	padding:10px 10px 20px;
}

.page-title {
	color:#FFA347;
}

.entry-title {
	background:transparent;
	width:auto;
	height:35px;
	color:#FFA347;
}

.entry-title a {
	color:#b16a00!important;
}

.noresults .entry-title,.error404 .entry-title {
	color:#c00;
}

.entry-meta {
	background:transparent;
	font-size:85%;
	width:720px;
	height:auto;
	margin:20px auto;
	padding:5px;
}

.home .p1 .entry-meta {
	background:transparent;
}

.entry-date {
	width:200px;
	height:30px;
	overflow:hidden;
	font:normal 100% arial;
	text-align:left;
	white-space:normal;
	margin:-10px 0 0;
	padding:0;
}

.entry-date .published {
	border:none;
	color:#588c95;
	font-size:95%;
}

.edit-link a {
	color:#f00!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-label {
	font-weight:bold;
	color:#76693C;
	margin:10px 0 0;
}

.form-textarea textarea,.form-submit input,.form-input input {
	border:solid 1px #222;
	background:#1b1b1b;
	color:#999;
	font:normal 1em Arial, Verdana, Helvetica;
	letter-spacing:1px;
}

.form-textarea textarea {
	width:500px;
}

.unapproved {
	background:#FFFBCC;
	border:solid 1px #E6DB55;
	display:block;
	color:#000;
	margin:5px;
	padding:5px;
}

.comment {
	clear:both;
	border-bottom:solid 1px #222;
	margin:0 0 20px;
	padding:5px 10px;
}

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

.comment .comment-meta {
	background:none;
	clear:both;
	font-size:85%;
	color:#73B373;
	padding:5px;
}

.bypostauthor {
	background:#1c1c1c;
	border-top:solid 1px #222;
}

.bypostauthor .comment-meta {
	background:none;
}

.sidebar {
	background:#1b1b1b;
	color:#685D3E;
	border:solid 1px #333;
	margin:0;
}

.sidebar h3 {
	color:#957358;
	background:transparent;
	text-align:left;
	font-size:1.2em;
	height:20px;
	width:auto;
	margin:10px auto 5px;
	padding:5px 0 0;
}

.sidebar a {
	color:#588c95;
	text-decoration:none;
}

.xoxo {
	border:none;
	overflow:hidden;
	margin:0;
	padding:0 10px;
}

.xoxo li {
	list-style:none;
}

.xoxo .children,.xoxo .blogroll {
	border:none;
}

.xoxo li ul,.recentcommentsavatar {
	padding:7px 5px 0;
}

.recentcommentsavatar {
	font-size:90%;
}

.recentcommentsavatar td {
	padding:2px;
}

.children {
	padding:0 2px 5px 5px !important;
}

If you find bugs or have some feedback, just comment here.

Enjoy!

14 Comments

  1. Posted December 22, 2008 at 11:28 am | Permalink

    Oooo…I feel like I’m in outer space. I like it.

  2. Posted December 22, 2008 at 11:45 am | Permalink

    Thanks, Sensico!

  3. Posted December 30, 2008 at 2:45 pm | Permalink

    Nice to see you’re back with your great Sandbox new skins !!

  4. Posted December 30, 2008 at 3:08 pm | Permalink

    Thank you, Lilia!

  5. thepuglover
    Posted December 31, 2008 at 5:07 pm | Permalink

    what is Sandbox-10 ?

  6. Posted December 31, 2008 at 5:18 pm | Permalink

    WordPress.com blogs have two versions of Sandbox: Sandbox and Sandbox-10. Sandbox-10 is the newest version of the theme.

  7. thepuglover
    Posted January 1, 2009 at 9:34 pm | Permalink

    what IS a sandbox? I need to enhance my blog.. will this aid in it? whatever it is.. lol!
    also, how do you think wordpress compares to other blogging websites?
    oh and how did you get the bubbles like this for your comments?
    Thanks.

  8. Posted January 1, 2009 at 9:54 pm | Permalink

    Sandbox is a theme wordpress uses. If you go to Appearance > Themes, the Sandbox themes should be in the 4th page (if I remember well). In other words, Sandbox is just another theme, just as Freshy, Contempt, etc. BUT is for you to style as you please using CSS.

    I don’t know what you have in mind to ‘enhance’ your blog. If you want to create your own layout, sure, Sandbox can help; however, if you want to add functionality, and other features that are not offered in wordpress.com, then it won’t because wp.com users don’t have access to the .php files.

    I got to the display the comments in bubbles by using CSS.

  9. thepuglover
    Posted January 1, 2009 at 10:07 pm | Permalink

    Ahh thankyou very much!
    Would you say that the CSS upgrade is well worth it?
    Perhaps, if I got the upgrade I could use some of your skins! :D

  10. Posted January 1, 2009 at 10:31 pm | Permalink

    Sure thing.

    I think is worth it. However, if your knowledge of CSS is somehow limited, and you want to style your blog yourself, it’s recommended not to purchase the upgrade.

    Now, if you want the upgrade to use my skins (thanks, btw), or any other skins available for Sandbox, I think is worth it. You might also want to check Theme A Blog out. Nick has some nice skins for Sandbox that you might like too.

  11. thepuglover
    Posted January 1, 2009 at 11:49 pm | Permalink

    Do you know much about gizmos and gadgets?
    Say I wanted a calendar on my blog or like a podcast stuff like that…
    fancy stuff that makes you look clever lol.

    I am trying to make a skeptics type website… however, there is a fair whack of competition..

    So, I shall have to do everything I can to make mine unique and superior!!

    Like I want to even make my own little games to put on to the site.. is that possible? lol. I don’t dream big at all.

  12. Posted January 2, 2009 at 8:57 am | Permalink

    A calendar? like where you’d post activities and stuff? no, you can’t do it here. Nor you can put games and stuff that have JavaScript or Flash. If you go to the forums, there are people with more knowledge than me who can tell you what stuff you can use, or not, in a wp.com blog.

    Having said that, you can do pretty much anything you want IF you self-host your blog. What does that mean? well, that you download the software from WordPress.org, hire a hosting provider where to host your blog, upload the files there and that’d be pretty much you’d need to do.

    I’d suggest you that if you have more questions about wordpress, go to the forums and ask your questions there because, A) like I said before, there are a lot of volunteers with more knowledge that can give you better answers (reading the FAQs may be of help, too) and B) I’d like to keep the comments for things related to this skin only :)

    Best!

  13. Posted January 6, 2009 at 10:09 am | Permalink

    Nice theme! I like the colors, and the stars in the background!

  14. Posted January 6, 2009 at 2:33 pm | Permalink

    Thanks, Nick!

Post a Comment

Your email is never shared. Required fields are marked *

*
*