git.roojs.org Git - roojs1/blob - old-css-bootstrap/top-bar.css

   1 .header .top-bar {
   2     min-height: 30px;
   3     background: #fafafa;
   4     border-bottom: 1px solid #eee;
   5     padding: 0;
   6 }
   7
   8
   9 @media (min-width: 980px)
  10 {
  11     .top-bar .collapse {
  12         display: block !important;
  13         visibility: visible !important;
  14         height: auto !important;
  15         overflow: visible !important;
  16         padding-bottom: 0;
  17     }
  18 }
  19
  20 @media (min-width: 768px) and (max-width: 979px) {
  21   .header .top-bar {
  22         min-height: 0;
  23         padding: 3px 0;
  24     }
  25 }
  26
  27
  28 .header .social,
  29 .footer .social {
  30     margin-right: 4px;
  31     line-height: 30px;
  32     padding-left: 0;
  33     margin-bottom: 0;
  34 }
  35
  36
  37 .footer .social li:last-child,
  38 .footer .social { margin-right: 0 !important }
  39
  40 .header .social li:first-child { border-left: 1px solid #ddd }
  41
  42 .header .social li,
  43 .footer .social li {
  44     border-right: 1px solid #ddd;
  45     display: table-cell;
  46     vertical-align: middle;
  47     height: 40px;
  48     margin-right: 5px;
  49     width: 40px;
  50     text-align: center;
  51     -webkit-transition: background .5s ease-in-out;
  52     -moz-transition: background .5s ease-in-out;
  53     -o-transition: background .5s ease-in-out;
  54     -ms-transition: background .5s ease-in-out;
  55     transition: background .5s ease-in-out;
  56     padding: 1px;
  57 }
  58
  59 .header .social i,
  60 .footer .social i {
  61     color: #555;
  62     font-size: 16px;
  63     -webkit-transition: color .5s ease-in-out;
  64     -moz-transition: color .5s ease-in-out;
  65     -o-transition: color .5s ease-in-out;
  66     -ms-transition: color .5s ease-in-out;
  67     transition: color .5s ease-in-out;
  68 }
  69
  70 .header .social li:hover a i,
  71 .footer .social li:hover a i { color: #fff }
  72
  73
  74
  75
  76 .team .item .team-member-links a.facebook:hover,
  77 .member-social.dark a.facebook:hover,
  78 .header .social li.facebook:hover,
  79 .footer .social li.facebook:hover { background: #4C66A4 }
  80
  81 .team .item .team-member-links a.dribbble:hover,
  82 .member-social.dark a.dribbble:hover,
  83 .header .social li.dribbble:hover,
  84 .footer .social li.dribbble:hover { background: #EA4C89 }
  85
  86 .team .item .team-member-links a.twitter:hover,
  87 .member-social.dark a.twitter:hover,
  88 .header .social li.twitter:hover,
  89 .footer .social li.twitter:hover { background: #2C77BA }
  90
  91 .team .item .team-member-links a.gplus:hover,
  92 .member-social.dark a.gplus:hover,
  93 .header .social li.gplus:hover,
  94 .footer .social li.gplus:hover { background: #9e0b0f }
  95
  96 .team .item .team-member-links a.linkedin:hover,
  97 .member-social.dark a.linkedin:hover,
  98 .header .social li.linkedin:hover,
  99 .footer .social li.linkedin:hover { background: #069 }
 100
 101 .team .item .team-member-links a.pinterest:hover,
 102 .member-social.dark a.pinterest:hover,
 103 .header .social li.pinterest:hover,
 104 .footer .social li.pinterest:hover { background: #C92228 }
 105
 106 .header .social li.rss:hover,
 107 .footer .social li.rss:hover { background: #f60 }
 108
 109
 110 .top-bar .languages  {
 111     padding: 8px 0;
 112 }
 113
 114 .top-bar .languages a {
 115     margin-right: 20px;
 116     color: #555;
 117         font-family: "Open Sans",Helvetica,Arial,sans-serif;
 118     font-size: 14px;
 119     line-height: 24px;
 120 }