prawokultury/static/css/base.css

   1 body {
   2     font-family: sans-serif;
   3     font-size: .625em;
   4     background: #edece7;
   5 }
   6
   7 a {
   8     text-decoration: none;
   9 }
  10 a:hover {
  11     text-decoration: underline;
  12 }
  13
  14 #menu {
  15     list-style: none;
  16     padding-left: 0;
  17     margin-left: 0;
  18     text-transform: uppercase;
  19     margin: 0;
  20 }
  21 #menu #item-lang a {
  22     color: #0050a2;
  23 }
  24 #menu li {
  25     display: inline-block;
  26     position: relative;
  27     list-style: none;
  28     padding-left: 0;
  29     margin-right: 5em;
  30 }
  31 #menu li a {
  32     color: black;
  33 }
  34 #menu li.active {
  35     font-weight: bold;
  36 }
  37 #menu li.active:before {
  38     color: #004e98;
  39     content: "(";
  40     position: absolute;
  41     left: -.7em;
  42     font-size: 2em;
  43     top: -.25em;
  44 }
  45 #menu li.active:after {
  46     color: #004e98;
  47     content: ")";
  48     position: absolute;
  49     right: -.7em;
  50     font-size: 2em;
  51     top: -.25em;
  52 }
  53
  54 .avatar {
  55     float: left;
  56     margin-left: -60px;
  57 }
  58 .entry {
  59     margin-left: 60px;
  60 }
  61 .entry h2 {
  62     margin: 0;
  63 }
  64 .entry-data {
  65     font-size: .8em;
  66 }
  67
  68
  69
  70 .bar-right {
  71     width: 25em;
  72     float: right;
  73 }
  74 .bar-left {
  75     width: 70em;
  76     float: left;
  77 }
  78 #body {
  79     width: 96em;
  80     margin: auto;
  81     padding: 1em;
  82 }
  83 #footer-bar {
  84     color: #4b4c47;
  85     border-top: 1px solid #acacaa;
  86     padding-top: 1.5em;
  87     margin-top: 4em;
  88 }
  89 .footer-item {
  90     width: 24em;
  91     float: left;
  92 }
  93 #search-form input {
  94     font-size: 1.1em;
  95     width: 18em;
  96     border: none;
  97     border-radius: 1.5em 0 0 1.5em;
  98     background: white;
  99     color: black;
 100     height: 2em;
 101 }
 102 #search-form button {
 103     font-size: 1.1em;
 104     width: 3em;
 105     height: 2em;
 106     border: none;
 107     background: #3bb0a8;
 108     color: white;
 109     border-radius: 0 1em 1em 0;
 110 }
 111
 112 .sidebar-box {
 113     border-top: 1px solid #8a8b85;
 114     padding-top: 1.5em;
 115     padding-bottom: 1.5em;
 116     clear: both;
 117 }
 118
 119 .sidebar-box .event-list {
 120     list-style: none;
 121     padding-left: 0;
 122 }
 123 .sidebar-box .more {
 124     text-align: right;
 125 }
 126 .sidebar-box .event-list li {
 127     margin-top: .8em;
 128 }
 129
 130 .sidebar-box .event-list .date {
 131     clear: both;
 132     float: left;
 133     background: #494949;
 134     color: #69efe6;
 135     width: 4em;
 136     height: 3.8em;
 137     border-radius: .5em;
 138     padding: .5em;
 139     text-align: center;
 140     margin-right: 1em;
 141 }
 142 .sidebar-box .event-list a {
 143     display: block;
 144 }
 145 .sidebar-box .event-list .date .day {
 146     font-size: 1.8em;
 147     font-style: italic;
 148 }
 149 .sidebar-box .event-list .date .mon {
 150     text-transform: uppercase;
 151 }
 152
 153 #sidebar-box-categories ul {
 154     width: 50%;
 155     display: table-cell;
 156     list-style: none;
 157     padding-left: 0;
 158     padding-right: 4em;
 159 }
 160 #sidebar-box-categories .category-taxonomy-topics a {
 161     color: #31ada3;
 162 }
 163
 164 #sidebar-box-categories .category-taxonomy-types a {
 165     color: #ff6100;
 166 }
 167
 168
 169 sdiv {
 170     border: #ddd 1px solid;
 171 }