Admin Css

Home Page | All Pages | Recently Revised | Backlinks | Feed

admin.css

This is a listing of the admin.css file modified for Language / Locale Management. Cut and paste this code into your project's public/stylesheets/admin directory. Then return to the main article. 

ul, ol {
  list-style: none;
}
 
h1, h2, h3, h4, h5, h6, pre, code {
  font-size: 1em;
}
 
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, dt, dl, dd {
  margin: 0;
  padding: 0;
}
 
a img, :link img, :visited img {
  border: none;
}
 
address {
  font-style: normal;
}
 
body {
  font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
  font-size: 80%;
  padding: 10px 12px;
}
 
a,
a:link,
a:visited {
  text-decoration: underline;
  color: #06C;
}
 
a:hover {
  color: #C60;
}
 
.optional a,
.optional a:link,
.optional a:visited {
  color: #59d;
}
 
.optional a:hover {
  color: #d95;
}
 
a.seccondary,
a.seccondary:link,
a.seccondary:visited {
  color: #ccc;
}
 
.optional a:hover {
  color: #d95;
}
 
a.action,
a.action:link,
a.action:visited {
  color: #f44;
  padding: 0 2px;
}
 
a.action:hover,
a.seccondary:hover {
  color: #fff;
  background-color: #f44;
  text-decoration: none;
}
 
.operation a.action,
.operation a.action:link,
.operation a.action:visited {
  color: #59d;
  font-size: 90%;
  padding: 0 2px;
}
 
.operation a.action:hover {
  color: #fff;
  background-color: #59d;
  text-decoration: none;
}
 
li a,li a:link,li a:visited,li a:hover {
  text-decoration: none;
}
 
h1 {
  font-size: 140%;
  font-weight: normal;
  margin: 10px;
  color: #444;
}
 
h2 {
  font-size: 140%;
  font-weight: bold;
}
 
h3 {
  font-size: 130%;
  font-weight: normal;
  color: #444;
}
 
dt {
  font-weight: bold;
  padding: 0 10px 0 0;
  float: left;
}
 
dd {
  margin: 0 0 2px 10px;
  padding: 0 0 2px 0;
}
 
table {
  background-color: #eee;
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-top: 1px solid #ededed;
}
 
th {
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: bottom;
  padding: 3px 12px;
  background-color: #eee;
  background-image: url('../../images/admin/bg_header.png');
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #ddd;
}
 
th>a:link, th>a:visited {
  color: #000;
  text-decoration: none;
}
 
th>a:hover {
  text-decoration: underline;
}
 
td {
  text-align: left;
  vertical-align: top;
  padding: 6px 12px;
  background-color: #fff;
  border-left: 1px solid #eee;
  background-color: #ecf4ff;
}
 
td.centered {
  text-align: center;
}
 
tr.odd td {
  border-top: #efefef;
  background-color: #fff;
  border-left: 1px solid #eee;
}
 
tr:hover td {
  background-color: #def;
}
 
 
 
.form {
  margin: 0 10px;
}
 
.disabled {
  color: #bbb;
}
 
fieldset label {
  width: 155px;
  display: block;
  float: left;
  font-weight: bold;
  text-align: right;
  margin: 3px 10px 0 0;
}
 
fieldset ul {
  margin: 0 0 0 160px;
}
 
fieldset ul label {
  float: none;
  width: 100%;
  text-align: left;
  font-weight: normal;
}
 
fieldset ul li {
  display: block;
  height: 18px;
}
 
fieldset li input {
  float: left;
}
 
fieldset legend {
  padding: 4px 0 0 50px;
  font-weight: bold;
}
 
fieldset:hover {
  background-color: #eee
}
 
fieldset {
  padding: 4px 0;
  border: none;
  border-bottom: 1px solid #ddd;
}
 
fieldset p {
  margin-bottom: 4px;
}
 
.required:before {
  content: "* ";
}
 
#operations {
  margin: 20px;
}
 
#operations input {
  font-size: 130%;
  padding: 0.2em 1em;
}
 
#operations input.primary {
  font-weight: bold;
}
 
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}
 
.auraltext {
  position: absolute;
  font-size: 0;
  left: -1000px;
}
 
div.flash_notice {
  margin: 15px 0 10px 0;
  padding: 6px 8px;
  border: 1px solid #e11;
  background-color: #fff;
  color: #e11;
}
 
div.flash_notice h2 {
  font-size: 100%;
  margin: 0 0 5px 0;
  color: #e11;
}
 
div.flash_notice p {
  margin: 0 0 5px 0;
  padding: 0;
}
 
