Website/News/admin/themes/default/style.css

/* @group Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
abbr,acronym { border: 0; font-variant: normal; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
a:link, a:visited { text-decoration: none; color: inherit; }
/* @end */

/* @group Core */
html {
    font-size: 62.5%;
}
body {
    font: 1.25em/1.5em normal Lucida Grande, Helvetica, Arial, sans-serif;
    color: #333;
    background: #efefef;
}

h1, h2, h3, h4, h5, h6{
    font-weight: normal !important;
    font-family: "Palatino Linotype", Chaparral Pro, Georgia, serif;
}

em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
small,
.small {
    font-size: .9em;
    color: #999;
}
p {
    margin: 0 0 1em;
}
a:link,
a:visited {
    text-decoration: underline;
}
/* @end */

/* @group Header */
#header {
    background: #353535;
    padding: 2em 0;
    color: #fff;
    position: relative;
}
#header h1 {
    font-size: 2em;
    line-height: 1.25em;
    text-shadow: #000 0 1px 1px;
}
#header h1 a {
    text-decoration: none;
}
#header #navigation {
    float: right;
    position: absolute;
    bottom: 0;
    right: 5em;
}
#header #navigation li {
    display: inline;
}
#header #navigation li a:link,
#header #navigation li a:visited {
    float: left;
    margin-left: 1em;
    text-shadow: #000 0 0 0;
    background: #444;
    color: #ebeeee;
    height: 4em;
    line-height: 4em;
    text-transform: uppercase;
    width: 8em;
    text-align: center;
    text-decoration: none;
    font-family: "Palatino Linotype", Chaparral Pro, Georgia, serif;
    letter-spacing: 0.2em;
    font-size: 0.8em;
}
#header #navigation li.selected a:link,
#header #navigation li.selected a:visited {
    background: #fff;
    color: #333;
}

#header #navigation li a:hover {
    background: #4c4c4c;
}

#welcome {
    background: #fff;
    padding: .9em 0;
    border-bottom: 1px solid #e1e1e1;
}
#welcome a:link,
#welcome a:visited {
    text-decoration: none;
    background: #fcfcfc;
    padding: 1em;
    margin: -1em 0 -.8em;
}
#welcome .right {
    padding: .9em 1em !important;
    margin-top: -.9em !important;
}
#welcome a:hover {
    background: #f5f5f5;
}
#welcome a:active {
    background: #f0f0f0;
}
/* @end */

/* @group Footer */
#footer {
    width: 425px;
    margin: 2.5em auto !important;
    font-size: 1.25em;
    text-align: center;
}
#footer .sub {
    color: #acacac;
    font-size: .7em;
}
/* @end */

/* @group Sub-Navigation */
#sub-nav {
    margin-top: 2em;
}
#sub-nav li {
    float: left;
    position: relative;
    top: 1px;
    z-index: 1;
}
#sub-nav li a:link,
#sub-nav li a:visited {
    float: left;
    padding: .4em .75em;
    background: #dfdfdf;
    border-bottom: 0;
    color: #737373;
    text-decoration: none;
    margin: 0 0.7em 0 0;
}
#sub-nav li a:hover {
    background: #e5e5e5;
}
#sub-nav li.selected a:link,
#sub-nav li.selected a:visited {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}
#sub-nav li.right {
    margin: .75em 0 0;
}
#sub-nav li.right a:link,
#sub-nav li.right a:visited {
    float: none;
    background: transparent;
    padding: 0;
    font-size: .95em;
    color: #444;
}
.feathers_sort {
    background: #eee;
    margin-top: .2em;
    height: 2.3em !important;
    border-left: .1em dashed #ccc;
    border-right: .1em dashed #ccc;
}
/* @end */

/* @group Content */
#content {
    background: #fff;
    padding: 1em;
    border: 1px solid #e1e1e1;
    position: relative;
}
#content > form {
    /* margin-top: .5em; */
}
#content h1 {
    font-size: 2em;
    margin: .2em 0 1em;
    color: #aaa;
    font-weight: bold;
}
#content h2 {
    font-size: 1.5em;
    margin: 0 0 .5em;
    color: #666;
    font-weight: normal;
}
#content h3 {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1.5em;
}
#content h4 {
    font-weight: bold;
    font-size: 1.2em;
}
/* @end */

