Skip to content

Instantly share code, notes, and snippets.

@chromov

chromov/admin.css

Created August 11, 2011 16:18
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save chromov/1140063 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save chromov/1140063 to your computer and use it in GitHub Desktop.
Download ZIP
Admin style
Raw
admin.css
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }
ol, ul {
list-style: none; }
table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after {
content: ""; }
a img {
border: none; }
html {
font-size: 100.01%; }
body {
font-family: Helvetica, Arial, sans-serif;
line-height: 150%;
font-size: 72%;
background: #C4C4C4 url("/images/admin/bgd.png");
margin: 0;
padding: 0;
color: #323537; }
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #5e6469; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
vertical-align: bottom;
margin: 0; }
h1 {
font-size: 3em;
line-height: 1;
margin-bottom: 0.5em; }
h2 {
font-size: 2em;
margin-bottom: 0.75em; }
h3 {
font-size: 1.5em;
line-height: 1;
margin-bottom: 1em; }
h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em; }
h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1.5em; }
h6 {
font-size: 1em;
font-weight: bold; }
p {
margin: 0 0 1.5em; }
strong, dfn {
font-weight: bold; }
em, dfn {
font-style: italic; }
li ul, li ol {
margin: 0; }
ul, ol {
margin: 0 1.5em 1.5em 0;
padding-left: 1.5em; }
ul {
list-style-type: disc; }
ol {
list-style-type: decimal; }
dl {
margin: 0 0 1.5em 0; }
dl dt {
font-weight: bold; }
dd {
margin-left: 1.5em; }
table {
margin-bottom: 1.4em;
width: 100%; }
th {
font-weight: bold; }
thead th {
background: #c3d9ff; }
#header {
background: #6a7176;
background: -webkit-gradient(linear, left top, left bottom, from(#6a7176), to(#4d5256));
background: -moz-linear-gradient(-90deg, #6a7176, #4d5256);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a7176, endColorstr=#4d5256);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a7176, endColorstr=#4d5256);
border-bottom: 1px solid #44484b;
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
text-shadow: black 0 1px 0;
padding: 9px 30px;
position: relative;
z-index: 900; }
#header h1 {
display: inline;
color: #cdcdcd;
margin-right: 40px;
font-size: 1.5em;
font-weight: bold; }
#header a, #header a:link {
color: #cdcdcd; }
#header ul#tabs {
margin: 0;
padding: 0;
display: inline;
height: 100%; }
#header ul#tabs li {
display: inline;
margin-right: 4px;
padding: 9px 0;
font-size: 1.0em;
position: relative;
/* Drop down menus */ }
#header ul#tabs li a {
text-decoration: none;
padding: 6px 10px 4px 10px;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
#header ul#tabs li a img {
vertical-align: text-top; }
#header ul#tabs li.current > a {
background: #7b8389;
color: #fff; }
#header ul#tabs li.has_nested > a {
background: url("/images/admin/nested_menu_arrow.gif") no-repeat 89% 50%;
padding-right: 20px; }
#header ul#tabs li.has_nested.current > a {
background: #7b8389 url("/images/admin/nested_menu_arrow_dark.gif") no-repeat 89% 50%;
padding-right: 20px; }
#header ul#tabs li:hover > a {
background: #7b8389;
color: #fff; }
#header ul#tabs li.has_nested:hover > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
z-index: 800;
border-bottom: 5px solid #7b8389;
background: #7b8389 url("/images/admin/nested_menu_arrow_dark.gif") no-repeat 89% 50%; }
#header ul#tabs li:hover ul {
display: block; }
#header ul#tabs li ul {
background: #7b8389;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
box-shadow: 0 1px 3px #444444;
-moz-box-shadow: 0 1px 3px #444444;
-webkit-box-shadow: 0 1px 3px #444444;
position: absolute;
top: 25px;
left: 0;
width: 175px;
margin-top: 4px;
float: left;
display: none;
padding: 3px 0px 5px 0; }
#header ul#tabs li ul li {
margin: 0px; }
#header ul#tabs li ul li a {
background: none;
display: block; }
#header ul#tabs li ul li a:hover {
color: #fff;
background: none; }
#header ul#tabs li ul li.current a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
#header #utility_nav {
position: absolute;
right: 25px;
top: 10px;
color: #aaa; }
#header #utility_nav span, #header #utility_nav a {
margin-left: 10px; }
#header #utility_nav a {
text-decoration: none; }
#header #utility_nav a:hover {
color: #fff; }
#header #utility_nav a img {
vertical-align: top;
margin-right: 3px; }
#title_bar {
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dfe1e2));
background: -moz-linear-gradient(-90deg, #efefef, #dfe1e2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dfe1e2);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dfe1e2);
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
text-shadow: white 0 1px 0;
border-bottom: 1px solid #ededed;
font-size: 1.0em;
font-weight: bold;
line-height: 140%;
color: #5e6469;
position: relative;
margin: 0;
margin-bottom: 1em;
border-bottom-width: 0px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
padding: 15px; }
#title_bar h2 {
margin: 8px 0 5px 0;
padding: 0;
font-size: 1.8em;
font-weight: bold; }
#title_bar .actions {
position: absolute;
right: 15px;
top: 50%;
margin-top: -8px; }
#title_bar .actions a {
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-shadow: black 0 1px 0;
text-decoration: none;
margin-right: 5px;
font-weight: bold;
font-size: 1.0em;
cursor: pointer;
border: none;
text-shadow: white 0 1px 0;
color: #777;
background: #f9f9f9;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dddbdb));
background: -moz-linear-gradient(-90deg, #f9f9f9, #dddbdb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#dddbdb);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#dddbdb);
padding: .8em 1.5em .7em 1.5em; }
#title_bar .actions a img {
vertical-align: top;
margin-right: 3px; }
#title_bar .actions a:hover {
color: #fff;
box-shadow: 0 1px 3px #888888;
-moz-box-shadow: 0 1px 3px #888888;
-webkit-box-shadow: 0 1px 3px #888888; }
#title_bar .actions a:active {
box-shadow: inset 0 1px 2px black;
-moz-box-shadow: inset 0 1px 2px black;
-webkit-box-shadow: inset 0 1px 2px black; }
#title_bar .actions a:hover {
color: #444; }
#title_bar .actions a:active {
box-shadow: inset 0 1px 2px #aaaaaa;
-moz-box-shadow: inset 0 1px 2px #aaaaaa;
-webkit-box-shadow: inset 0 1px 2px #aaaaaa; }
#title_bar .actions a:active {
border: inherit; }
.block {
background-color: white;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.3); }
.block .inner {
padding: 15px;
overflow: hidden; }
.block.notice {
color: white;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
background-color: rgba(0, 0, 0, 0.3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0)));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 1px rgba(255, 255, 255, 0.3); }
form {
}
form ul, form ol, form li, form fieldset, form legend, form input, form textarea, form select, form p {
margin: 0;
padding: 0; }
form ol, form ul {
list-style: none; }
form fieldset {
border: 0;
padding: 10px 0;
margin-bottom: 20px; }
form fieldset.inputs {
background: #f4f4f4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: inset 0 1px 4px #dddddd;
-moz-box-shadow: inset 0 1px 4px #dddddd;
-webkit-box-shadow: inset 0 1px 4px #dddddd; }
form fieldset legend {
width: 100%; }
form fieldset legend span {
display: block;
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dfe1e2));
background: -moz-linear-gradient(-90deg, #efefef, #dfe1e2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dfe1e2);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dfe1e2);
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
text-shadow: white 0 1px 0;
border-bottom: 1px solid #ededed;
padding: 5px 10px 3px 10px;
font-size: 1.0em;
font-weight: bold;
line-height: 140%;
margin-bottom: 0.5em;
color: #5e6469; }
form fieldset ol > li {
padding: 10px; }
form fieldset ol > li label {
display: block;
width: 20%;
float: left;
font-size: 1.0em;
font-weight: bold;
color: #5e6469; }
form fieldset ol > li label abbr {
border: none;
color: #aaa; }
form fieldset ol > li.ckeditor label {
clear: both;
float: none;
}
form fieldset ol > li > li label {
line-height: 100%;
padding-top: 0; }
form fieldset ol > li > li label input {
line-height: 100%;
vertical-align: middle;
margin-top: -0.1em; }
form fieldset > ol > li fieldset {
position: relative;
padding: 0;
margin-bottom: 0; }
form fieldset > ol > li fieldset legend {
position: absolute;
width: 95%;
padding-top: 0.1em;
left: 0px;
font-size: 100%;
font-weight: normal; }
form fieldset > ol > li fieldset legend span {
position: absolute; }
form fieldset > ol > li fieldset legend.label label {
position: absolute; }
form fieldset > ol > li fieldset ol {
float: left;
width: 74%;
margin: 0;
padding: 0 0 0 20%; }
form fieldset > ol > li fieldset ol li {
padding: 0;
border: 0; }
form input[type=text], form input[type=password], form input[type=email], form input[type=tel], form textarea {
width: 76%;
border: 1px solid #c9d0d6;
outline: none;
padding: 8px 10px; }
form input[type=text]:focus, form input[type=password]:focus, form input[type=email]:focus, form input[type=tel]:focus, form textarea:focus {
border: 1px solid #99a2aa;
box-shadow: 0 0 4px #99a2aa;
-moz-box-shadow: 0 0 4px #99a2aa;
-webkit-box-shadow: 0 0 4px #99a2aa; }
form textarea {
height: 100px; }
form fieldset > ol > li {
}
form fieldset > ol > li p.inline-hints {
font-size: 0.95em;
font-style: italic;
color: #666;
margin: 0.5em 0 0 20%; }
form fieldset > ol > li.date fieldset ol li, form fieldset > ol > li.time fieldset ol li, form fieldset > ol > li.datetime fieldset ol li {
float: left;
width: auto;
margin: 0 0.5em 0 0; }
form fieldset > ol > li.date fieldset ol li label, form fieldset > ol > li.time fieldset ol li label, form fieldset > ol > li.datetime fieldset ol li label {
display: none; }
form fieldset > ol > li.date fieldset ol li input, form fieldset > ol > li.time fieldset ol li input, form fieldset > ol > li.datetime fieldset ol li input {
display: inline;
margin: 0;
padding: 0; }
form fieldset > ol > li.check_boxes fieldset ol, form fieldset > ol > li.radio fieldset ol {
margin-bottom: -0.6em; }
form fieldset > ol > li.check_boxes fieldset ol li, form fieldset > ol > li.radio fieldset ol li {
margin: 0.1em 0 0.5em 0; }
form fieldset > ol > li.check_boxes fieldset ol li label, form fieldset > ol > li.radio fieldset ol li label {
float: none;
width: 100%; }
form fieldset > ol > li.check_boxes fieldset ol li label input, form fieldset > ol > li.radio fieldset ol li label input {
margin-right: 0.2em; }
form fieldset > ol > li.boolean {
height: 1.1em; }
form fieldset > ol > li.boolean label {
width: auto;
padding-left: 20%;
padding-right: 10px;
text-transform: none !important;
font-weight: normal; }
form fieldset > ol > li.boolean label input {
margin: 0 0.5em 0 0.2em; }
form fieldset > ol > li.hidden {
display: none; }
form fieldset > ol > li p.inline-errors {
color: #cc0000;
margin: 0.5em 0 0 20%; }
form fieldset > ol > li ul.errors {
color: #cc0000;
margin: 0.5em 0 0 20%;
list-style: square; }
form fieldset > ol > li ul.errors li {
padding: 0;
border: none;
display: list-item; }
form fieldset > ol > li.error input[type=text], form fieldset > ol > li.error input[type=password], form fieldset > ol > li.error input[type=email], form fieldset > ol > li.error input[type=tel], form fieldset > ol > li.error textarea {
border: 1px solid #cc0000; }
form input[type=submit] {
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
background: #838a90;
background: -webkit-gradient(linear, left top, left bottom, from(#838a90), to(#414549));
background: -moz-linear-gradient(-90deg, #838a90, #414549);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#838a90, endColorstr=#414549);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#838a90, endColorstr=#414549);
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
text-shadow: black 0 1px 0;
text-decoration: none;
margin-right: 3px;
font-weight: bold;
font-size: 1.0em;
cursor: pointer;
padding: .6em 1.4em .5em 1.3em;
border: none;
color: #efefef; }
form input[type=submit]:hover {
color: #fff;
box-shadow: 0 1px 3px #888888;
-moz-box-shadow: 0 1px 3px #888888;
-webkit-box-shadow: 0 1px 3px #888888; }
form input[type=submit]:active {
box-shadow: inset 0 1px 2px black;
-moz-box-shadow: inset 0 1px 2px black;
-webkit-box-shadow: inset 0 1px 2px black; }
form fieldset.buttons li {
float: left;
padding-right: 0.5em;
padding-top: 0; }
form fieldset.buttons li.cancel {
margin-left: 0.3em;
padding: 5px; }
form fieldset.buttons li.cancel a {
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
background: #838a90;
background: -webkit-gradient(linear, left top, left bottom, from(#838a90), to(#414549));
background: -moz-linear-gradient(-90deg, #838a90, #414549);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#838a90, endColorstr=#414549);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#838a90, endColorstr=#414549);
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
text-shadow: black 0 1px 0;
text-decoration: none;
margin-right: 3px;
font-weight: bold;
font-size: 1.0em;
cursor: pointer;
padding: .6em 1.4em .5em 1.3em;
border: none;
color: #efefef;
background: #f9f9f9;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dddbdb));
background: -moz-linear-gradient(-90deg, #f9f9f9, #dddbdb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#dddbdb);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#dddbdb);
text-shadow: white 0 1px 0;
color: #777; }
form fieldset.buttons li.cancel a:hover {
color: #fff;
box-shadow: 0 1px 3px #888888;
-moz-box-shadow: 0 1px 3px #888888;
-webkit-box-shadow: 0 1px 3px #888888; }
form fieldset.buttons li.cancel a:active {
box-shadow: inset 0 1px 2px black;
-moz-box-shadow: inset 0 1px 2px black;
-webkit-box-shadow: inset 0 1px 2px black; }
form fieldset.buttons li.cancel a:hover {
color: #444; }
form fieldset.buttons li.cancel a:active {
box-shadow: inset 0 1px 2px #aaaaaa;
-moz-box-shadow: inset 0 1px 2px #aaaaaa;
-webkit-box-shadow: inset 0 1px 2px #aaaaaa; }
form .form_field {
margin-bottom: 20px; }
form .form_field label {
float: left;
display: block;
width: 33%;
padding: 8px 0;
font-size: 16px;
font-weight: bold;
text-shadow: 0 1px 1px #000;
}
form .form_field input {
width: 60%;
}
.block.notice form input[type=submit] {
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-shadow: black 0 1px 0;
text-decoration: none;
margin-right: 3px;
font-weight: bold;
font-size: 1.0em;
cursor: pointer;
border: none;
text-shadow: white 0 1px 0;
color: #555;
background: #f9f9f9;
background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dddbdb));
background: -moz-linear-gradient(-90deg, #f9f9f9, #dddbdb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#dddbdb);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#dddbdb);
padding: .8em 1.5em .7em 1.5em; }
.block.notice form input[type=submit]:hover {
color: #222;
box-shadow: 0 1px 3px #888888;
-moz-box-shadow: 0 1px 3px #888888;
-webkit-box-shadow: 0 1px 3px #888888; }
.block.notice form input[type=submit]:active {
box-shadow: inset 0 1px 2px #aaaaaa;
-moz-box-shadow: inset 0 1px 2px #aaaaaa;
-webkit-box-shadow: inset 0 1px 2px #aaaaaa; }
table.index_grid td {
border: none;
background: none;
padding: 0 20px 20px 0;
margin: 0; }
.flash {
background: #6a7176;
background: -webkit-gradient(linear, left top, left bottom, from(#6a7176), to(#4d5256));
background: -moz-linear-gradient(-90deg, #6a7176, #4d5256);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a7176, endColorstr=#4d5256);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a7176, endColorstr=#4d5256);
border-bottom: 1px solid #44484b;
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
text-shadow: #222222 0 1px 0;
border: none;
font-weight: bold;
padding: 10px 10px 8px 10px;
margin-bottom: 30px;
color: #fff; }
.flash.flash_notice {
background: #87a28b;
background: -webkit-gradient(linear, left top, left bottom, from(#87a28b), to(#657b6a));
background: -moz-linear-gradient(-90deg, #87a28b, #657b6a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#87a28b, endColorstr=#657b6a);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#87a28b, endColorstr=#657b6a); }
.flash.flash_error {
background: #ca5b4f;
background: -webkit-gradient(linear, left top, left bottom, from(#ca5b4f), to(#97443c));
background: -moz-linear-gradient(-90deg, #ca5b4f, #97443c);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ca5b4f, endColorstr=#97443c);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ca5b4f, endColorstr=#97443c); }
a, a:link, a:visited {
color: #38678b;
text-decoration: underline; }
a:hover {
text-decoration: none; }
.breadcrumb {
text-transform: uppercase;
font-size: 0.9em;
font-weight: normal; }
.breadcrumb a, .breadcrumb a:link {
color: #8a949e;
text-decoration: none; }
.breadcrumb a:hover {
text-decoration: underline; }
.breadcrumb .breadcrumb_sep {
margin: 0 2px;
color: #aab2ba; }
a.button, input[type=submit] {
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
background: #838a90;
background: -webkit-gradient(linear, left top, left bottom, from(#838a90), to(#414549));
background: -moz-linear-gradient(-90deg, #838a90, #414549);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#838a90, endColorstr=#414549);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#838a90, endColorstr=#414549);
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
text-shadow: black 0 1px 0;
text-decoration: none;
margin-right: 3px;
font-weight: bold;
font-size: 1.0em;
cursor: pointer;
padding: .6em 1.4em .5em 1.3em;
border: none;
color: #efefef; }
a.button:hover, input[type=submit]:hover {
color: #fff;
box-shadow: 0 1px 3px #888888;
-moz-box-shadow: 0 1px 3px #888888;
-webkit-box-shadow: 0 1px 3px #888888; }
a.button:active, input[type=submit]:active {
box-shadow: inset 0 1px 2px black;
-moz-box-shadow: inset 0 1px 2px black;
-webkit-box-shadow: inset 0 1px 2px black; }
table.index {
width: 100%;
margin-bottom: 10px;
border: 0;
border-spacing: 0; }
table.index th {
background: #efefef;
background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#dfe1e2));
background: -moz-linear-gradient(-90deg, #efefef, #dfe1e2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dfe1e2);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#dfe1e2);
box-shadow: 0 1px 2px #aaaaaa;
-moz-box-shadow: 0 1px 2px #aaaaaa;
-webkit-box-shadow: 0 1px 2px #aaaaaa;
text-shadow: white 0 1px 0;
border-bottom: 1px solid #ededed;
padding: 5px 10px 3px 10px;
font-size: 1.0em;
font-weight: bold;
line-height: 140%;
margin-bottom: 0.5em;
color: #5e6469;
text-align: left;
padding-left: 12px;
padding-right: 12px; }
table.index th a, table.index th a:link, table.index th a:visited {
color: #5e6469;
text-decoration: none;
display: block; }
table.index th.sortable a {
background: url("/images/admin/orderable.png") no-repeat 0 4px;
padding-left: 13px; }
table.index th.sorted-asc a {
background-position: 0 -27px; }
table.index th.sorted-desc a {
background-position: 0 -56px; }
table.index th.sorted-asc, table.index th.sorted-desc {
background: #e2e2e2;
background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#d2d4d6));
background: -moz-linear-gradient(-90deg, #e2e2e2, #d2d4d6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e2e2, endColorstr=#d2d4d6);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e2e2e2, endColorstr=#d2d4d6);
border-bottom: 1px solid #dfe1e2; }
table.index tr.even td {
background: #f4f5f5; }
table.index td {
padding: 10px 12px 8px 12px;
border-bottom: 1px solid #e8e8e8;
vertical-align: middle; }
table.index td img {
vertical-align: top; }
.photo_grid_item {
float: left;
position: relative;
margin: 5px; }
.photo_grid_item a span {
position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
padding: 3px;
line-height: 16px;
opacity: 0.9;
top: 10px;
right: 10px; }
.photo_grid_item a span img {
vertical-align: top; }
.clearfix {
overflow: hidden; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment