jeena/FeedMonkey
Archived
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Added category screen

Browse source 
For the moment only a category list is displayed, there is no logic of any type
This commit is contained in:
Markel Arizaga 2014-10-26 13:34:22 +01:00
parent d1c7059751
commit 6b0d08f28d
4 changed files with 120 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

50
css/screen.css
View file

@ -171,7 +171,7 @@ canvas {
float: right;
}
#list ul {
#list ul , #categories ul{
list-style-type: none;
margin: 0;
padding: 0;
@ -189,7 +189,7 @@ canvas {
opacity: .6;
}
#list h2 {
#list h2{
margin: 0;
padding: 0;
font-weight: normal;
@ -231,6 +231,52 @@ canvas {
color: inherit;
}
#categories ul{
list-style-type: none;
margin: 0;
}
#categories p {
padding: 0;
font-weight: normal;
text-overflow: ellipsis;
display: block;
white-space: nowrap;
overflow: hidden;
}
#categories li {
position: relative;
padding: 0 0 0 7px;
}
.red #categories li { border-bottom: 1px solid #c0392b; }
.white #categories li { border-bottom: 1px solid #bdc3c7; }
.blue #categories li { border-bottom: 1px solid #2980b9; }
.yellow #categories li { border-bottom: 1px solid #f39c12; }
#categories li:after {
content: "";
position: absolute;
top: -18px;
right: 7px;
font-weight: 100;
font-size: 3em;
font-family: "Entypo";
}
.red #categories li:after { color: #c0392b; }
.white #categories li:after { color: #bdc3c7; }
.blue #categories li:after { color: #2980b9; }
.yellow #categories li:after { color: #f39c12; }
#categories li > a {
display: block;
padding: 5px 25px 5px 10px;
text-decoration: none;
outline: none;
}
#full.active {
min-height: 100%;
display: -moz-box;