themes/actiontabs/style.css

   1 /* actiontabs theme for ikiwiki
   2  *
   3  * by svend
   4  */
   5
   6 a {
   7         text-decoration: none;
   8         color: #005a9c;
   9 }
  10
  11 a:hover {
  12         text-decoration: underline;
  13 }
  14
  15
  16 hr {
  17         border-style: none;
  18         background-color: #999;
  19         height: 1px;
  20 }
  21
  22 code, pre {
  23         background: #eee;
  24 }
  25
  26 pre {
  27         padding: .5em;
  28 }
  29
  30 body {
  31         margin: 0;
  32         padding: 0;
  33         font-family: sans-serif;
  34         color: black;
  35         background: white;
  36 }
  37
  38 .pageheader {
  39         margin: 0;
  40         padding: 1em 2em;
  41         position: relative;
  42         overflow: hidden;
  43         background: #eee;
  44         border-color: #999;
  45         border-style: none none solid none;
  46         border-width: 1px;
  47 }
  48
  49 .pageheader .header {
  50         float: left;
  51         font-size: 120%;
  52 }
  53
  54 div.header, header.header {
  55         font-weight: normal;
  56 }
  57
  58 .title {
  59         display: block;
  60         margin-top: .2em;
  61         font: 140% sans-serif;
  62 }
  63
  64 #searchform {
  65         position: absolute;
  66         top: 0.5em;
  67         right: 2em;
  68 }
  69
  70 .pageheader .actions {
  71         position: absolute;
  72         bottom: 0;
  73         right: 2em;
  74         width: 100%;
  75         text-align: right;
  76         padding: 2px;
  77 }
  78
  79 #content, #enclosure, #comments, #footer {
  80         margin: 1em 2em;
  81 }
  82
  83 #pageinfo {
  84         border-color: #999;
  85 }
  86
  87 .inlinepage {
  88         margin: .4em 0;
  89         padding: .4em 0;
  90         border-style: none;
  91         border-top: 1px solid #aaa;
  92 }
  93
  94 .inlineheader {
  95         font-size: 120%;
  96 }
  97
  98 h1 { font: 120% sans-serif }
  99 h2 { font: bold 100% sans-serif }
 100 h3, h4, h5, h6 { font: bold 80% sans-serif }
 101
 102 /* Smaller headings for inline pages */
 103 .inlinepage h1 { font-size: 110% }
 104 .inlinepage h2 { font-size: 100% }
 105 .inlinepage h3 { font-size: 100% }
 106
 107 .pageheader .actions ul {
 108         border-style: none
 109 }
 110
 111 .actions ul {
 112         padding: 0;
 113         border-style: none;
 114 }
 115
 116 .actions ul li a {
 117         text-decoration: none;
 118 }
 119
 120 .pageheader .actions ul li {
 121         margin: 0;
 122         padding: .1em .5em 0 .5em;
 123         background: white;
 124         border-color: #999;
 125         border-style: solid solid none solid;
 126         border-width: 1px;
 127 }
 128
 129 div.recentchanges {
 130         border-style: none;
 131 }
 132
 133 .pagecloud {
 134         width: auto;
 135 }
 136
 137 .sidebar {
 138         border-bottom: 0;
 139         border-right: 0;
 140         border-top: 0;
 141         margin-top: 0.5em;
 142         padding: 0 0 0 2ex;
 143         border-color: #999;
 144 }
 145
 146 .pageheader .trails {
 147         /* allow space for the action tabs */
 148         margin-bottom: 2em;
 149 }
 150
 151 @media (max-width: 600px) {
 152         #content, #enclosure, #comments, #footer {
 153                 margin: 0.5em;
 154         }
 155         .pageheader .actions ul li {
 156                 padding: .1em .2em 0 .2em;
 157                 font-size: 0.8em;
 158         }
 159 }