view/theme/comix-plain/style.css

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