Alice
view release on metacpan or search on metacpan
share/static/alice-solarized.css view on Meta::CPAN
div#windows.nicklist div#nicklist_toggle {
right: 135px; }
div#windows.nicklist div.window.active {
right: 121px; }
ul#nicklist {
background-color: #eee8d5;
border-left: 1px solid #ddd7c5;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
top: 0px;
bottom: 0px;
left: -120px;
right: auto;
width: 120px;
overflow-y: auto;
overflow-x: hidden;
visibility: hidden; }
div#windows.nicklist ul#nicklist {
right: 0px;
left: auto;
visibility: visible; }
ul#nicklist li {
display: block;
padding: 3px 5px 0px 5px; }
ul#nicklist li a {
cursor: pointer;
color: #073642;
font-size: 0.8em; }
div#input {
background: #657b83;
border-bottom: 1px solid #44555a;
border-top: 1px solid #44555a;
position: absolute;
bottom: 24px;
left: 0px;
right: 0px;
z-index: 900; }
div#input form {
display: block;
margin: 0;
padding: 0;
height: auto;
line-height: 0px; }
div#input div {
padding: 0 3px;
background: #fdf6e3;
margin: 3px 0;
position: relative; }
div#input div.editor,
div#input textarea {
color: #073642;
line-height: 1.2em;
min-height: 1.2em;
max-height: 150px;
display: block;
padding: 3px 0;
border: none;
margin: 0;
outline: 0 none;
font-size: 12px;
overflow: hidden;
resize: none;
font-family: "Lucida Grande", Helvetica, sans-serif;
background: #fdf6e3; }
div#input textarea {
width: 100%; }
div#input div.editor {
margin-right: 75px;
-khtml-nbsp-mode: space; }
div#input div.editor_toolbar {
overflow: hidden;
position: absolute;
top: -3px;
right: 0px;
width: 70px;
bottom: -3px;
z-index: 902;
background: #eee8d5; }
div#input div.editor_toolbar button {
display: block;
float: left;
color: white;
line-height: 12px;
font-size: 12px;
margin: 0;
padding: 4px 4px;
text-align: center;
background: none;
cursor: pointer;
border: none;
color: #93a1a1; }
div#input div.editor_toolbar button.colors:hover {
background: none; }
div#input div.editor_toolbar button.colors {
width: 14px;
height: 14px;
border: 2px solid #073642;
margin: 4px;
padding: 0; }
div#input div.editor_toolbar button.selected {
color: #586e75; }
.bold {
font-weight: bold; }
.italic {
font-style: italic; }
.underline {
text-decoration: underline; }
div.editor div,
div.editor p,
div.editor h1,
div.editor h2,
div.editor h3,
div.editor h4,
div.editor h5,
div.editor span {
font-size: 1em !important;
margin: 0 !important;
padding: 0 !important; }
div.editor img {
display: none !important; }
div#input input.send {
display: none; }
ul#tabs {
list-style: none;
margin: 0;
padding: 0;
padding-left: 1px;
font-size: 11px;
position: absolute;
left: 0px;
height: 25px;
overflow: hidden;
width: 5000px;
-webkit-transition: left 0.25s ease-in-out;
-moz-transition: left 0.25s ease-in-out; }
div#tab_bar {
bottom: 0px;
left: 0px;
right: 0px;
height: 25px;
position: absolute;
background: url(image/sprites.png) 0px -300px repeat-x #586e75; }
div#tabs_container {
position: absolute;
top: 0px;
bottom: 0px;
right: 60px;
left: 48px;
overflow: hidden; }
ul#tabs li {
float: left;
margin: 0;
margin-left: -1px;
color: white;
background: url(image/sprites.png) 0px -300px repeat-x #586e75;
opacity: 1 !important; }
ul#tabs li.hidden {
display: none; }
ul#tabs li.visible {
display: block; }
ul#tabs li div.hit_area {
border: 1px solid transparent;
border-bottom: none;
border-top: none;
float: left;
height: 14px;
padding: 4px 10px 7px 4px; }
ul#tabs li.active div.hit_area {
border: 1px solid #44555a;
border-top: none;
share/static/alice-solarized.css view on Meta::CPAN
float: left;
display: block;
width: 20px;
height: 20px;
margin: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
div.color_picker div.toggle {
height: 18px; }
div.color_picker div.toggle span.blank {
float: right;
color: red;
font-weight: bold;
text-align: center;
width: 20px;
line-height: 9px; }
div.color_picker div.toggle span#fg,
div.color_picker div.toggle span#bg {
float: left;
font-size: 9px;
background: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: black;
text-align: center;
padding: 2px 5px; }
div.color_picker div.toggle span#fg.active,
div.color_picker div.toggle span#bg.active {
background: rgba(0, 0, 0, 0.6);
color: white; }
@media screen and (max-width: 480px) {
div#topic {
padding-left: 58px; }
div#nicklist_toggle {
display: none !important; }
div.msg img {
max-width: 200px;
max-height: 200px; }
div.left {
width: 50px !important;
padding-right: 0px !important;
text-overflow: clip; }
div.msg {
margin-left: 54px !important; }
div#input div {
margin-right: 58px;
background: none; }
div#input div.editor_toolbar {
display: none; }
div#input div.editor {
margin-right: 0; }
div#input input.send {
display: block;
position: absolute;
bottom: 0px;
right: 2px;
z-index: 904; }
div.msg.monospace, div.msg.announce {
line-height: 11px; }
div.msg img {
border: none;
max-width: 150px;
max-height: 150px; } }
div.config {
position: absolute;
top: 50%;
left: 50%;
background: #657b83;
padding-bottom: 29px;
z-index: 981;
-webkit-box-shadow: 1px 1px 3px #000;
-moz-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
border: 5px solid #44555a; }
div.config#join {
width: 180px;
height: 100px;
margin-left: -90px;
margin-top: -50px; }
div.config#prefs {
padding-bottom: 29px;
width: 326px;
height: 294px;
margin-left: -178px;
margin-top: -162px; }
div.config#servers {
width: 460px;
height: 380px;
margin-left: -230px;
margin-top: -210px; }
div.config#tabsets {
width: 300px;
height: 200px;
margin-left: -155px;
margin-top: -120px; }
div.config div.buttons {
clear: both;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 2px 8px;
( run in 1.185 second using v1.01-cache-2.11-cpan-39bf76dae61 )