root/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 #content { min-height: 518px  }
  60
  61 #content {
  62 margin-top: 30px;
  63 border-top: 5px solid #004065;
  64 }
  65
  66 #page-size, #ordering { width: 245px; }
  67 #page-size span, #ordering span {
  68 float: left;
  69 font-size: 14px;
  70 padding-top: 6px;
  71 }
  72
  73 .page-size-options span a, .ordering-options span a {
  74 text-decoration: none;
  75 margin-left: 2px;
  76 padding: 0 4px;
  77 margin-top: -6px;
  78 display: block;
  79 height: 28px;
  80 line-height: 28px;
  81 float: left;
  82 }
  83 .page-size-options span a:hover, .ordering-options span a:hover {
  84 background: url(arrow-down.gif) no-repeat center top;
  85 }
  86
  87 a.active {
  88 background: url(arrow-up.gif) no-repeat center bottom;
  89 }
  90
  91 .main-list {
  92 border-top: 1px solid #004065;
  93 border-bottom: 1px solid #004065;
  94 margin-top: 5px;
  95 }
  96 /* IExpression to the horror */
  97 .main-list li {
  98 display: table;
  99 width: 900px;
 100 }
 101 /* I Love IExplorer! */
 102
 103 .main-list li a {
 104 display: block;
 105 font-size: 15px;
 106 color: #333;
 107 text-decoration: none;
 108 padding: 5px 30px;
 109 }
 110 .main-list li a:hover {
 111 color: #FFF;
 112 background: #004065;
 113 }
 114 .main-list li.even a { background: #eaeaea;  }
 115 .main-list li.even a:hover {
 116 color: #FFF;
 117 background: #004065;
 118 }
 119
 120 #paging span {
 121 font-size: 12px;
 122 }
 123 #pages span a {
 124 margin-left: 2px;
 125 padding: 2px;
 126 color: #004065;
 127 font-size: 14px;
 128 text-decoration: none;
 129 }
 130
 131 #plain-text {
 132 min-height: 518px;
 133 }
 134 #plain-text a { text-decoration: none }
 135 #plain-text a:hover { text-decoration: underline }
 136 #plain-text p {
 137 padding: 20px 20px 5px 20px;
 138 }
 139
 140 #footer {
 141 min-height: 40px;
 142 background: #004065;
 143 color: #fff;
 144 }
 145 #footer a {
 146 text-decoration: none;
 147 text-shadow: 1px 1px 1px #333;
 148 color: #FFF;
 149 }
 150 #footer a:hover { text-decoration: underline }