/* @group Extend */
.enable,
.disable {
    width: 49%;
}
.enable h2,
.disable h2 {
    font-weight: normal !important;
    font-size: 1.1em !important;
}
.enable h2 .sub,
.disable h2 .sub {
    font-size: .8em;
    color: #bcbcbc;
}
.enable ul,
.disable ul {
    padding: 1em 1em .5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.enable ul li,
.disable ul li {
    padding: .1em .25em .1em .7em;
    margin: 0 0 .5em;
    list-style: disc inside !important;
    position: relative;
}
.enable ul li img,
.disable ul li img {
    position: absolute;
    top: 4px;
    right: 4px;
}
.enable ul li a.help img,
.disable ul li a.help img {
    top: 3px;
    right: 20px;
    width: 15px;
    height: 15px;
}
.enable ul li .sub,
.disable ul li .sub {
    font-size: .9em;
}
.enable ul li .enable_button,
.disable ul li .disable_button {
    display: block;
    padding: .25em .5em;
    text-align: right;
}
ul.extend .expand {
    margin: 0 -.25em 0 -.7em;
}
.enable h2 {
    color: #4f8f62 !important;
}
.enable ul {
    background: #dbffe6;
    border: 1px solid #dbffe6;
}
.enable ul li {
    background: #e6ffee;
    color: #386345;
}
.enable ul.hover {
    border: 1px solid #b3d1bb;
}
.enable ul li a:link,
.enable ul li a:visited,
.enable ul li .sub a:hover {
    text-decoration: none;
    color: #386345;
}
.enable ul li .sub,
.enable ul li .sub a:link,
.enable ul li .sub a:visited {
    color: #74a683;
}
.enable ul li .description {
    padding: .5em;
    background: #F7FFF9;
}
.enable ul li .enable_button {
    color: #189100;
}
.enable ul li .enable_button:hover {
    background: #189100;
    color: #fff;
}
.enable ul li .enable_button:active {
    background: #067000;
}
.disable h2 {
    color: #ff7070 !important;
}
.disable ul {
    background: #ffdbdb;
    border: 1px solid #ffdbdb;
}
.disable h2 .sub {
    color: #bcbcbc;
}
.disable ul li {
    background: #ffe6e6;
    color: #653b3d;
}
.disable ul.hover {
    border: 1px solid #cfb2b2;
}
.disable ul li a:link,
.disable ul li a:visited,
.disable ul li .sub a:hover {
    text-decoration: none;
    color: #7b4d4d;
}
.disable ul li .sub,
.disable ul li .sub a:link,
.disable ul li .sub a:visited {
    color: #a97f7f;
}
.disable ul li .description {
    padding: .5em;
    background: #FFF1F1;
}
.disable ul li .disable_button {
    color: #d51800;
}
.disable ul li .disable_button:hover {
    background: #d51800;
    color: #fff;
}
.disable ul li .disable_button:active {
    background: #b30600;
}
/* @end */

/* @group Theme Changing */
.theme {
    text-align: center;
    margin-right: 15px !important;
    border: 0 !important;
    padding-bottom: 20px !important;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.theme.last {
    margin-right: 0 !important;
}
.theme .link {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.theme .link span {
    display: block;
}
.theme.current {
    background: #EBFAE4;
    color: #65845e;
}
.theme.current small,
.theme.current small a:link,
.theme.current small a:visited {
    color: #789f72;
}
.theme.current .button {
    background: #189100;
    color: #FFF;
    border: 0;
}
.theme img.screenshot {
    padding: 5px;
    background: #FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.theme a:hover img.screenshot {
    background: #CCC;
}
.theme small {
    font-weight: normal;
}
/* @end */

/* @group Forms */
form.delete blockquote {
    width: 75%;
    margin: 0 auto;
    font-style: italic;
}
form.delete blockquote h2,
form.delete .noitalic {
    font-style: normal;
}
form.delete blockquote h2 input[type="checkbox"] {
    position: relative;
    top: -.125em;
}
form.delete h2.inline {
    display: inline;
}
form.delete select {
    position: relative;
    top: -2px;
}
form.split label {
    width: 41%;
    float: left;
    text-align: right;
    font-weight: bold;
    padding: 4px 2% 5px;
    color: #999;
}
form.split label .sub {
    display: block;
}
form.split label input {
    margin: -.5em 0;
}
form.split select {
    margin: 3px 0 .5em;
}
form.split small,
form.split .small {
    display: block;
    margin-left: 45%;
}
form.split button {
    margin-left: 45%;
}
form .buttons {
    margin-top: 2em;
}
label {
    display: block;
    font-size: 1.1em;
}
form p .sub,
label .sub,
tr .sub {
    font-size: .8em;
    color: #999;
    font-weight: normal;
}
input.text,
input[type="text"],
input[type="password"],
input.file,
textarea {
    font-size: 1.25em;
    padding: 3px;
    border: 1px solid #ddd;
    background: #fff;
}
input.file {
    border: none;
}
input.text,
input.file,
select,
textarea {
    margin-bottom: .25em;
}
input.text {
    /* width: 15em; */
}
input.checkbox {
    margin: .6em .5em .75em 0;
}
span.checkbox {
    position: relative;
    top: -3px;
}
textarea {
    font-size: 1.1em;
    font-family: "Monaco", "Consolas", monospace;
}
textarea.wide,
input.text.wide {
    padding: .5%;
    width: 99%;
    _width: 100%; /* Hooray for IE6's randomized box model. */
}
input.code,
textarea.code,
code {
    font-family: "Consolas", "Monaco", monospace;
}
/* @end */

/* @group Tables */
table thead tr {
    background: #555;
    color: #fff;
    border: 0 !important;
    border-bottom: 2px solid #444;
    text-shadow: #333 0px 1px 0px;
}
table thead tr th {
    padding: .25em .5em;
    font-weight: bold;
}
table thead tr th input {
    vertical-align: middle;
    margin: -5px 0 0 !important;
}
table thead tr th.header {
    cursor: pointer;
}
table thead tr th.headerSortDown,
table thead tr th.headerSortUp {
    background: #444;
}
table tbody tr {

}
table tbody tr.last {

}
table tbody tr td {
    padding: .5em .7em;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
table tbody tr td.main {
    background: #f9f9f9;
}
table tbody tr td.center {
    text-align: center;
    vertical-align: middle;
}
table tbody tr td.controls {
    text-align: center;
    font-size: .95em;
    color: #888;
}
table tbody tr td.controls img {
    margin-bottom: -3px;
    margin-right: 1px;
}
table tbody tr td.main a:link,
table tbody tr td.main a:visited,
table tbody tr td.controls a:link,
table tbody tr td.controls a:visited {
    text-decoration: none;
}
tr.draft,
tr.excerpt,
tr.draft td,
tr.excerpt td,
tr.draft td.main {
    background-color: #dff4ff;
    border-color: #c2e1ef !important;
    color: #336699;
}
tr.excerpt p {
    margin: 0;
}
/* @end */

/* @group Preview */
h1.preview-header {
    margin: 0 0 .5em !important;
}
.preview-content {
    margin: 0 0 2em;
    padding-bottom: .75em;
    border-bottom: 1px dotted #ddd;
}
.preview-content ul,
.preview-content ol {
    margin: 0 0 1em 2em;
    list-style: square;
}
.preview-content ol li {
    list-style: decimal;
}
.preview-content a:link,
.preview-content a:visited {
    text-decoration: underline;
    color: #222;
}
.preview-content hr {
    margin: 2em 0;
}
.preview-content blockquote {
    margin: 0 2em;
    color: #999;
}
/* @end */

/* @group Messages */
p.message {
    font-size: 1.1em;
    padding: .6em;
    margin-bottom: 1.75em;
    background: #f1f1f1;
    border: 1px solid #ccc;
}
p.message.yay {
    background: #189100;
    color: #fff;
    border-color: #105f00;
}
p.message.boo {
    background: #d51800;
    color: #fff;
    border-color: #9f1000;
}
/* @end */

/* @group Buttons */
/* Inspiration from Chawlk. */
button,
.button,
a.next_page,
a.prev_page {
    display: inline-block;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.125em;
    margin: 0 .5em 0 0;
    color: #333;
    padding: .5em .75em;
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-top-color: #f1f1f1;
    border-left-color: #f1f1f1;
    border-bottom: 1px solid #ccc !important;
    cursor: pointer;
    text-decoration: none !important;
}
.button {
    padding: .6em 1em .5em .9em;
}
button.lite {
    padding: .15em .375em .25em .275em;
}
.button.lite,
a.next_page,
a.prev_page {
    padding: .1em .4em .2em;
}
button.inline {
    position: relative;
    top: -1px;
    padding: 4px 5px 4px 4px;
}
button.right,
.button.right,
a.next_page {
    margin: 0 0 0 .5em;
    float: right;
}
button:hover,
.button:hover,
a.next_page:hover,
a.prev_page:hover {
    background: #f7f7f7;
    border-color: #f7f7f7;
    border-bottom-color: #d1d1d1 !important;
    border-right-color: #d1d1d1;
}
button:active,
.button:active,
.button.selected,
a.next_page:active,
a.prev_page:active {
    background-color: #d7d7d7;
    border-color: #d7d7d7;
    border-left-color: #b1b1b1;
    border-top-color: #b1b1b1;
    border-bottom-color: #d7d7d7 !important;
}
button.boo,
.button.boo {
    background: #faebe4;
    color: #3e3634;
    border-color: #faebe4;
    border-bottom-color: #d6bdb5;
    border-right-color: #d6bdb5;
}
button.boo:hover,
.button.boo:hover {
    background: #d51800;
    color: #fff;
    border-color: #d51800;
    border-bottom-color: #9f1000 !important;
    border-right-color: #9f1000;
}
button.boo:active,
.button.boo:active {
    background: #b30600;
    border-color: #b30600;
    border-left-color: #7d0000;
    border-top-color: #7d0000;
    border-bottom-color: #b30600 !important;
}
button.yay,
.button.yay {
    background: #ebfae4;
    color: #363e34;
    border-color: #ebfae4;
    border-bottom-color: #bdd6b5;
    border-right-color: #bdd6b5;
}
button.yay:hover,
.button.yay:hover {
    background: #189100;
    color: #fff;
    border-color: #189100;
    border-bottom-color: #105f00 !important;
    border-right-color: #105f00;
}
button.yay:active,
.button.yay:active {
    background: #067000;
    border-color: #067000;
    border-left-color: #003d00;
    border-top-color: #003d00;
    border-bottom-color: #067000 !important;
}
button[disabled="disabled"],
button.disabled {
    background: #f0f0f0;
    border-color: #f0f0f0 !important;
    color: #999;
}
button[disabled="disabled"]:hover,
button.disabled:hover {
    background: #f0f0f0;
    border-color: #f0f0f0 !important;
    color: #999;
    cursor: default;
}
button img,
.button img {
    margin: 0 6px -3px -4px;
}
button.lite img,
.button.lite img {
    margin: 0 -1px -3px 0;
}
/* @end */

/* @group Options */
.more_options_link {
    font-weight: bold;
    color: #999;
    border-bottom: 1px solid #ddd;
    display: block;
    text-decoration: none !important;
}
.more_options_link:hover {
    color: #666;
    border-bottom-color: #aaa;
}
.more_options {
    background: #f9f9f9;
    padding: 2% 0 0 2%;
}
.more_options p {
    width: 48%;
    margin: 0 2% 0 0;
    min-height: 5.5em;
    _height: 5.5em;
    float: left;
}
.more_options p input.text {
    width: 96.5%;
    margin: 0;
}
/* @end */

/* @group Page Reordering */
ul.sort_pages,
ul.sort_pages ul {
    padding: 0;
    margin: 0 0 0 2em;
}
ul.sort_pages li {
    list-style: square;
}
ul.sort_pages li a:link,
ul.sort_pages li a:visited {
    text-decoration: none !important;
}
ul.sort_pages input {
    font-size: 1em;
    margin: .25em .25em .25em 0;
}
ul.sort_pages .sort-placeholder {
    border: 1px dashed #777;
    display: list-item !important;
    margin-bottom: .5em;
    height: 1.8em;
}
ul.sort_pages .sort-hover {
    border: 1px dashed #777 !important;
}
/* @end */

/* @group Helpers & General */
.breakword {
    word-wrap: break-word !important;
}
div.controls.right {
    margin-top: -2px;
}
div.controls h4 {
    display: inline;
}
div.controls button {
    position: relative;
    top: -2px;
    right: -1px;
    margin: 0 0 0 .5em;
}
hr {
    border: 0;
    border-top: 1px solid #ddd;
}
#content ul li {
    list-style: square;
}
.box {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 1em;
    margin: 0 0 1em;
}
.box h1 {
    font-size: 1.25em !important;
    margin: 0 !important;
}
.box h1 .sub {
    font-weight: normal;
    font-size: .75em;
}
.box h1 span.right {
    font-size: .75em;
    color: #666;
}
.box h1 span.right a:link,
.box h1 span.right a:visited {
    margin-left: 1em;
    text-decoration: none;
}
.box h1 span.right a img {
    margin-bottom: -3px;
}
.edit_link:hover {
    color: #333;
}
.delete_link {
    color: #b30600;
}
table tbody td .delete_link {
    margin: 0 -.4em 0 0;
}
.delete_link:after {
    content: "!";
    opacity: 0;
}
.delete_link:hover {
    color: #f00;
}
.delete_link:hover:after {
    color: #f00;

    opacity: 1;
}
a.emblem {
    border: none;
}
a.emblem img {
    margin-bottom: -2px;
}
.pad {
    padding: .75em;
}
.margin-right {
    margin-right: 1em;
}
.margin-left {
    margin-left: 1em;
}
.detail .button.right {
    margin-top: 2.25em;
}
.detail h3 {
    margin-bottom: .5em !important;
}
.detail.inline {
    position: relative;
    bottom: -.75em;
}
.wide {
    width: 100%;
}
.clear {
    clear: both;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.center {
    margin: 0 auto;
    text-align: center;
}
.inline {
    display: inline;
}
.column {
    margin: 0 5em;
}
br#after_options {
    display: none;
}
.js_enabled {
    display: none;
}
/* @end */