Hi there folks. I love Brief, as it makes keeping an eye on blogs, flickr accounts, and photographers an amazing breeze. As you can guess, I subscribe to image-based feeds only. I don't care much for the articles or captions that go with them, as I can always ctrl-click away and spawn as many windows as I need to read further.
So while the default CSS is fine and dandy, I wanted something that would present the images to me more like a gallery, and thus spawned Darkroom. I don't know jack about CSS, so this is what I managed to butcher up after a few minutes of tinkering with the CSS and the F5 key in the browser.
Screenshot: http://img36.imageshack.us/img36/2578/searchtest.jpg
As you can see from this Pixar feed, it's just a large jumble of all the article pictures. Great! Perfect for me! However, it's heavily flawed. I could definitely use expertiese from someone more experienced in CSS to help iron out some bugs.
A few glaring issues I can see off the bat so far are:
1) Things are just a jumble right now. I couldn't quite figure out how to get everything to conform to a more grid-like setup.
2) Ctrl-clicking on an image results in scrollbars around it. Hm. How to shut those off or pad things out oh-so slightly....
3) Headline mode is completely broken. Fine by me, I didn't use it. ;)
Anyway, here's my CSS for those that care to use it.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
/* DarkRoom Theme v1.0 by Rabbit */
body {
margin: 0;
padding: 0;
background: #333
}
/* ---------------------- Header ---------------------- */
#header {
display:none;
}
#feed-content {
margin: 0px 0 0;
padding: 0 0px 0px;
}
/* --------------------------- Article ------------------------ */
.article-container {
background: #333;
border: 0px #333;
position: relative;
width: auto;
height: auto;
float: left;
}
/* ---------------------- Article header ---------------------- */
.article-header {
display:none;
}
/* ---------------------- Article content area ---------------------- */
.article-content {
font-size: 0px;
padding: 0 0px 0px;
//overflow: auto;
align:left;
border-color: #333;
}
.article-content a {
color: #111;
}
.article-content a:visited {
color: #111;
}
/* ---------------------- Adjustments for read articles ---------------------- */
.article-container[read] {
background: #333
border-color: #333;
}
/* ---------------------- Adjustments for the selected articles -------------------- */
.article-container[selected] {
border-color: #333;
}
.article-container[selected] + .article-container {
border-color: #333;
}
.article-container[selected]:last-child {
border-bottom: 0px solid #333;
}
Re: Darkroom Gallery Theme
That's a very interesting idea, nice work!
ancestor,
creator of Brief