|
|
|
@ -19,25 +19,25 @@ body { |
|
|
|
|
height: 25px; |
|
|
|
|
} |
|
|
|
|
.horizontal-line { |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
border-bottom: 1px solid #121212; |
|
|
|
|
} |
|
|
|
|
.vertical-line { |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0; |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0; |
|
|
|
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0; |
|
|
|
|
box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0; |
|
|
|
|
border-right: 1px solid #121212; |
|
|
|
|
} |
|
|
|
|
.vertical-line-left { |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) -1px 0 0; |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) -1px 0 0; |
|
|
|
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) -1px 0 0; |
|
|
|
|
box-shadow: rgba(255, 255, 255, 0.07) -1px 0 0; |
|
|
|
|
border-left: 1px solid #121212; |
|
|
|
|
} |
|
|
|
|
.panel-group .panel-heading + .panel-collapse .panel-body { |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 -1px 0; |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 -1px 0; |
|
|
|
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 -1px 0; |
|
|
|
|
box-shadow: rgba(255, 255, 255, 0.07) 0 -1px 0; |
|
|
|
|
border-top: 1px solid #121212; |
|
|
|
@ -121,7 +121,7 @@ input[type=text], input[type=password], .badge { |
|
|
|
|
z-index: 2; |
|
|
|
|
line-height: 35px; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
-webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
-moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0; |
|
|
|
|
} |
|
|
|
@ -130,15 +130,15 @@ input[type=text], input[type=password], .badge { |
|
|
|
|
height: 35px; |
|
|
|
|
padding-left: 5px; |
|
|
|
|
} |
|
|
|
|
#topbar .brand img { |
|
|
|
|
#topbar .brand img { |
|
|
|
|
height: 32px; |
|
|
|
|
} |
|
|
|
|
#topbar .brand button { |
|
|
|
|
} |
|
|
|
|
#topbar .brand button { |
|
|
|
|
position: absolute; |
|
|
|
|
line-height: 15px; |
|
|
|
|
font-size: 9pt; |
|
|
|
|
margin-left: 10px |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
#topbar .title { |
|
|
|
|
position: fixed; |
|
|
|
|
left: 145px; /* sidebar */ |
|
|
|
@ -174,7 +174,7 @@ input[type=text], input[type=password], .badge { |
|
|
|
|
overflow-x: hidden; |
|
|
|
|
margin-top: 35px; /* topbar */ |
|
|
|
|
font-size: smaller; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
#sidebar form { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -263,19 +263,85 @@ input[type=text], input[type=password], .badge { |
|
|
|
|
.navbar-inverse { |
|
|
|
|
background-color: #181818; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.color-light-green { |
|
|
|
|
color: chartreuse; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.color-27 { |
|
|
|
|
color: deepskyblue; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.danger, .alert-danger, .badge .alert-danger { |
|
|
|
|
background-color: rgb(217, 83, 79); |
|
|
|
|
color: #ddd; |
|
|
|
|
} |
|
|
|
|
.alert-danger { |
|
|
|
|
border-color: #121212; |
|
|
|
|
color: black; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.notification { |
|
|
|
|
color: green; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
[ng-click], |
|
|
|
|
[data-ng-click], |
|
|
|
|
[x-ng-click] { |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
::-webkit-scrollbar { |
|
|
|
|
width: 10px; |
|
|
|
|
height: 10px; |
|
|
|
|
} |
|
|
|
|
::-webkit-scrollbar-track-piece { |
|
|
|
|
background-color: black; |
|
|
|
|
} |
|
|
|
|
::-webkit-scrollbar-thumb:vertical { |
|
|
|
|
height: 15px; |
|
|
|
|
background: rgba(255,255,255,0.5); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
img.embed { |
|
|
|
|
max-height: 300px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
table.notimestamp td.time { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* */ |
|
|
|
|
/* Mobile layout */ |
|
|
|
|
/* */ |
|
|
|
|
@media (max-width: 968px) { |
|
|
|
|
.message span { |
|
|
|
|
color: #C7C7C7; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bufferline { |
|
|
|
|
line-height: 25px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#sidebar { |
|
|
|
|
font-size: normal; |
|
|
|
|
z-index: 1; |
|
|
|
|
width: 0; |
|
|
|
|
bottom: 0px; |
|
|
|
|
width: 60%; |
|
|
|
|
top: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#sidebar.in, #sidebar.collapsing { |
|
|
|
|
-webkit-box-shadow: 0px 0px 120px #000; |
|
|
|
|
box-shadow: 0px 0px 120px #000; |
|
|
|
|
bottom: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#topbar .title { |
|
|
|
|
left: 40px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#bufferlines, #nicklist { |
|
|
|
|
position: relative; |
|
|
|
|
min-height: 0; |
|
|
|
@ -284,82 +350,51 @@ input[type=text], input[type=password], .badge { |
|
|
|
|
max-width: 100%; |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#nicklist { |
|
|
|
|
width: 100%; |
|
|
|
|
width: 160px; |
|
|
|
|
text-align: center; |
|
|
|
|
-webkit-box-shadow: 0px 0px 120px #000; |
|
|
|
|
box-shadow: 0px 0px 120px #000; |
|
|
|
|
position: fixed; |
|
|
|
|
margin-top: 10px; |
|
|
|
|
background: #282828; |
|
|
|
|
bottom: 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#bufferlines { |
|
|
|
|
padding-bottom: 38px; /* navbar fixed bottom */ |
|
|
|
|
padding-bottom: 38px; /* navbar fixed bottom */; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.navbar-fixed-bottom { |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.navbar { |
|
|
|
|
min-height: 0%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#bufferlines td.time { |
|
|
|
|
display: inline; |
|
|
|
|
padding-right: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#bufferlines td.prefix { |
|
|
|
|
display: inline; |
|
|
|
|
padding-right: 0; |
|
|
|
|
border: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#bufferlines td.message { |
|
|
|
|
padding-left: 0; |
|
|
|
|
display: inline; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#bufferlines td.prefix:before { |
|
|
|
|
content: "<"; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#bufferlines td.prefix:after { |
|
|
|
|
content: ">"; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.color-light-green { |
|
|
|
|
color: chartreuse; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.color-27 { |
|
|
|
|
color: deepskyblue; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.danger, .alert-danger, .badge .alert-danger { |
|
|
|
|
background-color: rgb(217, 83, 79); |
|
|
|
|
color: #ddd; |
|
|
|
|
} |
|
|
|
|
.alert-danger { |
|
|
|
|
border-color: #121212; |
|
|
|
|
color: black; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li.notification { |
|
|
|
|
color: green; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
[ng-click], |
|
|
|
|
[data-ng-click], |
|
|
|
|
[x-ng-click] { |
|
|
|
|
cursor: pointer; |
|
|
|
|
} |
|
|
|
|
::-webkit-scrollbar { |
|
|
|
|
width: 10px; |
|
|
|
|
height: 10px; |
|
|
|
|
} |
|
|
|
|
::-webkit-scrollbar-track-piece { |
|
|
|
|
background-color: black; |
|
|
|
|
} |
|
|
|
|
::-webkit-scrollbar-thumb:vertical { |
|
|
|
|
height: 15px; |
|
|
|
|
background: rgba(255,255,255,0.5); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
img.embed { |
|
|
|
|
max-height: 300px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
table.notimestamp td.time { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|