div.flash_notice ul {
  margin: 0 0 5px 0;
  padding-left: 30px;
}
 
div.flash_notice ul li {
  padding-left: 0;
}
 
p.operations {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}
 
#flash_error,#flash_success, #flash_notice, #flash_message {
  margin: 20px 0;
  padding: 6px 8px;
  font-weight: bold;
}
 
#flash_error, p.warning {
  border: 3px solid #fbb;
  background-color: #fdd;
  color: #d44;
}
 
#flash_success {
  border: 1px solid #bdb;
  background-color: #dfd;
  color: #090;
}
 
#flash_notice,#flash_message {
  border: 2px solid #cc9;
  background-color: #ffc;
  color: #660;
}
 
p.warning {
  padding: 6px 8px;
  margin: 20px;
  font-weight: bold;
  font-size: 130%;
}
 
div.paginator {
  border-top: 1px solid #eee;
  margin: 10px;
  padding: 10px;
}
 
div.paginator div.header {
  float: left;
  margin-right: 30px;
  color: #888;
}
 
div.paginator .paginationLink {
  padding: 5px;
}
 
div.paginator .paginationCurrent {
  font-size: 110%;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #ddd;
  background-color: #eee;
}
 
div.paginator a:visited.paginationLink {
  color: #a0a;
}
 
.cls {
  clear: both;
}
 
div.content, #content {
  margin-left: 200px;
}
 
#errorExplanation {
  border: 1px solid #c00;
  background-color: #f0f0f0;
  padding: 7px;
  padding-bottom: 12px;
  margin: 10px 0 10px 0;
}
 
#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 8px;
  background-color: #c00;
  color: #fff;
}
 
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}
 
#errorExplanation ul {
  margin: 0 0 0 25px;
}
 
#errorExplanation li {
  font-size: 12px;
  list-style: square;
}
 
.show {
  background-color: #fff;
  width: 380px;
  padding: 2px 2px 3px 2px;
  border: 1px solid #D9D9D9;
}
 
.show label {
  font-weight: bold;
}
 
.fieldError {
  background-color: #fdd;
}
 
span.information {
  color: #aaa;
  font-style: italic;
}
 
#content_menu {
  border-right: 1px solid #eee;
  margin-right: 10px;
  width: 200px;
  float: left;
  min-height: 400px;
}
 
#content_menu li {
  padding: 5px 10px;
}
 
#content_menu li.active {
  background-color: #eee;
}
 
#content_menu li.active a:link,
#content_menu li.active a:visited,
#content_menu li.active a:active,
#content_menu li.active a {
  color: #444;
}
 
#content_menu p {
  padding: 10px;
}
 
#content_menu p.information {
  color: #555;
  font-style: italic;
  margin-top: 40px;
}
 
#content_menu li.primary {
  font-weight: bold;
}
 
#user_menu{
 float:right;
}
 
#site_name{
 float:left;
}
 
#header{
 height:35px;
}
 
#blank_slate p{
 margin:20px 10px;
}
 
#lang_menu
{
width: 100%;
float: right;
background-color: #59d;  /*#0cf; #426208*/
}
 
#lang_menu ul { padding: 0; }
#lang_menu ul li { display: inline; }
 
#lang_menu ul
{
margin: 0;
padding: 0 0 0 7%;
float: right;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .65em;
letter-spacing: 2px;
font-weight: bold;
}
 
#lang_menu ul li a
{
padding: 0.2em 12px;
background-color: #59d;  /* #0cf; */
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #0cf; /* #94b473; */
}
 
#lang_menu ul li a:hover
{
background-color: #0cf;  /* #7b9d25;*/
color: #FFFFFF;
}
 
ul#langlist li a:hover
{
color: #00c;
text-decoration: none;
background: #0cf;    /* #c33 */
text-align: left;
}
 
ul#langlist li#active a
{
color: #fff;
text-decoration: none;
background: #ABA6A5;
text-align: left;
}
 
@media print {
 
  #menu,#content_menu,.operations, .operation, .seccondary, .optional,#operations {
    display: none;
  }
 
  div.content, #content {
    margin: 30px;
  }
 
}
 
lang-locale-mgmt-css-admin.txt · Last modified: 2009/02/08 16:28 (external edit)
 

The Akelos Framework was created by Bermi Ferrer and other contributors.
Potions of the code and documentation have been ported from Ruby on Rails.

The Akelos Framework is released under the LGPL license.

"Akelos", "Akelos Framework", and the Akelos logo are trademarks of Bermi Labs All rights reserved.

Wiki driven by DokuWiki