root/static/static/main.css

   1 * {
   2 margin:0;
   3 padding:0;
   4 list-style: none;
   5 }
   6
   7 body {
   8 text-align: center;
   9 font-family: Arial, sans-serif;
  10 color: #333;
  11 }
  12
  13 a { color:#004065; }
  14
  15 .container {
  16 margin: 20px auto 40px auto;
  17 text-align: left;
  18 width: 900px;
  19 }
  20
  21 #ordering, #header, #paging, #list { float: left; }
  22 #menu, #page-size, #search { float: right; }
  23
  24 #search input#q {
  25 float: right;
  26 border: 1px solid #004065;
  27 padding: 1px 25px 1px 5px;
  28 font-size: 14px;
  29 background: url(searchbtn.png) no-repeat right;
  30 }
  31
  32 #header {
  33 font-size: 12px;
  34 color: #999;
  35 }
  36
  37 .nav ul li {
  38 display: inline;
  39 }
  40
  41 .nav ul li a {
  42 font-size: 14px;
  43 padding: 0 15px;
  44 text-decoration: none;
  45 color: #004065;
  46 height: 30px;
  47 line-height: 30px;
  48 display: block;
  49 float: left;
  50 }
  51
  52 .nav ul li a:hover {
  53 background: #004065;
  54 color: #FFF;
  55 text-shadow: 1px 1px 1px #333;
  56 }
  57
  58 #content, #list, #footer { width: 100%; overflow: auto; }
  59
  60 #content {
  61 margin-top: 30px;
  62 border-top: 5px solid #004065;
  63 }
  64
  65 #page-size, #ordering { width: 245px; }
  66 #page-size span, #ordering span {
  67 float: left;
  68 font-size: 14px;
  69 padding-top: 6px;
  70 }
  71
  72 .page-size-options span a, .ordering-options span a {
  73 text-decoration: none;
  74 margin-left: 2px;
  75 padding: 0 4px;
  76 margin-top: -6px;
  77 display: block;
  78 height: 28px;
  79 line-height: 28px;
  80 float: left;
  81 }
  82 .page-size-options span a:hover, .ordering-options span a:hover {
  83 background: url(arrow-down.gif) no-repeat center top;
  84 }
  85
  86 a.active {
  87 background: url(arrow-up.gif) no-repeat center bottom;
  88 }
  89
  90 .main-list {
  91 border-top: 1px solid #004065;
  92 border-bottom: 1px solid #004065;
  93 margin-top: 5px;
  94 }
  95 /* IExpression to the horror */
  96 .main-list li {
  97 display: table;
  98 width: 900px;
  99 }
 100 /* I Love IExplorer! */
 101
 102 .main-list li a {
 103 display: block;
 104 font-size: 15px;
 105 color: #333;
 106 text-decoration: none;
 107 padding: 5px 30px;
 108 }
 109 .main-list li a:hover {
 110 color: #FFF;
 111 background: #004065;
 112 }
 113 .main-list li.even a { background: #eaeaea;  }
 114 .main-list li.even a:hover {
 115 color: #FFF;
 116 background: #004065;
 117 }
 118
 119 #paging span {
 120 font-size: 12px;
 121 }
 122 #pages span a {
 123 margin-left: 2px;
 124 padding: 2px;
 125 color: #004065;
 126 font-size: 14px;
 127 text-decoration: none;
 128 }
 129
 130 #plain-text {
 131 min-height: 518px;
 132 }
 133 #plain-text a { text-decoration: none }
 134 #plain-text a:hover { text-decoration: underline }
 135 #plain-text p {
 136 padding: 20px 20px 5px 20px;
 137 }
 138
 139 #footer {
 140 min-height: 40px;
 141 background: #004065;
 142 color: #fff;
 143 }
 144 #footer a {
 145 text-decoration: none;
 146 text-shadow: 1px 1px 1px #333;
 147 color: #FFF;
 148 }
 149 #footer a:hover { text-decoration: underline }