view/theme/duepuntozero/deriv/comix.css

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