Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
241 lines (231 sloc) 4.69 KB
// Import compass stuff
@import "screen";
@import "helpers";
$gradient_start: #E567B1;
$gradient_end: #84004D;
$post_color: black;
$post_hover: #A2FF00;
.default{
float: left;
width: 300px;
min-height: 100px;
margin: 10px;
background-color: $gradient_start;
@include border-radius(12px);
@include box-orient(vertical);
@include linear-gradient(color-stops($gradient_start, $gradient_end));
.apotomo_logo{
float: left;
margin-top: 10px;
margin-left: 10px;
}
.apotomo_rss{
float: right;
margin-top: 10px;
margin-right: 10px;
}
.apotomo_refresh{
float: right;
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
}
.apotomo_posts{
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
padding-right: 10px;
padding-left: 10px;
width: 100%;
height: 100px;
overflow: auto;
a{
cursor: pointer;
font-family: Arial;
font-weight: bold;
font-size: 0.8em;
font-color: $post_color;
color: black;
text-decoration: none;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
display: block;
&:hover {
color: $post_hover;
}
}
}
}
$gradient_start: #A300FF;
$gradient_end: #FF00CB;
$post_color: black;
$post_hover: #808080;
.pinky{
float: left;
width: 300px;
min-height: 100px;
margin: 10px;
background-color: $gradient_start;
@include border-radius(12px);
@include box-orient(vertical);
@include linear-gradient(color-stops($gradient_start, $gradient_end));
.apotomo_logo{
float: left;
margin-top: 10px;
margin-left: 10px;
}
.apotomo_rss{
float: right;
margin-top: 10px;
margin-right: 10px;
}
.apotomo_refresh{
float: right;
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
}
.apotomo_posts{
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
padding-right: 10px;
padding-left: 10px;
width: 100%;
height: 100px;
overflow: auto;
a{
cursor: pointer;
font-family: Arial;
font-weight: bold;
font-size: 0.8em;
font-color: $post_color;
color: black;
text-decoration: none;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
display: block;
&:hover {
color: $post_hover;
}
}
}
}
$gradient_start: #0AC3F4;
$gradient_end: #72F6E0;
$post_color: #7625a2;
$post_hover: #c973f9;
.blue{
float: left;
width: 300px;
min-height: 100px;
margin: 10px;
background-color: $gradient_start;
@include border-radius(12px);
@include box-orient(vertical);
@include linear-gradient(color-stops($gradient_start, $gradient_end));
.apotomo_logo{
float: left;
margin-top: 10px;
margin-left: 10px;
}
.apotomo_rss{
float: right;
margin-top: 10px;
margin-right: 10px;
}
.apotomo_refresh{
float: right;
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
}
.apotomo_posts{
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
padding-right: 10px;
padding-left: 10px;
width: 100%;
height: 100px;
overflow: auto;
a{
cursor: pointer;
font-family: Arial;
font-weight: bold;
font-size: 0.8em;
font-color: $post_color;
color: $post_color;
text-decoration: none;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
display: block;
&:hover {
color: $post_hover;
}
}
}
}
$gradient_start: #34D0BA;
$gradient_end: #00685A;
$post_color: #ff6700;
$post_hover: #ffbb00;
.lile{
float: left;
width: 300px;
min-height: 100px;
margin: 10px;
background-color: $gradient_start;
@include border-radius(12px);
@include box-orient(vertical);
@include linear-gradient(color-stops($gradient_start, $gradient_end));
.apotomo_logo{
float: left;
margin-top: 10px;
margin-left: 10px;
}
.apotomo_rss{
float: right;
margin-top: 10px;
margin-right: 10px;
}
.apotomo_refresh{
float: right;
margin-top: 10px;
margin-right: 10px;
cursor: pointer;
}
.apotomo_posts{
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
padding-right: 10px;
padding-left: 10px;
width: 100%;
height: 100px;
overflow: auto;
a{
cursor: pointer;
font-family: Arial;
font-weight: bold;
font-size: 0.8em;
font-color: $post_color;
color: $post_color;
text-decoration: none;
line-height: 16px;
padding-left: 10px;
padding-right: 10px;
display: block;
&:hover {
color: $post_hover;
}
}
}
}