summaryrefslogtreecommitdiff
path: root/public/themes/default/freshrss.css
diff options
context:
space:
mode:
authorGravatar Marien Fressinaud <dev@marienfressinaud.fr> 2013-10-09 21:05:09 +0200
committerGravatar Marien Fressinaud <dev@marienfressinaud.fr> 2013-10-09 21:05:09 +0200
commit044f4542baccc00ea6db4ec38cb0f65928242f61 (patch)
treed58e0250643fd13affbcc86c4e8d40620452e181 /public/themes/default/freshrss.css
parent365be0711706b489651b844fd7d05e83b0369658 (diff)
Mise à jour design (dropdown) + fichier fallback supprimé
* Suppression des boutons de fermeture pour les dropdowns : la fermeture se fait maintenant en cliquant n'importe où sur l'écran * Suppression fichier fallback.css pour le thème par défaut. Déplacement dans freshrss.css en fin de fichier pour bien le séparer du reste (#166)
Diffstat (limited to 'public/themes/default/freshrss.css')
-rw-r--r--public/themes/default/freshrss.css78
1 files changed, 78 insertions, 0 deletions
diff --git a/public/themes/default/freshrss.css b/public/themes/default/freshrss.css
index a9df3ba55..b157568cc 100644
--- a/public/themes/default/freshrss.css
+++ b/public/themes/default/freshrss.css
@@ -69,6 +69,9 @@
.aside.aside_feed .nav-form .dropdown .dropdown-menu {
right: -20px;
}
+ .aside.aside_feed .nav-form .dropdown .dropdown-menu:after {
+ right: 33px;
+ }
.nav-login {
display: none;
@@ -149,6 +152,9 @@
.categories .feeds .dropdown .dropdown-menu {
left: 0;
}
+ .categories .feeds .dropdown .dropdown-menu:after {
+ left: 2px;
+ }
.categories .feeds .item .dropdown-toggle i {
background-image: none;
}
@@ -734,3 +740,75 @@
right: 10px;
}
}
+
+/*** FALLBACK ***/
+.btn {
+ background: #fff;
+ background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
+ background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
+ background: -o-linear-gradient(top, #fff 0%, #eee 100%);
+ background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
+}
+ .btn:hover {
+ background: #f0f0f0;
+ background: -moz-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%);
+ background: -webkit-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%);
+ background: -o-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%);
+ background: -ms-linear-gradient(top, #f8f8f8 0%, #f0f0f0 100%);
+ }
+ .btn.btn-important {
+ background: #0084CC;
+ background: -moz-linear-gradient(top, #0084CC 0%, #0045CC 100%);
+ background: -webkit-linear-gradient(top, #0084CC 0%, #0045CC 100%);
+ background: -o-linear-gradient(top, #0084CC 0%, #0045CC 100%);
+ background: -ms-linear-gradient(top, #0084CC 0%, #0045CC 100%);
+ }
+ .btn.btn-important:hover {
+ background: -moz-linear-gradient(top, #0066CC 0%, #0045CC 100%);
+ background: -webkit-linear-gradient(top, #0066CC 0%, #0045CC 100%);
+ background: -o-linear-gradient(top, #0066CC 0%, #0045CC 100%);
+ background: -ms-linear-gradient(top, #0066CC 0%, #0045CC 100%);
+ }
+ .btn.btn-attention {
+ background: #E95B57;
+ background: -moz-linear-gradient(top, #E95B57 0%, #BD362F 100%);
+ background: -webkit-linear-gradient(top, #E95B57 0%, #BD362F 100%);
+ background: -o-linear-gradient(top, #E95B57 0%, #BD362F 100%);
+ background: -ms-linear-gradient(top, #E95B57 0%, #BD362F 100%);
+ }
+ .btn.btn-attention:hover {
+ background: -moz-linear-gradient(top, #D14641 0%, #BD362F 100%);
+ background: -webkit-linear-gradient(top, #D14641 0%, #BD362F 100%);
+ background: -o-linear-gradient(top, #D14641 0%, #BD362F 100%);
+ background: -ms-linear-gradient(top, #D14641 0%, #BD362F 100%);
+ }
+
+.dropdown .dropdown-menu:after {
+ -moz-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+}
+
+.nav-head {
+ background: #fff;
+ background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+ background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+ background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+ background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%);
+}
+
+.header > .item.search input {
+ -moz-transition: width 200ms linear;
+ -webkit-transition: width 200ms linear;
+ -o-transition: width 200ms linear;
+ -ms-transition: width 200ms linear;
+}
+
+@media(max-width: 840px) {
+ .aside {
+ -moz-transition: width 200ms linear;
+ -webkit-transition: width 200ms linear;
+ -o-transition: width 200ms linear;
+ -ms-transition: width 200ms linear;
+ }
+}