friendica/view/theme/duepuntozero/deriv/comix.css
2014-09-07 13:09:02 +02:00

108 lines
2.3 KiB
CSS

body {
font-family: "Comic Sans MS", sans !important;
font-size: 13px;
}
.wall-item-content-wrapper {
border: none;
}
.wall-item-content-wrapper.comment {
background: #ffffff !important;
border-left: 1px solid #EEE;
}
.wall-item-tools {
background: none;
}
.comment-edit-text-empty, .comment-edit-text-full {
border: none;
border-left: 1px solid #EEE;
background: #EEEEEE;
}
.comment-edit-wrapper, .comment-wwedit-wrapper {
background: #ffffff !important;
}
section {
margin: 0px 32px;
}
aside {
margin-left: 32px;
}
nav {
margin-left: 32px;
margin-right: 32px;
}
nav #site-location {
top: 80px;
right: 36px;
}
.wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
border-radius: 3px;
-moz-border-radius: 3px;
margin-top: 15px;
}
.wall-item-photo.comment {
margin-top: 26px;
}
.triangle-isosceles {
position:relative;
padding:15px;
margin:1em 0 3em;
color:#000;
background:#EEEEEE; /* default background for browsers without gradient support */
/* css3 */
background:-webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#ffffff));
background:-moz-linear-gradient(#EEEEEE, #ffffff);
background:-o-linear-gradient(#EEEEEE, #ffffff);
background:linear-gradient(#EEEEEE, #ffffff);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
/* Variant : for left/right positioned triangle
------------------------------------------ */
.triangle-isosceles.left {
margin-left:30px;
background:#F8F8F8;
border: 2px solid #CCCCCC;
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
/* creates triangle */
.triangle-isosceles:after {
content:"";
position:absolute;
bottom:-8px; /* value = - border-top-width - border-bottom-width */
left:30px; /* controls horizontal position */
border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#f8f8f8 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* Variant : left
------------------------------------------ */
.triangle-isosceles.left:after {
top:12px; /* controls vertical position */
left:-30px; /* value = - border-left-width - border-right-width */
bottom:auto;
border-width:10px 30px 10px 0;
border-color:transparent #f8f8f8;
}