Metapost: December 2012 Blogger Update

Because Google is run by a horde of unusually evil lemurs, they have changed the background names in the Blogger Interface Code again which means that I've spent all morning banging my head against their extremely stupid code rather than writing the Twilight post I was planning to write. Fuck you, Google.

This is the fourth or fifth time this has happened and I've made an executive decision to stop updating the New/Old Blogger Interface post and instead post new clean posts whenever this happens. To serve this end, there is now a new tag for these posts: Blogger Fuckwittery. These updates will continue to go up because I know for a fact I'm not the only visually disabled blogger out there who can't use the craptastic new interface that Google keeps trying to shove down our throats by randomly re-naming html fields every two weeks.

So! Here is the latest CSS. I've trimmed out almost everything that I think is deprecated, and I've labeled the stuff where I can so that reading the code is hopefully a little easier now. Also: this code snippet will work in both Chrome StyleBot and Firefox Stylish. Check the New/Old post above for longer download instructions.

/* ---------------- */
/* ALL PAGES */
/* ---------------- */

li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
/* ALL -- Font Size */
font-size: 12px !important;
}

div.GLVTYVNE5 {
/* ALL -- Background Color */
background-color: #999999 !important;
}

/* ---------------- */
/* POSTS */
/* ---------------- */

div.GLVTYVNG5 {
/* POSTS -- Left bar options -- COLOR & BORDER */
background-color: #ffffff !important;
border-color: #000000 !important;
border-width: 1px !important;
border-style: solid !important;
width: 155px !important;
}

a.blogg-button.blogg-primary {
/* POSTS -- Left bar options -- ORANGE NEW POST BUTTON */
margin-left: 20px !important;
}

span.GLVTYVNHGB {
/* POSTS -- Left bar options -- ALL/DRAFT/PUBLISHED */
width: 200px !important;
font-size: 10px !important;
margin-bottom: -5px !important;
margin-top: -5px !important;
}

.blogg-posttable {
/* POSTS -- Table containing scheduled/drafted posts -- LOCATION & BORDER & COLOR */
margin-left: 0px !important;
border: 1px solid #000000 !important;
background-color: #ffffff !important;
}

.blogg-posttable .blogg-visible-on-select {
/* POSTS -- Table containing scheduled/drafted posts -- WIDTH */
color: #000000 !important;
margin-top: 0px !important;
padding-bottom: 2px !important;
}

div.blogg-visible-on-select {
/* POSTS -- Table containing scheduled/drafted posts -- EDIT/DELETE FONT SIZE */
font-size: 0 !important;
}

td.GLVTYVNAO {
/* POSTS -- Table containing scheduled/drafted posts -- WIDTH */
border-color: #000000 !important;
padding: 2px !important;
}

a.GLVTYVNLB {
/* POSTS -- Table containing scheduled/drafted posts -- LABEL FONT SIZE */
font-size: 10px !important;
color: #000000 !important;
}

div.GLVTYVNAC {
/* POSTS -- Table containing scheduled/drafted posts -- LABEL FIELD LENGTH */
width: 500px !important;
}

span.GLVTYVNBQB {
/* POSTS -- Table containing scheduled/drafted posts -- DRAFT/SCHEDULED FONT SIZE */
font-size: 8px !important;
}

/* ---------------- */
/* POST EDITOR */
/* ---------------- */

.editor .htmlBox, .editor .composeBox {
/* EDITOR -- Main text entry field */
max-width: 700px !important;
height: 530px !important;
}

div.htmlBoxWrapper {
/* EDITOR -- Area behind main text entry field */
background-color: #999999 !important;
}

div.optionHolder {
/* EDITOR -- Right bar Post Settings */
background-color: #f0f0f0 !important;
border-style: solid !important;
border-color: #000000 !important;
}

/* ---------------- */
/* UNKNOWN */
/* ---------------- */

#post-labels {
font-size: 10px !important;
width: 860px !important;
}

#richbars {
width: 888px !important;
}

#templateText {
height: 444px !important;
width: 999px !important;
}

#textarea {
height: 362px !important;
width: 962px !important;
}

div.GM1BAGKBAAB {
background-color: #ffffff !important;
border-bottom-width: 1px !important;
border-left-width: 1px !important;
border-right-width: 1px !important;
border-style: solid !important;
font-size: 11px !important;
line-height: 3px !important;
padding-bottom: 0 !important;
padding-left: 20px !important;
padding-right: 0 !important;
padding-top: 5px !important;
width: 110px !important;
}

span.GM1BAGKBKGB {
font-size: 12px !important;
line-height: 10px !important;
width: 100px !important;
}

textarea.htmlBox {
height: 400px !important;
width: 900px !important;
}

div.GM1BAGKBCK.blogg-title {
background-color: #ffffff !important;
border-style: solid !important;
border-color: #000000 !important;
border-top-width: 1px !important;
border-left-width: 1px !important;
border-right-width: 1px !important;
}

div.GFUQPS5BH5 {
border-color: #000000 !important;
border-width: 1px !important;
background-color: #ffffff !important;
width: 140px !important;
border-style: solid !important;
}

td.GFUQPS5BBO {
background-color: #ffffff !important;
border-style: solid !important;
border-color: #000000 !important;
padding-bottom: 1px !important;
padding-top: 1px !important;
}