also I had braces put in... again

[blueymcphluey]

1. I made a mathbook-style layout for one of the challenges that have been running recently at theskilltester if anybody wants to use it :)



live preview

style: Flexible Squares
compatability: everything as far as I know

/* Cleaned CSS: */

/*---------------------------------------------------
This is the original stylesheet for the S2 style Flexible Squares with the elements
arranged in a hopefully clearer order.

You can find a full guide on the single css definitions, including exlanations and illustrations
at http://cartonage.livejournal.com.

Hope this helps! =)
-----------------------------------------------------*/

body {
background-color: #99aece;
background-image:url(http://i69.photobucket.com/albums/i46/BlueyMcPhluey/new%20main/gridiron.jpg);
text-align: center;
color: #ffffff;
font-family: "Verdana",
sans-serif;
font-size: 11px;
margin: 35px 0 20px 0;
}

a, a:link, a:visited {
color: #c93131;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #63afc3;
}

p, td, blockquote {
font-size: 11px;
}

code, kbd, pre, tt {
font-family: monospace;
}

/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/

#content
{
width: 619px;
margin-left: 320px; margin-right: auto;
background-color: transparent;
border-width: 0px;
border-style: solid;
border-color: #badee7;
padding: 0px;
}

#maincontent {
margin-top: 19px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #f4ecd9;
color: #395771;
border-style: solid;
border-color: #b8dee7;
border-width: 1px;
margin-right: -2px;
text-align: left;
}

#sidebar {
display:none;
}

/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/

#header {
width: 100%;
padding: 15px 0px 16px 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 7px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
border-style: solid;
border-color: #bddee5;
border-width: 1px;
background-color: #f4ecd9;
color: #c1e0e5;
}

.headerimage {
position: relative;
width: 619px;
height: 139px;
margin-left: 320px;
margin-right: auto;
margin-bottom: 19px;
border-width: 1px;
border-style: solid;
border-color: #badee7;
background-image: url("http://i69.photobucket.com/albums/i46/BlueyMcPhluey/new%20main/gridiron-1.jpg");
background-repeat: no-repeat;
}

/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #5674b9;
}

div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}

/*title and subtitle*/
.title {
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 15px;
top: 10px;
position: absolute;
top: -1000px;
left: -1000px;
}

.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}

/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}

/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/

.subcontent {
}

.entry {
margin: 10px 10px 10px 30px;
padding: 3px 0px 0px 20px;
background-color: #d4dce8;
background-image:url(http://i69.photobucket.com/albums/i46/BlueyMcPhluey/new%20main/gridiron-2.jpg);
color: #2f6697;
font-family: "verdana", sans-serif;
font-size: 11px;
line-height: 20px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: clear;
}

.userpic {
position: relative;
float: left;
background-color: #f4ecd9;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #ff0000;
border-style: solid;
}

.date {
line-height: 200%;
margin: 15px 0px 0px 15px
top: 5px;
color: #3b5064;
font-family: "Verdana", sans-serif;
font-size: 6px;
}

.subject {
font-weight: bold;
padding: 10px;
color: #f5bb94;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.subject a, .subject a:link, .subject a:visited {
color: #f5bb94;
}

.subj-link {
color: #f5bb94;
font-size: 20px;
}

.subject a:hover {
color: #b0b9c8;
}

.datesubject {
background-color: #f4ecd9;
padding: 20px 0 0 30px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/

.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/

.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #bcdee7;
text-align: right;
background-color: #f4ecd9;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #495d6f;
}

div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}

/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/

.userpicfriends {
position: relative;
float: left;
padding: 9px 9px 17px 9px;
background-color: #f4ecd9 !important;
margin: 19px 20px 0px -141px;
width: 101px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #badee7;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}

/*------------------------------------------------------------
Sidebar
-------------------------------------------------------------------------------*/

.defaultuserpic {
text-align: center;
}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #5674b9;
}

div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}

/*------------------------------------------------------------
Sidebar - Calendar
-------------------------------------------------------------------------------*/

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #000000;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
border-color: #000000;
border-width: 1px;
border-style: solid;
background-color: #d4dce8;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}

/*------------------------------------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------------------------------------------------------*/

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-left: 15px;
list-style: none;
}

li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 1px;
border-color: #999999;
background-color: #0cff00;
margin-bottom: 10px;
margin-top: 10px;
}

/*----------------------------------------------------
footer
----------------------------------------------------------------*/

#footer {
width: 100%;
height: 19px;
padding: 5px 0px 0px 0px
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
background-color: #f4ecd9;
color: #badee7;
border-color: #badee7;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}

ul.navfooter{
padding: 3px 0px 0px 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #999999;
}

table.yeartable td.yearday {
background-color: #d4dce8;
text-align: center;
}

