view/theme/comix/style.css

   1 @import url('../duepuntozero/style.css');
   2
   3 body {
   4         font-family: "Comic Sans MS", sans !important;
   5         font-size: 13px;
   6 }
   7 .wall-item-content-wrapper {
   8         border: none;
   9 }
  10
  11 .wall-item-content-wrapper.comment {
  12         background: #ffffff !important;
  13         border-left: 1px solid #EEE;
  14 }
  15
  16 .wall-item-tools {
  17         background: none;
  18 }
  19
  20 .comment-edit-text-empty, .comment-edit-text-full {
  21         border: none;
  22         border-left: 1px solid #EEE;
  23         background: #EEEEEE;
  24 }
  25
  26 .comment-edit-wrapper, .comment-wwedit-wrapper {
  27         background: #ffffff !important;
  28 }
  29
  30 section {
  31         margin: 0px 32px;
  32 }
  33
  34 aside {
  35         margin-left: 32px;
  36 }
  37 nav {
  38         margin-left: 32px;
  39         margin-right: 32px;
  40 }
  41
  42 nav #site-location {
  43         top: 80px;
  44         right: 36px;
  45 }
  46
  47 .wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
  48         border-radius: 3px;
  49         -moz-border-radius: 3px;
  50         margin-top: 15px;
  51 }
  52
  53 .wall-item-photo.comment {
  54         margin-top: 26px;
  55 }
  56
  57
  58 .triangle-isosceles {
  59         position:relative;
  60         padding:15px;
  61         margin:1em 0 3em;
  62         color:#000;
  63         background:#EEEEEE; /* default background for browsers without gradient support */
  64         /* css3 */
  65         background:-webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#ffffff));
  66         background:-moz-linear-gradient(#EEEEEE, #ffffff);
  67         background:-o-linear-gradient(#EEEEEE, #ffffff);
  68         background:linear-gradient(#EEEEEE, #ffffff);
  69         -webkit-border-radius:10px;
  70         -moz-border-radius:10px;
  71         border-radius:10px;
  72 }
  73
  74 /* Variant : for left/right positioned triangle
  75 ------------------------------------------ */
  76
  77 .triangle-isosceles.left {
  78         margin-left:30px;
  79         background:#F8F8F8;
  80         border: 2px solid #CCCCCC;
  81 }
  82
  83 /* THE TRIANGLE
  84 ------------------------------------------------------------------------------------------------------------------------------- */
  85
  86 /* creates triangle */
  87 .triangle-isosceles:after {
  88         content:"";
  89         position:absolute;
  90         bottom:-8px; /* value = - border-top-width - border-bottom-width */
  91         left:30px; /* controls horizontal position */
  92         border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  93         border-style:solid;
  94         border-color:#f8f8f8 transparent;
  95     /* reduce the damage in FF3.0 */
  96     display:block;
  97     width:0;
  98 }
  99
 100 /* Variant : left
 101 ------------------------------------------ */
 102
 103 .triangle-isosceles.left:after {
 104         top:12px; /* controls vertical position */
 105         left:-30px; /* value = - border-left-width - border-right-width */
 106         bottom:auto;
 107         border-width:10px 30px 10px 0;
 108         border-color:transparent #f8f8f8;
 109 }