src/main/resources/static/css/sone.css

   1 /* Sone Main CSS File */
   2
   3 #sone {
   4         width: 50em;
   5         margin: auto;
   6 }
   7
   8 #sone .hidden {
   9         display: none;
  10 }
  11
  12 #sone a {
  13         color: inherit;
  14         text-decoration: none;
  15 }
  16
  17 #sone a:visited {
  18         color: inherit;
  19 }
  20
  21 #sone #sidebar {
  22         width: 200px;
  23         position: absolute;
  24 }
  25
  26 #sone .profile-link {
  27         font-weight: bold;
  28         color: #23e;
  29 }
  30
  31 #sone #profile .picture {
  32         float: left;
  33 }
  34
  35 #sone .nice-name {
  36         font-weight: bold;
  37 }
  38
  39 #sone #main {
  40         margin-left: 200px;
  41         padding-left: 1em;
  42 }
  43
  44 #sone .post {
  45         padding: 1ex 0px;
  46         border-bottom: solid 1px #ccc;
  47         margin-bottom: 1ex;
  48 }
  49
  50 #sone .post .author {
  51         display: inline;
  52         font-weight: bold;
  53 }
  54
  55 #sone .post .text {
  56         display: inline;
  57 }
  58
  59 #sone .post .status-line {
  60         clear: both;
  61         font-size: 85%;
  62 }
  63
  64 #sone .post .time {
  65         display: inline;
  66         color: #666;
  67 }
  68
  69 #sone .post .delete {
  70         display: inline;
  71 }
  72
  73 #sone .post .delete:before {
  74         content: ' ‧ ';
  75 }
  76
  77 #sone .post .replies {
  78         clear: both;
  79         padding-top: 0.2ex;
  80 }
  81
  82 #sone .post .reply {
  83         clear: both;
  84         background-color: #eef;
  85         font-size: 85%;
  86         margin: 1ex 0px;
  87         padding: 1ex;
  88 }
  89
  90 #sone .post .reply div, #sone .post .time, #sone .post .delete, #sone .post .show-reply-form {
  91         font-size: inherit; /* or else fproxy's css rules will fuck us. */
  92 }
  93
  94 #sone .post .reply .time {
  95         float: none;
  96         display: inline;
  97         color: #666;
  98         font-size: inherit;
  99 }
 100
 101 #sone .post .show-reply-form {
 102         display: inline;
 103 }
 104
 105 #sone .post .show-reply-form:before {
 106         content: ' ‧ ';
 107 }
 108
 109 #sone .post .reply .status-line .delete {
 110         float: none;
 111         display: inline;
 112 }
 113
 114 #sone .post .reply .status-line .delete:before {
 115         content: ' · ';
 116 }
 117
 118 #sone .post .create-reply {
 119         clear: both;
 120 }
 121
 122 #sone h1 {
 123         font-family: inherit;
 124         font-size: 200%;
 125         font-weight: bold;
 126 }
 127
 128 #sone .error label {
 129         color: red;
 130         font-weight: bold;
 131 }
 132
 133 #sone input.createpost.default, input.create-reply.default {
 134         color: #888;
 135 }