hyperzlib
/
nodebb-theme-persona
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #354 from RoiEXLab/fix-fadeout

Browse Source 
Add additional fade-out css (#353)
main
Barış Soner Uşaklı 8 years ago committed by GitHub
parent f6f4d7f3e5 71c446dab6
commit 5f0b1d2941
1 changed files with 50 additions and 5 deletions
Show Stats Download Patch File Download Diff File

55
less/style.less
Unescape Escape View File

@ -149,11 +149,56 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
width: 100%;
margin: 0;
padding: 30px 0;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
background-image: -ms-linear-gradient(top, transparent, white);
background-image: -o-linear-gradient(top, transparent, white);
}
.skin-default, .skin-cerulean, .skin-cosmo, .skin-flatly, .skin-journal, .skin-lumen, .skin-paper, .skin-readable, .skin-sandstone, .skin-spacelab, .skin-united, .skin-yeti {
.fade-out {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
background-image: -ms-linear-gradient(top, transparent, white);
background-image: -o-linear-gradient(top, transparent, white);
}
}
.skin-cyborg .fade-out {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #060606));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
background-image: -ms-linear-gradient(top, transparent, #060606);
background-image: -o-linear-gradient(top, transparent, #060606);
}
.skin-darkly .fade-out {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #222222));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
background-image: -ms-linear-gradient(top, transparent, #222222);
background-image: -o-linear-gradient(top, transparent, #222222);
}
.skin-simplex .fade-out {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #fcfcfc));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
background-image: -ms-linear-gradient(top, transparent, #fcfcfc);
background-image: -o-linear-gradient(top, transparent, #fcfcfc);
}
.skin-slate .fade-out {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #272b30));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
background-image: -ms-linear-gradient(top, transparent, #272b30);
background-image: -o-linear-gradient(top, transparent, #272b30);
}
.skin-superhero .fade-out {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #2b3e50));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
background-image: -ms-linear-gradient(top, transparent, #2b3e50);
background-image: -o-linear-gradient(top, transparent, #2b3e50);
}
.icon-container {

Write Preview
Loading…
Cancel
Save