header img { max-height: 5cm; max-width: 5cm; } section img { max-height: 5cm; max-width: 5cm; } /* Posts: Speech Bubbles */ .bubble { position: relative; width: auto; height: auto; min-height: 100px; padding: 15px; background: #1C1C1C; color: white; border-radius: 10px; } .bubble:after { content: ''; position: absolute; border-style: solid; border-width: 15px 15px 0; border-color: #1C1C1C transparent; display: block; width: 0; z-index: 1; bottom: -15px; } .gossip { background: none; background-image: url("../img/sickburn.png"); background-repeat: no-repeat; background-position: left bottom; background-size: 100% 100%; } .gossip:after { content: ''; position: absolute; border-style: solid; border-width: 15px 15px 0; border-image: url("../img/sickburn.png") transparent; border-color: none; display: block; width: 0; z-index: 1; bottom: -15px; } .bubble-left:after { left: 25%; } .bubble-right:after { left: 75%; } .create-post .nav-tabs label { padding: 5px 10px; font-weight: bold; margin-bottom: 3px; } .create-post .nav-tabs>li.active>a { font-weight: bold; } .create-post>.nav-tabs { border-bottom: none; } .create-post li a { padding: 5px 10px; background-color: #3b4045; color: #fff; } .create-post li a:hover{ color: #555; } .create-post .checkbox-inline { margin-left: 5px; margin-top: 3px; } .create-post button { margin-top: 3px; } .section-post { padding-bottom: 20px; } /* Circle Buttons */ .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } /* Navbar */ nav.navbar-custom { background: #1b242c;} nav.navbar-custom a { color: #fff; } nav.navbar-custom ul.navbar-nav a { color: #fff; border-style: solid; border-width: 2px 0 0 0; border-color:#1b242c; } nav.navbar-custom ul.navbar-nav a:hover, nav.navbar-custom ul.navbar-nav a:visited, nav.navbar-custom ul.navbar-nav a:focus, nav.navbar-custom ul.navbar-nav a:active { background:#3b4045; } nav.navbar-custom ul.navbar-nav a:hover {border-color: #5fb000; } nav.navbar-custom li.divider { background: #ccc; } nav.navbar-custom button.navbar-toggle { background: #1b242c; border-radius: 2px; } nav.navbar-custom button.navbar-toggle:hover { background: #999; } nav.navbar-custom button.navbar-toggle > span.icon-bar { background: #fff; } nav.navbar-custom ul.dropdown-menu { border: 0; background: #fff; border-radius: 4px; margin: 4px 0; box-shadow: 0 0 4px 0 #ccc; } nav.navbar-custom ul.dropdown-menu > li > a { color: #444; } nav.navbar-custom ul.dropdown-menu > li > a:hover { background: #f14444; color: #fff; } nav.navbar-custom span.badge { background: #f14444; font-weight: normal; font-size: 11px; margin: 0 4px; } nav.navbar-custom span.badge.new { background: rgba(255, 0, 0, 0.8); color: #fff; } /* Chat */ .chat { list-style: none; margin: 0; padding: 0; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; color: #777777; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .panel-body { overflow-y: scroll; height: 250px; } .panel-heading { background-color: #000000 !important; } .panel-heading, .panel-primary { border-color: #000000 !important; } .chat-user-btn-circle{ text-decoration: none; outline: none!important; position: relative; display: inline-block; height: 40px; width: 40px; color: #555; border-radius: 50%; border: 1px solid #ddd; background-color: #fff; } .chat-user-btn-circle:hover { cursor:pointer; } .chat-user-btn-offline { background-color: #d9534f; border-color: #d43f3a; } .chat-user-btn-offline:hover { background-color: #d43f3a; } .chat-user-btn-online { background-color: #5cb85c; border-color: #4cae4c; } .chat-user-btn-online:hover { background-color: #4cae4c; } .chat-user-btn-circle .fa { float: left; height: 100%; width: 100%; font-size: 18px; line-height: 39px; text-align: center; } .chat-user-btn-circle .indicator-dot { position: absolute; top: -1px; right: -1px; height: 16px; width: 16px; font-size: 10px; font-weight: bold; text-align: center; line-height: 17px; border-radius: 50%; color: #fff; background-color: #f0ad4e; border-color: #eea236; } .activity-feed { padding: 15px; } .activity-feed .feed-item { position: relative; padding-bottom: 20px; padding-left: 30px; border-left: 2px solid #e4e8eb; } .activity-feed .feed-item:last-child { border-color: transparent; } .activity-feed .feed-item:after { content: ""; display: block; position: absolute; top: 0; left: -6px; width: 10px; height: 10px; border-radius: 6px; background: #fff; border: 1px solid #f37167; } .activity-feed .feed-item .date { position: relative; top: -5px; color: #8c96a3; text-transform: uppercase; font-size: 13px; } .activity-feed .feed-item .text { position: relative; top: -3px; }