mmk2410/rangitaki
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Theme support, clean up, code formating and improvement

Browse source
This commit is contained in:
mmk2410 2015-06-18 20:45:49 +02:00
parent 17b76633c0
commit bdfd878b58
17 changed files with 722 additions and 403 deletions
Download patch file Download diff file Expand all files Collapse all files

69
res/css/rangitaki.css
View file

@ -29,15 +29,11 @@ THE SOFTWARE.
/* BODY */
body{
font-family: "Roboto", sans-serif;
background: #f6f6f6;
color: #383838;
margin-top: 94px;
}
.main{
height: 100%;
width: 100% - 300px;
margin-left: 0px;
}
@ -54,14 +50,12 @@ body{
}
/* HEADER */
.header{
background-color: #ff4415;
position: fixed;
top: 0px;
right: 0px;
left: 0px;
width: 100%;
height: 64px;
box-shadow: 2px 0px 2px 2px rgba(62, 62, 62, 0.45);
position: absolute;
}
.title{
@ -71,7 +65,6 @@ body{
line-height: 64px;
vertical-align: middle;
left: 75px;
position: absolute;
}
.nav-img{
@ -88,15 +81,11 @@ body{
height: 100%;
top: 0px;
left: -300px;
background-color: #fff;
padding-top: 64px;
border-right: 1px solid #e0e0e0;
transition: background-color 125ms ease-in-out 0ms;
z-index: 40;
}
.nav-item, .nav-item-static{
color: #383838;
text-decoration: none;
text-indent: 0;
display: inline-block;
@ -110,17 +99,11 @@ body{
}
.nav-item{
font-weight: 600;
cursor: pointer;
}
.nav-item:active{
background-color: #e2e2e2;
}
.divider{
width: 100%;
border-bottom: 1px solid #e0e0e0;
}
/* MAIN */
@ -129,33 +112,22 @@ body{
margin-right: auto;
margin-left: auto;
width: 75%;
background: #fff;
border-radius: 2px;
padding: 24px;
box-shadow: 0px 1px 1.5px 1.5px rgba(62, 62, 62, 0.3);
margin-bottom: 40px;
max-width: 1160px;
}
.card a{
color: #ff4415;
text-decoration: none;
border-bottom: 1px solid transparent;
border-bottom-color: transparent;
transition: border-bottom-color 150ms ease-in-out 100ms;
}
.card a:hover{
border-bottom-color: #ff4415;
}
.headline{
font-size: 24px;
color: #383838!important;
text-decoration: none;
display: block;
padding-bottom: 8px;
border-bottom: none!important;
}
@ -165,21 +137,19 @@ body{
}
.date{
font-size: 13px;
}
.articletext{
font-size: 14px;
line-height: 24px;
}
.author{
font-size: 13px;
display: block;
}
.tag{
font-size: 13px;
}
/* FAB */
@ -194,8 +164,6 @@ body{
height: 60px;
width: 60px;
border-radius: 30px;
background-color: #ff4415;
box-shadow: 0px 1px 1.5px 1.5px rgba(62, 62, 62, 0.3);
cursor: pointer;
}
@ -211,8 +179,6 @@ body{
margin-right: auto;
margin-left: auto;
margin-bottom: 25px;
background-color: #fff;
box-shadow: 0px 1px 1.5px 1.5px rgba(62, 62, 62, 0.3);
display: none;
}
@ -224,49 +190,44 @@ body{
/* FOOTER */
.footer{
font-size: 12px;
text-align: center;
}
.footer a{
color: #383838;
text-decoration: none;
border-bottom: 1px solid transparent;
border-bottom-color: transparent;
transition: border-bottom-color 150ms ease-in-out 100ms;
}
.footer a:hover{
border-bottom-color: #383838;
}
@media screen and (min-width: 1440px) {
.nav{
left: 0px;
}
.nav-img{
display: none;
}
.header{
left: 300px;
}
.main{
margin-left: 300px;
width: calc(100% - 300px);
}
}
@media screen and (max-width: 720px){
.card{
width: 82%;
}
}