td.yearmonth {
border-style: none;
}

/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/

.datesubjectcomment {
background-color: #9ed2e0;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #d4dce8;
background-color: #f4ecd9;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #b8dee7;
border-style: solid;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #badee7;
padding: 10px;
clear: left;
}

input, textarea {
background-color: #fbf7ed;
color: #00f6ff;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #d4dce8;
color: #fff000;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #f600ff;
}

.commentbox {

border-color: #b8dee7;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #f4ecd9;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}

.datesubjectcomment a:hover {
color: #b0b9c8;
}

.commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
}

.commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
}

.skiplinks {
text-align: center;
}

/*--------------------------------------------
Misc
-----------------------------------------*/

.clear {
height: 15px;
}

2. I've shown you my favourite 25 icons by me (which is already out of date :P) and now here are my current 25 from everybody else




just comment if you want to know who made any of them :)

3. I've been rewatching The Inside and thank god it's just as good as I remember it being. I first watched it four years ago when I was young and naive and fell in love with how incredibly dark and sinister it was. It was definitely one of the shows that has changed me from who I was to who I am.

For those of you who are persuaded to watch shows based off of the prettiness, it is INSANELY pretty. The lead actress is Rachel Nichols and she's pretty much flawless. The lighting is really fantastic and much like the overall style of the show, very dark. It reminds me of something Joss Whedon said in the audio commentary about whoever lit Serenity and how they don't just light the scenes with light, they also light with shadows.

Also it's written like a dream. Everything is so psychological and the writers are always thinking a step ahead. And while it's very dark (I know I sound like a broken record, but I can't emphasise it enough. Blood and gore everywhere, but it's not traumatic at all if you're not into that kind of thing) it still has ingenious little flashes of humor that somehow don't break the mood at all. Jane Espenson and Tim Minear are behind the writing of it and you can tell. Neither of them has ever failed to deliver.

4.

a)
I think maybe it's a bit too brown overall, something about it just looks very bland to me. Oh and this was a colourization, by the way :)

b)
haha, I would've never thought in a million years I'd make a Settlers III icon, but it seems lately I've been in a gaming mood :P I really like the magentas of the buildings and the cyans in the water.

c)
I was inspired by toastandtea, my most recent icon muse (if you couldn't already tell ;)) but I think this came off looking ugly :(

d)
I LOVE the softness and Melissa George's lips are amazing, but something about the colouring isn't flooring me.

e)
boring beyond belief

f)
I think this may work without the light textures because the section on the right that has none has some really fun depth to it.

g)
this reminds me a bit of blindbeats, but on a day that blindbeats went insane and made horrible icons with blown-out red shadows.

h)
the softness and colouring really work for me, but it needs something going on with textures or other colours or something.

i)
let this be a lesson to me: never sharpen your icons ever, even if you think they're blurry. It's a lesson I've told other people so many times you'd think I would have learnt it by now :P

j)
I actually like this a bit. Having the drawn in effects kind of works for me. I mean, it could definitely be better but I think it could be a whole lot worse.

k)
Bland. Average.

l)
I love this. A lot. The darkness, the colours, her bone structure, that dance's choreography. It represents so many things I find beautiful about the world packed inside of a 100x100 square :D

m)
Horrible. Absolutely horrible. I went nuts and blew out the yellows in the blue channel with curves, which I hate so I don't know why I did it. Also I blew out the reds. And the blues. And the greens. :/

n)
I like this but I feel it needs some highlights. I'm okay with the whitest part of the cap being dark, but I feel like something else needs to be added to make up for it.

o)
I made this recently and haven't quite got an opinion on it yet. I think I like it. The repeated images irks me slightly, but I also like it because it's kind of like an alter ego thing. And the colours are nice. I've been trying to work off of a compliment motorized gave me, that my colours are always 'rich' because I realised that's what I'm always subconsciously aiming for and I think I achieved richness... maybe? :P

p)
o alternate, duh.

q)
I liked this a lot when I was making it, the colours seemed to interact really well with each other, but then I resized it down to 100x100 and it just looks like a mess now. But... maybe it's a good mess? This is another one where I haven't settled on an opinion yet so feel free to weigh in :P

r)
Horrible, average, etc.

s)
I'm crazy about the richness to the greens and cyans but the shadowing in the bottom left hand corner is just awkward

t)
I really like this, but ultimately I just feel like it's a worse version of this

u)
I like this, but I think there's a bit too much orange. I suspect it would look nice with a colder colourscheme

v)
Average

5. I just found some very fantastic textures here. They're very similar style-wise to elli's infamous paint/grungey textures (if you use the paint/grunge/wood tags), but they're a lot bigger and a few of them are seamless so you can use them for large and unusually sized wallpapers without any problems :D