Revert "less/roojs-bootstrap/alert.less"

[roojs1] / less / roojs-bootstrap / top-bar.less

diff --git a/less/roojs-bootstrap/top-bar.less b/less/roojs-bootstrap/top-bar.less
new file mode 100644 (file)
index 0000000..f467d84
--- /dev/null
+++ b/less/roojs-bootstrap/top-bar.less
@@ -0,0 +1,120 @@
+.header .top-bar {
+    min-height: 30px;
+    background: @gray-light;
+    border-bottom: 1px solid @gray-lighter;
+    padding: 0;
+}
+
+
+@media (min-width: 980px)
+{
+    .top-bar .collapse {
+        display: block !important;
+        visibility: visible !important;
+        height: auto !important;
+        overflow: visible !important;
+        padding-bottom: 0;
+    }
+}
+
+@media (min-width: 768px) and (max-width: 979px) { 
+  .header .top-bar {
+        min-height: 0;
+        padding: 3px 0;
+    }
+}
+ 
+
+.header .social,
+.footer .social {
+    margin-right: 4px;
+    line-height: 30px;
+    padding-left: 0;
+    margin-bottom: 0;
+}
+
+
+.footer .social li:last-child,
+.footer .social { margin-right: 0 !important }
+
+.header .social li:first-child { border-left: 1px solid @gray-light }
+
+.header .social li,
+.footer .social li {
+    border-right: 1px solid @gray-light;
+    display: table-cell;
+    vertical-align: middle;
+    height: 40px;
+    margin-right: 5px;
+    width: 40px;
+    text-align: center;
+    -webkit-transition: background .5s ease-in-out;
+    -moz-transition: background .5s ease-in-out;
+    -o-transition: background .5s ease-in-out;
+    -ms-transition: background .5s ease-in-out;
+    transition: background .5s ease-in-out;
+    padding: 1px;
+}
+
+.header .social i,
+.footer .social i {
+    color: @gray;
+    font-size: 16px;
+    -webkit-transition: color .5s ease-in-out;
+    -moz-transition: color .5s ease-in-out;
+    -o-transition: color .5s ease-in-out;
+    -ms-transition: color .5s ease-in-out;
+    transition: color .5s ease-in-out;
+}
+
+.header .social li:hover a i,
+.footer .social li:hover a i { color: @body-bg }
+
+
+
+
+.team .item .team-member-links a.facebook:hover,
+.member-social.dark a.facebook:hover,
+.header .social li.facebook:hover,
+.footer .social li.facebook:hover { background: @brand-primary }
+
+.team .item .team-member-links a.dribbble:hover,
+.member-social.dark a.dribbble:hover,
+.header .social li.dribbble:hover,
+.footer .social li.dribbble:hover { background: @brand-warning }
+
+.team .item .team-member-links a.twitter:hover,
+.member-social.dark a.twitter:hover,
+.header .social li.twitter:hover,
+.footer .social li.twitter:hover { background: @brand-primary }
+
+.team .item .team-member-links a.gplus:hover,
+.member-social.dark a.gplus:hover,
+.header .social li.gplus:hover,
+.footer .social li.gplus:hover { background: @brand-danger }
+
+.team .item .team-member-links a.linkedin:hover,
+.member-social.dark a.linkedin:hover,
+.header .social li.linkedin:hover,
+.footer .social li.linkedin:hover { background: @brand-primary }
+
+.team .item .team-member-links a.pinterest:hover,
+.member-social.dark a.pinterest:hover,
+.header .social li.pinterest:hover,
+.footer .social li.pinterest:hover { background:@brand-danger }
+
+.header .social li.rss:hover,
+.footer .social li.rss:hover { background: @brand-warning }
+
+
+.top-bar .languages  {
+    padding: 8px 0;
+}
+
+.top-bar .languages a {
+    margin-right: 20px;
+    color: @gray;
+    font-family: "Open Sans",Helvetica,Arial,sans-serif;
+    font-size: 14px;
+    line-height: 24px;
+}
\ No newline at end of file