Need help? Check out our Support site, then


CSS Skins for Sandbox

  1. I'm posting this here because it's CSS related and it might be of interest to those who have the CSS upgrade.

    I've created a blog called Sandbox Skins entirely dedicated to sharing the CSS skins for Sandbox that I create or port. So, if you'd like to use any of them, feel free to grab the code.

    At this moment I've posted only the code for my Dark Lake skin, but I'll be posting those I've already ported before long.

    Thanks.

  2. That's a beauty! Could you also tag the entries as "customcss" as well to add to what Wank and Sunburntkamel are doing? That would be great!

    Trent

  3. Thanks!

    I think somebody else tagged it already, so that's taken care of.

    BTW, something I forgot to say before, if at any given time someone can't access the blog, is because it's set to private because I'm working on a new skin.

  4. I know this thread is marked "customcss", but also tag the posts as well for the global tagging system as well! Thanks!

    Trent

  5. oh okay, got it... I'm kinda slow today.

  6. I just found out that my Dark Lake skin is also compatible with Sandbox on self-hosted blogs.

    The Sandbox versions I've tested my skin on are: 0.9.5. and 1.2.

    Check it out on one of my self-hosted blogs.

    Kind of a 'universal' skin... I think that's pretty cool!

  7. @devblog
    I'm going to have to download that skin and Sandbox and play with it. I like the colors and the layout very much. It may be just the ticket when I get tired of the one I'm using on my self-hosted blog. Thanks for the heads up.

  8. By all means, feel free to do it. The skin URL is http://sandboxskins.wordpress.com/2007/12/18/dark-lake-for-sandbox-10/

    If you like the search box I have on my other blog, just add the following code to the CSS:

    #primary #search div {
    	height:23px;
    	overflow:hidden;
    	clear:both;
    	background:transparent url('http://sandboxskins.files.wordpress.com/2007/12/dl-searchbg.gif') top left no-repeat;
    	margin:0;
    	padding:0 0 0 15px;
    }
    
    #primary #search #s {
    	color:#CCCCCC;
    	width:130px;
    	border:none;
    	height:20px;
    	float:left;
    	font-size:.9em;
    	background:transparent;
    	overflow:hidden;
    	margin:0;
    	padding:3px 10px 0 0;
    }
    
    #primary #search #s * {
    	padding:5px;
    }
    
    #primary #search #searchsubmit {
    	width:27px;
    	height:23px;
    	border:none;
    	background:transparent url('http://sandboxskins.files.wordpress.com/2007/12/dl-sbuttonbg.gif') top left no-repeat;
    	color:#a8a8a8;
    	font-size:24em;
    	margin:0 0 0 -5px;
    	padding:0;
    }
    
    .sbutton:hover {
    	cursor:pointer;
    }

    If you add this code, however, the skin won't be compatible with Opera 7.20.

    Enjoy!

Topic Closed

This topic has been closed to new replies.

About this Topic