CSS Skins for Sandbox

  • Author
    Posts
  • #174296

    devblog
    Member

    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.

    #174762

    trent
    Member

    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

    #174767

    devblog
    Member

    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.

    #174768

    trent
    Member

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

    Trent

    #174769

    devblog
    Member

    oh okay, got it… I’m kinda slow today.

    #174989

    devblog
    Member

    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!

    #174990

    @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.

    #174991

    devblog
    Member

    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!

The topic ‘CSS Skins for Sandbox’ is closed to new replies.