Skip to content

Instantly share code, notes, and snippets.

@leefish
Last active August 29, 2015 14:25
Show Gist options
  • Save leefish/a799b57eeeda0004bbb5 to your computer and use it in GitHub Desktop.
Save leefish/a799b57eeeda0004bbb5 to your computer and use it in GitHub Desktop.
new stylesheet (final)
.faux-table {
border-radius: 6px;
border: 1px solid hsl(0, 0%, 80%);
padding: 1px;
}
.postbit_buttons.tfoot {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
min-height: 20px;
}
.feedback dl {
border-bottom: 1px solid #E8E8E8;
padding: 0.5em;
margin-top: 0;
margin-bottom: 0;
}
.feedback dt {
float: left;
clear: left;
font-weight: bold;
}
.feedback dt:after {
content: ":";
}
.feedback dd {
margin: 5px 0 0 110px;
padding: 0 0 0.5em 0;
text-align: right;
}
.negative,
.negative a,
.negative a:visited {
color: red;
}
.positive,
.positive a,
.positive a:visited {
color: green;
}
.neutral,
.neutral a,
.neutral a:visited {
color: grey;
}
.badge {
padding: 4px 8px;
border-radius: 16px;
background-color: black;
font-size: 11px;
}
.badge a,
.badge a:visited {
color: white;
font-weight: 700;
}
.badge-neg {
background-color: red;
}
.badge-neut {
background-color: gray;
}
.badge-pos {
background-color: green;
}
a .badge .subtext {
display: none;
color: white;
margin-right: 5px;
}
.feedback dl:hover > dd a .badge .subtext,
.badge:hover > .subtext {
display: inline-block;
}
dl:hover > .subtext {
display: inline-block;
}
a.badge,
a:link .badge,
a:visited .badge {
color: white
}
#trade_modes_popup.popup_menu .popup_item_container {
padding: 5px;
}
.popup_item_container.trow1:hover a,
.popup_item_container.trow2:hover a {
color: #333;
}
.popup_item_container:first-of-type {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.popup_item_container:last-of-type {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.container-stats tr:last-of-type>td:last-child {
border-bottom-right-radius: 6px;
}
.container-stats tr:last-of-type>td:first-child {
border-bottom-left-radius: 6px;
}
ul.reset {
list-style-type: none;
padding-left: 5px;
}
.formLayout {
padding: 8px 0;
}
.formLayout label,
.formLayout input,
.formLayout select {
display: block;
width: 200px;
float: left;
margin-bottom: 10px;
}
.formLayout label {
width: 160px;
text-align: right;
padding-right: 20px;
padding-top: 4px;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment