style.css

   1 /*
   2 Theme Name: Circular Facts
   3 Theme URI: http://www.circularfacts.eu
   4 Description: A cooperative circuit for itinerant research and projects by artists and other practicioners.
   5 Author: Werkplaats Typografie
   6 Version: 0.1
   7 Tags: Casco, Objectif, Showroom, Unicode
   8 */
   9
  10 #debug {
  11         position : fixed;
  12         top : 0;
  13         left : 0;
  14         height : 360px;
  15         border-bottom-style : solid;
  16         border-bottom-width : 1px;
  17         border-color : #C09;
  18         width : 100%;
  19 }
  20
  21 body {
  22         font-family : folio_medium, Arial, Helvetica, sans-serif;
  23 }
  24
  25 a:link, a:visited, a:active {
  26         text-decoration : none;
  27         color : #000;
  28 }
  29
  30 /* navigation diagram */
  31 #diagram {
  32         font-size : 72px;
  33         line-height : 84px;
  34         letter-spacing : 2px;
  35         text-align : left;
  36         color : #000;
  37 /*      padding-top : 2%;
  38         padding-left : 2%;*/
  39         word-spacing : 0.5em;
  40 }
  41
  42 a.diagram:hover {
  43         color : #FFF;
  44         background : #000;
  45 }
  46 /* navigation diagram */
  47
  48 /* layout */
  49 #container {
  50         margin : 12px;
  51 }
  52
  53 #all {
  54         float : right;
  55         width : 80%;
  56         padding-top : 0;
  57 }
  58
  59 #aside {
  60         font-size : 18px;
  61         line-height : 22px;
  62         width : 20%;
  63         padding-top : 0;
  64 }
  65 /* layout */
  66
  67 /* mark-up */
  68 #title_front {
  69         font-size : 18px;
  70         line-height : 22px;
  71         border-bottom : 2px solid black;
  72         margin-bottom : 5em;
  73 }
  74
  75 #title {
  76         font-size : 18px;
  77         line-height : 22px;
  78 }
  79
  80 .work_front {
  81         font-size : 34px;
  82 /*      line-height : 40px; */
  83         color : #000;
  84         margin-bottom : 5em;
  85 }
  86
  87 #work_container {
  88         display : table;
  89         width : 100%;
  90         height : 320px;
  91         border-top : 2px solid black;
  92         border-bottom : 2px solid black;
  93 }
  94
  95 #work {
  96         font-size : 34px;
  97         display : table-cell;
  98         vertical-align : middle;
  99 /*      line-height : 40px; */
 100         color : #000;
 101 }
 102
 103 #narrative p {
 104         margin-top : 22px;
 105 }
 106
 107 #narrative_container {
 108         font-size : 18px;
 109         line-height : 22px;
 110 /*      margin-top : 5em;
 111         border-top : 2px solid black;*/
 112 }
 113
 114 #narrative {
 115         font-size : 18px;
 116         line-height : 22px;
 117         /* i don't understand this */
 118         margin-top : -19px;
 119         /* wordpress is like junk food */
 120         text-align : justify;
 121 }
 122
 123 #colophon {
 124         margin-top : 5em;
 125         font-size : 18px;
 126         line-height : 22px;
 127         border-top : 2px solid black;
 128         text-align : justify;
 129         margin-bottom : 12px;
 130 }
 131
 132 .codepoint {
 133 /*      margin-left : 0.2em; */
 134 }
 135
 136 a.post-edit-link {
 137         color : #F00;
 138 }
 139 /* mark-up */
 140
 141 /* menu */
 142 #placeholder_menu_container {
 143         display : table;
 144         width : 100%;
 145 }
 146
 147 #placeholder_menu {
 148         font-size : 34px;
 149         display : table-cell;
 150         height : 345px;
 151         vertical-align : middle;
 152 /*      border-top : 2px solid black;
 153         border-bottom : 2px solid black;
 154         line-height : 40px; */
 155         color : #000;
 156 }
 157
 158 #menu {
 159         position : fixed;
 160 }
 161
 162 #menu2 {
 163         position : fixed;
 164 }
 165
 166 a.section {
 167         color : black;
 168 }
 169
 170 ul {
 171         padding : 0;
 172         margin : 0;
 173         list-style : none;
 174 }
 175
 176 li {
 177         float : left;
 178         position : relative;
 179         width : 10em;
 180 }
 181
 182 li ul {
 183         position : absolute;
 184         left : 0;
 185 }
 186
 187 li:hover ul {
 188         display : block;
 189 }
 190
 191 .urls a {
 192         color : #F00;
 193 }
 194 /* menu */
 195
 196 /* folio */
 197 @font-face {
 198         font-family : folio_medium;
 199         src : url("fonts/Folio-Medium.otf");
 200 }
 201 /* folio */