Alice
7 results

 view release on metacpan or  search on metacpan

MANIFEST  view on Meta::CPAN 

share/buffer.sql
share/static/alice-dark.css
share/static/alice-default.css
share/static/alice-solarized.css
share/static/alice.js
share/static/beep.mp3
share/static/favicon.ico
share/static/image/alice.png
share/static/image/aquaTabClose.png
share/static/image/arrow.png
share/static/image/background-self.png
share/static/image/background.png
share/static/image/config.png
share/static/image/external.png
share/static/image/formatting.png
share/static/image/loading.gif
share/static/image/logo.png
share/static/image/logo2x.png
share/static/image/logo2x.txt
share/static/image/overflow-active.png
share/static/image/overflow.png
share/static/image/pause.png

lib/Alice/Readme.pod  view on Meta::CPAN 

Alice::ReadMe - an Altogether Lovely Internet Chatting Experience

=head1 SYNPOSIS

    arthur:~ leedo$ alice
    Location: http://localhost:8080/

=head1 DESCRIPTION

Alice is an IRC client that is viewed in the web browser. Alice
runs in the background maintaining connections and collecting
messages. When a browser connects, it will display the 100 most
recent messages for each channel, and update with any new messages
as they arrive.

Alice also logs messages to an SQLite database. These logs are
searchable through the web interface.

=head1 USAGE

Installation will add a new `alice` command to start the alice

share/static/alice-dark.css  view on Meta::CPAN 

  width: 24px;
  height: 24px;
  z-index: 905; }

div#join_button {
  position: absolute;
  bottom: 0px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url(image/sprites.png) -32px -36px no-repeat;
  cursor: pointer; }

div#join_button:hover {
  background: url(image/sprites.png) -32px -56px no-repeat; }

div#tab_bar div#tabset_dropdown {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url(image/sprites.png) -29px 4px no-repeat;
  opacity: 1;
  cursor: pointer; }

div#tab_bar div#tabset_dropdown:hover {
  background: url(image/sprites.png) -29px -16px no-repeat; }

div#tab_bar .dropdown.active {
  opacity: 1;
  cursor: pointer; }

div#tab_menu_left {
  position: absolute;
  left: 24px;
  bottom: 0px;
  border-right: 1px solid #222222; }

share/static/alice-dark.css  view on Meta::CPAN 


div#tab_menu_right ul {
  right: -1px;
  left: auto; }

.dropdown li.selectedset,
.dropdown li.unread {
  font-weight: bold; }

.tab_menu.active {
  background: url(image/sprites.png) 4px -275px no-repeat; }

#tab_menu_left.tab_menu.active {
  background: url(image/sprites.png) -29px -275px no-repeat; }

.tab_menu:hover,
.tab_menu.open {
  background: url(image/sprites.png) 4px -175px no-repeat; }

#tab_menu_left.tab_menu:hover,
#tab_menu_left.tab_menu.open {
  background: url(image/sprites.png) -29px -175px no-repeat; }

.tab_menu.unread {
  background: url(image/sprites.png) 4px -195px no-repeat; }

#tab_menu_left.tab_menu.unread {
  background: url(image/sprites.png) -29px -195px no-repeat; }

.tab_menu.highlight {
  background: url(image/sprites.png) 4px -236px no-repeat; }

#tab_menu_left.tab_menu.highlight {
  background: url(image/sprites.png) -29px -236px no-repeat; }

div#config_menu {
  top: 0px;
  left: 0px;
  height: 17px;
  border: #fff;
  border: 1px solid #999999;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  cursor: pointer;
  position: absolute;
  z-index: 902;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAaCAYAAAADiYpyAAADG0lEQVRYw+2ZS0hVURSGr9qVBipGDysaZUIRRQ9u70FlgwYZFTRp0ItIgqKixEERBE2i6A1FWUjSKKGoBiVZEEnRw8oKa9KLoIcQZWqW5teg/8DicM6596gHruiBhey19tp7r+/svfY61xgQGxBiAxAiBpEJtLpkRn...
  background-color: #555555;
  background-size: 33px 13px;
  width: 50px; }

div#config_menu > ul {
  margin-left: -1px; }

@media screen and (-webkit-device-pixel-ratio: 2) {
  div#config_menu {
    top: 0px;
    left: 0px;
    height: 17px;
    border: #fff;
    border: 1px solid #999999;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    cursor: pointer;
    position: absolute;
    z-index: 902;
    background: url(image/logo2x.png) center center no-repeat;
    -webkit-background-size: 33px 13px;
    background-color: #555555;
    width: 53px; } }
div#config_menu ul ul {
  left: 100%;
  right: auto;
  margin-left: -2px; }

div#config_menu.open,
div#config_menu:hover {
  background-color: #4196FF;
  border: 1px solid #94C4FF;
  border-right: 1px solid #1859A8;
  border-bottom: 1px solid #1859A8; }

div#config_menu.open {
  border: 1px solid #1859A8; }

div#connection_status.loading {
  background: url(image/loading.gif) center 3px no-repeat;
  background-color: #444444; }

div#connection_status {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 904;
  background-color: #444444;
  border-top: 1px solid #222222; }

body {
  font-family: "Lucida Grande", Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  background: #222222; }

a:link, a:visited, a:active {
  color: #f09740; }

a:hover {
  color: #d7863a; }

div#windows {
  position: absolute;
  top: 19px;

share/static/alice-dark.css  view on Meta::CPAN 

  width: 100%;
  height: 100%;
  table-layout: fixed; }

div.window {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -100%;
  right: 100%;
  background: #222222;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

div.window.active {
  left: 0px;
  right: 0px; }

div#nicklist_toggle {
  position: absolute;
  text-align: center;
  width: 0px;
  height: 50px;
  margin-top: -25px;
  top: 50%;
  right: 15px;
  background: url(image/slider.png) center center no-repeat;
  background-color: #444444;
  border: 1px solid #222222;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition-property: opacity, width;
  -webkit-transition-duration: 0.3s, 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, width;
  -moz-transition-duration: 0.3s, 0.2s;
  -moz-transition-timing-function: ease-in-out;
  border-radius: 2px;
  color: white;
  font-size: 14px;
  z-index: 902;
  cursor: pointer;
  opacity: 0; }

div#nicklist_toggle:hover {
  background-color: #3a3a3a; }

div#windows.nicklist div#nicklist_toggle {
  background-image: url(image/slider-right.png); }

div#nicklist_toggle.visible,
div#nicklist_toggle:hover,
div#nicklist_toggle:active {
  opacity: 1;
  width: 12px; }

div#windows.nicklist div#nicklist_toggle {
  right: 135px; }

div#windows.nicklist div.window.active {
  right: 121px; }

ul#nicklist {
  background-color: #111111;
  border-left: 1px solid black;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0px;
  bottom: 0px;
  left: -120px;
  right: auto;
  width: 120px;

share/static/alice-dark.css  view on Meta::CPAN 

ul#nicklist li {
  display: block;
  padding: 3px 5px 0px 5px; }

ul#nicklist li a {
  cursor: pointer;
  color: white;
  font-size: 0.8em; }

div#input {
  background: #333333;
  border-bottom: 1px solid #222222;
  border-top: 1px solid #444444;
  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: black;
  margin: 3px 0;
  position: relative; }

div#input div.editor,
div#input textarea {
  color: white;
  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: black; }

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: #333333; }

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: #666666; }

div#input div.editor_toolbar button.colors:hover {
  background: none; }

div#input div.editor_toolbar button.colors {
  width: 14px;
  height: 14px;
  border: 2px solid white;
  margin: 4px;
  padding: 0; }

div#input div.editor_toolbar button.selected {
  color: white; }

share/static/alice-dark.css  view on Meta::CPAN 

  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 #444444; }

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 #444444;
  opacity: 1 !important; }

ul#tabs li.hidden {
  display: none; }

ul#tabs li.visible {
  display: block; }

ul#tabs li div.hit_area {
  border: 1px solid #222222;
  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 #222222;
  border-top: none;
  background: #333333;
  height: 11px;
  padding-top: 5px;
  margin-top: -1px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-border-bottom-left-radius: 1px;
  -webkit-border-bottom-right-radius: 1px;
  -moz-border-bottom-left-radius: 1px;
  -moz-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px; }

ul#tabs li:not(.active) {
  z-index: 900 !important; }

ul#tabs li.active {
  height: 25px;
  z-index: 903;
  background: #444444; }

ul#tabs li.active:hover div.hit_area {
  background: #333333; }

ul#tabs li:hover div.hit_area {
  background: #3a3a3a;
  background: url(image/sprites.png) 0px -300px repeat-x #3a3a3a; }

div#topic {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #3a3a3a;
  text-align: center;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #333333;
  padding: 1px 0;
  padding-left: 50px;
  font-size: 11px;
  height: 15px;
  min-height: 15px;
  overflow: hidden;
  z-index: 901;

share/static/alice-dark.css  view on Meta::CPAN 

ul.messages {
  list-style: none;
  margin: 0;
  padding: 3px 0;
  margin: 0; }

ul.messages > li {
  font-size: 13px;
  display: block;
  position: relative;
  background-color: #111111; }

ul.messages > li:not(.consecutive) {
  clear: both; }

ul.messages li.highlight div.msg {
  border-right: 3px solid #ff4300; }

.info ul.messages li.highlight,
ul.messages li.self {
  background: #111111;
  border-right: none; }

.info ul.messages li.highlight div.msg,
ul.messages li.self div.msg {
  background: #333333; }

ul.messages li div.msg {
  background: #222222; }

ul.messages li.consecutive div.left {
  opacity: 0;
  height: 0px;
  position: absolute;
  left: -1000px; }

div.left {
  float: left;
  width: 95px;

share/static/alice-dark.css  view on Meta::CPAN 

  float: right;
  display: block; }

ul.messages li.avatar span.nick {
  position: absolute;
  z-index: 801;
  right: 4px;
  top: 3px;
  padding: 0 2px;
  min-width: 28px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0; }

div.timehint {
  font-size: 10px;
  float: right;
  padding: 6px 5px 0 5px;
  color: #666666;
  opacity: 0; }

share/static/alice-dark.css  view on Meta::CPAN 

  line-height: 0px;
  vertical-align: 2px;
  padding-left: 1px; }

sup.external a {
  text-decoration: none;
  color: #444;
  text-shadow: 1px 1px 1px white;
  margin-left: 1px;
  font-size: 0.7em;
  background-color: #CCC;
  border-radius: 3px;
  padding: 1px 2px 1px 3px;
  font-weight: normal;
  letter-spacing: 0;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }

sup.external a:hover {
  background-color: #D1D3D3; }

sup.external a:after {
  content: " â–¸"; }

div.oembed iframe {
  min-height: 250px;
  font-size: 0.8em;
  border: none;
  margin: 0;
  padding: 0; }

share/static/alice-dark.css  view on Meta::CPAN 

  text-align: center;
  opacity: 0;
  color: #fff;
  padding: 4px 0px;
  cursor: pointer;
  font-size: 11px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

div.image a:hover a.hideimg {
  opacity: 1;
  background: rgba(0, 0, 0, 0.25); }

div.image a a.hideimg:hover {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1; }

div.msg div.oembed img,
div.msg div.image img {
  border: none;
  max-height: 300px;
  max-width: 100%; }

ul.messages li.monospaced + li.monospaced.consecutive {
  padding-top: 0px; }

share/static/alice-dark.css  view on Meta::CPAN 

  font-family: Monaco, monospace;
  font-size: 10px;
  line-height: 12px;
  word-wrap: normal; }

li.monospaced div.msg span[style*="bold"] {
  letter-spacing: -1px; }

ul.messages li.event {
  font-size: 11px;
  background: #333333;
  border-bottom: 1px solid #111111; }

ul.messages li.event.notice {
  background: #eb2222;
  color: #fff; }

ul.messages li.event.notice a {
  color: #fffc00;
  text-decoration: none; }

ul.messages li.event.happynotice {
  background: #3fc842;
  color: #fff; }

ul.messages li.event div.msg {
  background: none;
  border-left: none; }

ul.messages li.event div.left {
  font-weight: normal; }

ul.messages li.announce div.msg {
  color: #777;
  white-space: pre-wrap; }

div.msg img.audio {

share/static/alice-dark.css  view on Meta::CPAN 

  color: white;
  text-decoration: none; }

div.tab_button {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 6px; }

li.channel_tab div.tab_button {
  background: url(image/sprites.png) 0px -80px no-repeat; }

li.loading.channel_tab div.tab_button {
  background: url(image/sprites.png) -38px -80px no-repeat; }

li.privmsg_tab div.tab_button {
  background: url(image/sprites.png) 0px -120px no-repeat; }

li.loading.privmsg_tab div.tab_button {
  background: url(image/sprites.png) -38px -140px no-repeat; }

li.info_tab div.tab_button {
  background: url(image/sprites.png) 0px 0px no-repeat; }

li.loading.info_tab div.tab_button {
  background: url(image/sprites.png) -39px -160px no-repeat; }

ul#tabs li.disabled.channel_tab div.tab_button:hover,
ul#tabs li.active div.tab_button:hover {
  background: url(image/sprites.png) 1px -260px no-repeat; }

ul#tabs li.unread.channel_tab div.tab_button {
  background: url(image/sprites.png) 0px -20px no-repeat; }

ul#tabs li.highlight.privmsg_tab div.tab_button,
ul#tabs li.unread.privmsg_tab div.tab_button {
  background: url(image/sprites.png) 0 -100px no-repeat; }

ul#tabs li.highlight.channel_tab div.tab_button {
  background: url(image/sprites.png) 0 -40px no-repeat; }

ul#tabs li.disabled.channel_tab div.tab_button {
  background: url(image/sprites.png) 0 -60px no-repeat; }

div#help {
  position: absolute;
  z-index: 980;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  left: 20px;
  right: 20px;
  top: 25px;
  bottom: 60px;
  padding: 10px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.9); }

share/static/alice-dark.css  view on Meta::CPAN 

  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: white;
  text-align: center;
  padding: 2px 5px; }

div.color_picker div.toggle span#fg.active,
div.color_picker div.toggle span#bg.active {
  background: rgba(255, 255, 255, 0.6);
  color: black; }

@media screen and (max-width: 480px) {
  div#topic {
    padding-left: 58px; }

  div#nicklist_toggle {
    display: none !important; }

  div.msg img {

share/static/alice-dark.css  view on Meta::CPAN 

  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;

share/static/alice-dark.css  view on Meta::CPAN 

    line-height: 11px; }

  div.msg img {
    border: none;
    max-width: 150px;
    max-height: 150px; } }
div.config {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #333333;
  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 #222222; }

div.config#join {
  width: 180px;
  height: 100px;

share/static/alice-dark.css  view on Meta::CPAN 

  margin-top: -120px; }

div.config div.buttons {
  clear: both;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 2px 8px;
  height: 24px;
  background: #222222;
  border: 1px solid #333333;
  border-top: none; }

div.config div.buttons button {
  float: right; }

div.config div.config_body table {
  display: none; }

div.config div.config_body table.active {

share/static/alice-dark.css  view on Meta::CPAN 

div.config span {
  font-size: 0.8em; }

div.config select {
  width: 135px;
  font-size: 0.8em;
  outline: 0 none; }

div.config select[multiple] {
  height: 70px;
  background: black;
  color: white; }

div.config div.sidebar div.controls {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 5px 8px;
  background: #3a3a3a; }

div.config div.config_body {
  position: absolute;
  left: 151px;
  top: 0px;
  bottom: 29px;
  right: 0px; }

div.config_body table {
  width: 100%; }

share/static/alice-dark.css  view on Meta::CPAN 

  margin: 0 5px 0 0; }

div.config .controls a:hover {
  text-decoration: underline; }

div.config label {
  color: #cccccc;
  font-size: 0.8em; }

div.config input[type="text"] {
  background: black;
  color: white; }

div.config input[type="checkbox"] {
  float: left;
  margin-right: 4px; }

div.config div.sidebar {
  position: absolute;
  top: 0px;
  bottom: 29px;
  left: 0px;
  width: 150px;
  background: #444444; }

div.config div.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  position: absolute;
  top: 22px;
  bottom: 24px;
  overflow: auto;
  right: 0px;

share/static/alice-dark.css  view on Meta::CPAN 

  font-weight: normal;
  padding: 5px 8px;
  margin: 0; }

div.config div.sidebar li {
  padding: 5px 8px;
  cursor: pointer;
  font-size: 0.8em; }

div.config div.sidebar li:hover {
  background: #3a3a3a; }

div.config div.sidebar li.active,
div.config div.sidebar li.disconnected.active,
div.config div.sidebar li.connected.active {
  background: #333333; }

div.config div.sidebar li.disconnected {
  color: #cccccc; }

div.config div.sidebar li.connected {
  color: white; }

/* auto-generated css classes for irc->html */
.bold {
  font-weight: bold; }

share/static/alice-dark.css  view on Meta::CPAN 

.ul {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.fg-fff {
  color: #fff; }

.bg-fff {
  background-color: #fff; }

.fg-000 {
  color: #000; }

.bg-000 {
  background-color: #000; }

.fg-008 {
  color: #008; }

.bg-008 {
  background-color: #008; }

.fg-080 {
  color: #080; }

.bg-080 {
  background-color: #080; }

.fg-f00 {
  color: #f00; }

.bg-f00 {
  background-color: #f00; }

.fg-800 {
  color: #800; }

.bg-800 {
  background-color: #800; }

.fg-808 {
  color: #808; }

.bg-808 {
  background-color: #808; }

.fg-f80 {
  color: #f80; }

.bg-f80 {
  background-color: #f80; }

.fg-ff0 {
  color: #ff0; }

.bg-ff0 {
  background-color: #ff0; }

.fg-0f0 {
  color: #0f0; }

.bg-0f0 {
  background-color: #0f0; }

.fg-088 {
  color: #088; }

.bg-088 {
  background-color: #088; }

.fg-0ff {
  color: #0ff; }

.bg-0ff {
  background-color: #0ff; }

.fg-00f {
  color: #00f; }

.bg-00f {
  background-color: #00f; }

.fg-f0f {
  color: #f0f; }

.bg-f0f {
  background-color: #f0f; }

.fg-888 {
  color: #888; }

.bg-888 {
  background-color: #888; }

.fg-ccc {
  color: #ccc; }

.bg-ccc {
  background-color: #ccc; }

span.nickborder {
  width: 0px;
  opacity: 0;
  position: absolute;
  left: -1000px; }

.dropdown.top ul {
  bottom: auto;
  top: 100%;

share/static/alice-dark.css  view on Meta::CPAN 

  bottom: 100%;
  top: auto; }

.dropdown ul {
  position: absolute;
  left: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: #444444;
  border: 1px solid #222222;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  white-space: nowrap; }

.dropdown.top ul {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;

share/static/alice-dark.css  view on Meta::CPAN 

  padding: 4px 10px;
  text-decoration: none; }

.dropdown li {
  cursor: pointer; }

.dropdown li a:hover {
  color: white; }

.dropdown ul li:hover {
  background: #3a3a3a; }

.dropdown > ul ul {
  display: none;
  right: 100%; }

.dropdown.top > ul ul {
  top: -1px;
  bottom: auto; }

.dropdown.bottom > ul ul {
  bottom: -1px;
  top: auto; }

.dropdown li.separate-bottom {
  border-bottom: 1px solid #3a3a3a; }

.dropdown li.submenu {
  background: url(image/arrow.png) center right no-repeat; }

.dropdown li.submenu:hover {
  background: url(image/arrow.png) #3a3a3a center right no-repeat; }

.dropdown > ul li.submenu:hover ul {
  display: block; }

body > div.copybuffer {
  overflow: hidden;
  position: absolute;
  top: -500px;
  height: 1px; }

share/static/alice-default.css  view on Meta::CPAN 

  width: 24px;
  height: 24px;
  z-index: 905; }

div#join_button {
  position: absolute;
  bottom: 0px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url(image/sprites.png) -32px -36px no-repeat;
  cursor: pointer; }

div#join_button:hover {
  background: url(image/sprites.png) -32px -56px no-repeat; }

div#tab_bar div#tabset_dropdown {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url(image/sprites.png) -29px 4px no-repeat;
  opacity: 1;
  cursor: pointer; }

div#tab_bar div#tabset_dropdown:hover {
  background: url(image/sprites.png) -29px -16px no-repeat; }

div#tab_bar .dropdown.active {
  opacity: 1;
  cursor: pointer; }

div#tab_menu_left {
  position: absolute;
  left: 24px;
  bottom: 0px;
  border-right: 1px solid #999999; }

share/static/alice-default.css  view on Meta::CPAN 


div#tab_menu_right ul {
  right: -1px;
  left: auto; }

.dropdown li.selectedset,
.dropdown li.unread {
  font-weight: bold; }

.tab_menu.active {
  background: url(image/sprites.png) 4px -275px no-repeat; }

#tab_menu_left.tab_menu.active {
  background: url(image/sprites.png) -29px -275px no-repeat; }

.tab_menu:hover,
.tab_menu.open {
  background: url(image/sprites.png) 4px -175px no-repeat; }

#tab_menu_left.tab_menu:hover,
#tab_menu_left.tab_menu.open {
  background: url(image/sprites.png) -29px -175px no-repeat; }

.tab_menu.unread {
  background: url(image/sprites.png) 4px -195px no-repeat; }

#tab_menu_left.tab_menu.unread {
  background: url(image/sprites.png) -29px -195px no-repeat; }

.tab_menu.highlight {
  background: url(image/sprites.png) 4px -236px no-repeat; }

#tab_menu_left.tab_menu.highlight {
  background: url(image/sprites.png) -29px -236px no-repeat; }

div#config_menu {
  top: 0px;
  left: 0px;
  height: 17px;
  border: #fff;
  border: 1px solid #cccccc;
  border-bottom: 1px solid #555555;
  border-right: 1px solid #555555;
  cursor: pointer;
  position: absolute;
  z-index: 902;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAaCAYAAAADiYpyAAADG0lEQVRYw+2ZS0hVURSGr9qVBipGDysaZUIRRQ9u70FlgwYZFTRp0ItIgqKixEERBE2i6A1FWUjSKKGoBiVZEEnRw8oKa9KLoIcQZWqW5teg/8DicM6596gHruiBhey19tp7r+/svfY61xgQGxBiAxAiBpEJtLpkRn...
  background-color: #999999;
  background-size: 33px 13px;
  width: 50px; }

div#config_menu > ul {
  margin-left: -1px; }

@media screen and (-webkit-device-pixel-ratio: 2) {
  div#config_menu {
    top: 0px;
    left: 0px;
    height: 17px;
    border: #fff;
    border: 1px solid #cccccc;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;
    cursor: pointer;
    position: absolute;
    z-index: 902;
    background: url(image/logo2x.png) center center no-repeat;
    -webkit-background-size: 33px 13px;
    background-color: #999999;
    width: 53px; } }
div#config_menu ul ul {
  left: 100%;
  right: auto;
  margin-left: -2px; }

div#config_menu.open,
div#config_menu:hover {
  background-color: #4196FF;
  border: 1px solid #94C4FF;
  border-right: 1px solid #1859A8;
  border-bottom: 1px solid #1859A8; }

div#config_menu.open {
  border: 1px solid #1859A8; }

div#connection_status.loading {
  background: url(image/loading.gif) center 3px no-repeat;
  background-color: #dddddd; }

div#connection_status {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 904;
  background-color: #dddddd;
  border-top: 1px solid #999999; }

body {
  font-family: "Lucida Grande", Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  background: white; }

a:link, a:visited, a:active {
  color: #0033cc; }

a:hover {
  color: #00249d; }

div#windows {
  position: absolute;
  top: 19px;

share/static/alice-default.css  view on Meta::CPAN 

  width: 100%;
  height: 100%;
  table-layout: fixed; }

div.window {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -100%;
  right: 100%;
  background: white;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

div.window.active {
  left: 0px;
  right: 0px; }

div#nicklist_toggle {
  position: absolute;
  text-align: center;
  width: 0px;
  height: 50px;
  margin-top: -25px;
  top: 50%;
  right: 15px;
  background: url(image/slider.png) center center no-repeat;
  background-color: #dddddd;
  border: 1px solid #999999;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition-property: opacity, width;
  -webkit-transition-duration: 0.3s, 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, width;
  -moz-transition-duration: 0.3s, 0.2s;
  -moz-transition-timing-function: ease-in-out;
  border-radius: 2px;
  color: #222222;
  font-size: 14px;
  z-index: 902;
  cursor: pointer;
  opacity: 0; }

div#nicklist_toggle:hover {
  background-color: #cccccc; }

div#windows.nicklist div#nicklist_toggle {
  background-image: url(image/slider-right.png); }

div#nicklist_toggle.visible,
div#nicklist_toggle:hover,
div#nicklist_toggle:active {
  opacity: 1;
  width: 12px; }

div#windows.nicklist div#nicklist_toggle {
  right: 135px; }

div#windows.nicklist div.window.active {
  right: 121px; }

ul#nicklist {
  background-color: #eaeaea;
  border-left: 1px solid #c1c1c1;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  top: 0px;
  bottom: 0px;
  left: -120px;
  right: auto;
  width: 120px;

share/static/alice-default.css  view on Meta::CPAN 

ul#nicklist li {
  display: block;
  padding: 3px 5px 0px 5px; }

ul#nicklist li a {
  cursor: pointer;
  color: black;
  font-size: 0.8em; }

div#input {
  background: #efefef;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #aaaaaa;
  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: white;
  margin: 3px 0;
  position: relative; }

div#input div.editor,
div#input textarea {
  color: black;
  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: white; }

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: #efefef; }

div#input div.editor_toolbar button {
  display: block;
  float: left;
  color: #222222;
  line-height: 12px;
  font-size: 12px;
  margin: 0;
  padding: 4px 4px;
  text-align: center;
  background: none;
  cursor: pointer;
  border: none;
  color: #999999; }

div#input div.editor_toolbar button.colors:hover {
  background: none; }

div#input div.editor_toolbar button.colors {
  width: 14px;
  height: 14px;
  border: 2px solid black;
  margin: 4px;
  padding: 0; }

div#input div.editor_toolbar button.selected {
  color: black; }

share/static/alice-default.css  view on Meta::CPAN 

  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 #dddddd; }

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: #222222;
  background: url(image/sprites.png) 0px -300px repeat-x #dddddd;
  opacity: 1 !important; }

ul#tabs li.hidden {
  display: none; }

ul#tabs li.visible {
  display: block; }

ul#tabs li div.hit_area {
  border: 1px solid #999999;
  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 #999999;
  border-top: none;
  background: #efefef;
  height: 11px;
  padding-top: 5px;
  margin-top: -1px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-border-bottom-left-radius: 1px;
  -webkit-border-bottom-right-radius: 1px;
  -moz-border-bottom-left-radius: 1px;
  -moz-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px; }

ul#tabs li:not(.active) {
  z-index: 900 !important; }

ul#tabs li.active {
  height: 25px;
  z-index: 903;
  background: #dddddd; }

ul#tabs li.active:hover div.hit_area {
  background: #efefef; }

ul#tabs li:hover div.hit_area {
  background: #cccccc;
  background: url(image/sprites.png) 0px -300px repeat-x #cccccc; }

div#topic {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #efefef;
  text-align: center;
  border-top: 1px solid white;
  border-bottom: 1px solid #aaaaaa;
  padding: 1px 0;
  padding-left: 50px;
  font-size: 11px;
  height: 15px;
  min-height: 15px;
  overflow: hidden;
  z-index: 901;

share/static/alice-default.css  view on Meta::CPAN 

ul.messages {
  list-style: none;
  margin: 0;
  padding: 3px 0;
  margin: 0; }

ul.messages > li {
  font-size: 13px;
  display: block;
  position: relative;
  background-color: #eaeaea; }

ul.messages > li:not(.consecutive) {
  clear: both; }

ul.messages li.highlight div.msg {
  border-right: 3px solid #ff4300; }

.info ul.messages li.highlight,
ul.messages li.self {
  background: #fffbd0;
  border-right: none; }

.info ul.messages li.highlight div.msg,
ul.messages li.self div.msg {
  background: #fffbd0; }

ul.messages li div.msg {
  background: white; }

ul.messages li.consecutive div.left {
  opacity: 0;
  height: 0px;
  position: absolute;
  left: -1000px; }

div.left {
  float: left;
  width: 95px;

share/static/alice-default.css  view on Meta::CPAN 

  float: right;
  display: block; }

ul.messages li.avatar span.nick {
  position: absolute;
  z-index: 801;
  right: 4px;
  top: 3px;
  padding: 0 2px;
  min-width: 28px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0; }

div.timehint {
  font-size: 10px;
  float: right;
  padding: 6px 5px 0 5px;
  color: #cccccc;
  opacity: 0; }

share/static/alice-default.css  view on Meta::CPAN 

  line-height: 0px;
  vertical-align: 2px;
  padding-left: 1px; }

sup.external a {
  text-decoration: none;
  color: #444;
  text-shadow: 1px 1px 1px white;
  margin-left: 1px;
  font-size: 0.7em;
  background-color: #CCC;
  border-radius: 3px;
  padding: 1px 2px 1px 3px;
  font-weight: normal;
  letter-spacing: 0;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }

sup.external a:hover {
  background-color: #D1D3D3; }

sup.external a:after {
  content: " â–¸"; }

div.oembed iframe {
  min-height: 250px;
  font-size: 0.8em;
  border: none;
  margin: 0;
  padding: 0; }

share/static/alice-default.css  view on Meta::CPAN 

  text-align: center;
  opacity: 0;
  color: #fff;
  padding: 4px 0px;
  cursor: pointer;
  font-size: 11px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

div.image a:hover a.hideimg {
  opacity: 1;
  background: rgba(0, 0, 0, 0.25); }

div.image a a.hideimg:hover {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1; }

div.msg div.oembed img,
div.msg div.image img {
  border: none;
  max-height: 300px;
  max-width: 100%; }

ul.messages li.monospaced + li.monospaced.consecutive {
  padding-top: 0px; }

share/static/alice-default.css  view on Meta::CPAN 

  font-family: Monaco, monospace;
  font-size: 10px;
  line-height: 12px;
  word-wrap: normal; }

li.monospaced div.msg span[style*="bold"] {
  letter-spacing: -1px; }

ul.messages li.event {
  font-size: 11px;
  background: #d9e7fb;
  border-bottom: 1px solid white; }

ul.messages li.event.notice {
  background: #eb2222;
  color: #fff; }

ul.messages li.event.notice a {
  color: #fffc00;
  text-decoration: none; }

ul.messages li.event.happynotice {
  background: #3fc842;
  color: #fff; }

ul.messages li.event div.msg {
  background: none;
  border-left: none; }

ul.messages li.event div.left {
  font-weight: normal; }

ul.messages li.announce div.msg {
  color: #777;
  white-space: pre-wrap; }

div.msg img.audio {

share/static/alice-default.css  view on Meta::CPAN 

  color: black;
  text-decoration: none; }

div.tab_button {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 6px; }

li.channel_tab div.tab_button {
  background: url(image/sprites.png) 0px -80px no-repeat; }

li.loading.channel_tab div.tab_button {
  background: url(image/sprites.png) -38px -80px no-repeat; }

li.privmsg_tab div.tab_button {
  background: url(image/sprites.png) 0px -120px no-repeat; }

li.loading.privmsg_tab div.tab_button {
  background: url(image/sprites.png) -38px -140px no-repeat; }

li.info_tab div.tab_button {
  background: url(image/sprites.png) 0px 0px no-repeat; }

li.loading.info_tab div.tab_button {
  background: url(image/sprites.png) -39px -160px no-repeat; }

ul#tabs li.disabled.channel_tab div.tab_button:hover,
ul#tabs li.active div.tab_button:hover {
  background: url(image/sprites.png) 1px -260px no-repeat; }

ul#tabs li.unread.channel_tab div.tab_button {
  background: url(image/sprites.png) 0px -20px no-repeat; }

ul#tabs li.highlight.privmsg_tab div.tab_button,
ul#tabs li.unread.privmsg_tab div.tab_button {
  background: url(image/sprites.png) 0 -100px no-repeat; }

ul#tabs li.highlight.channel_tab div.tab_button {
  background: url(image/sprites.png) 0 -40px no-repeat; }

ul#tabs li.disabled.channel_tab div.tab_button {
  background: url(image/sprites.png) 0 -60px no-repeat; }

div#help {
  position: absolute;
  z-index: 980;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  left: 20px;
  right: 20px;
  top: 25px;
  bottom: 60px;
  padding: 10px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.9); }

share/static/alice-default.css  view on Meta::CPAN 

  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 {

share/static/alice-default.css  view on Meta::CPAN 

  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;

share/static/alice-default.css  view on Meta::CPAN 

    line-height: 11px; }

  div.msg img {
    border: none;
    max-width: 150px;
    max-height: 150px; } }
div.config {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #efefef;
  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 #999999; }

div.config#join {
  width: 180px;
  height: 100px;

share/static/alice-default.css  view on Meta::CPAN 

  margin-top: -120px; }

div.config div.buttons {
  clear: both;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 2px 8px;
  height: 24px;
  background: #999999;
  border: 1px solid #efefef;
  border-top: none; }

div.config div.buttons button {
  float: right; }

div.config div.config_body table {
  display: none; }

div.config div.config_body table.active {

share/static/alice-default.css  view on Meta::CPAN 

div.config span {
  font-size: 0.8em; }

div.config select {
  width: 135px;
  font-size: 0.8em;
  outline: 0 none; }

div.config select[multiple] {
  height: 70px;
  background: white;
  color: black; }

div.config div.sidebar div.controls {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 5px 8px;
  background: #cccccc; }

div.config div.config_body {
  position: absolute;
  left: 151px;
  top: 0px;
  bottom: 29px;
  right: 0px; }

div.config_body table {
  width: 100%; }

share/static/alice-default.css  view on Meta::CPAN 

  margin: 0 5px 0 0; }

div.config .controls a:hover {
  text-decoration: underline; }

div.config label {
  color: #777777;
  font-size: 0.8em; }

div.config input[type="text"] {
  background: white;
  color: black; }

div.config input[type="checkbox"] {
  float: left;
  margin-right: 4px; }

div.config div.sidebar {
  position: absolute;
  top: 0px;
  bottom: 29px;
  left: 0px;
  width: 150px;
  background: #dddddd; }

div.config div.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  position: absolute;
  top: 22px;
  bottom: 24px;
  overflow: auto;
  right: 0px;

share/static/alice-default.css  view on Meta::CPAN 

  font-weight: normal;
  padding: 5px 8px;
  margin: 0; }

div.config div.sidebar li {
  padding: 5px 8px;
  cursor: pointer;
  font-size: 0.8em; }

div.config div.sidebar li:hover {
  background: #cccccc; }

div.config div.sidebar li.active,
div.config div.sidebar li.disconnected.active,
div.config div.sidebar li.connected.active {
  background: #eeeeee; }

div.config div.sidebar li.disconnected {
  color: #777777; }

div.config div.sidebar li.connected {
  color: #222222; }

/* auto-generated css classes for irc->html */
.bold {
  font-weight: bold; }

share/static/alice-default.css  view on Meta::CPAN 

.ul {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.fg-fff {
  color: #fff; }

.bg-fff {
  background-color: #fff; }

.fg-000 {
  color: #000; }

.bg-000 {
  background-color: #000; }

.fg-008 {
  color: #008; }

.bg-008 {
  background-color: #008; }

.fg-080 {
  color: #080; }

.bg-080 {
  background-color: #080; }

.fg-f00 {
  color: #f00; }

.bg-f00 {
  background-color: #f00; }

.fg-800 {
  color: #800; }

.bg-800 {
  background-color: #800; }

.fg-808 {
  color: #808; }

.bg-808 {
  background-color: #808; }

.fg-f80 {
  color: #f80; }

.bg-f80 {
  background-color: #f80; }

.fg-ff0 {
  color: #ff0; }

.bg-ff0 {
  background-color: #ff0; }

.fg-0f0 {
  color: #0f0; }

.bg-0f0 {
  background-color: #0f0; }

.fg-088 {
  color: #088; }

.bg-088 {
  background-color: #088; }

.fg-0ff {
  color: #0ff; }

.bg-0ff {
  background-color: #0ff; }

.fg-00f {
  color: #00f; }

.bg-00f {
  background-color: #00f; }

.fg-f0f {
  color: #f0f; }

.bg-f0f {
  background-color: #f0f; }

.fg-888 {
  color: #888; }

.bg-888 {
  background-color: #888; }

.fg-ccc {
  color: #ccc; }

.bg-ccc {
  background-color: #ccc; }

span.nickborder {
  width: 0px;
  opacity: 0;
  position: absolute;
  left: -1000px; }

.dropdown.top ul {
  bottom: auto;
  top: 100%;

share/static/alice-default.css  view on Meta::CPAN 

  bottom: 100%;
  top: auto; }

.dropdown ul {
  position: absolute;
  left: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: #dddddd;
  border: 1px solid #999999;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  white-space: nowrap; }

.dropdown.top ul {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;

share/static/alice-default.css  view on Meta::CPAN 

  padding: 4px 10px;
  text-decoration: none; }

.dropdown li {
  cursor: pointer; }

.dropdown li a:hover {
  color: black; }

.dropdown ul li:hover {
  background: #cccccc; }

.dropdown > ul ul {
  display: none;
  right: 100%; }

.dropdown.top > ul ul {
  top: -1px;
  bottom: auto; }

.dropdown.bottom > ul ul {
  bottom: -1px;
  top: auto; }

.dropdown li.separate-bottom {
  border-bottom: 1px solid #cccccc; }

.dropdown li.submenu {
  background: url(image/arrow.png) center right no-repeat; }

.dropdown li.submenu:hover {
  background: url(image/arrow.png) #cccccc center right no-repeat; }

.dropdown > ul li.submenu:hover ul {
  display: block; }

body > div.copybuffer {
  overflow: hidden;
  position: absolute;
  top: -500px;
  height: 1px; }

share/static/alice-solarized.css  view on Meta::CPAN 

div.msg a {
  color: #cb4b16; }

div.msg a:hover {
  color: #B6461E; }

div.left span.nick, div#input button, #tabs li, #topic {
  -webkit-font-smoothing: antialiased; }

::selection {
  background: #FF5E99;
  color: #fff;
  text-shadow: none; }

input[type="hidden"] {
  display: none; }

body {
  margin: 0;
  padding: 0;
  overflow: hidden;

share/static/alice-solarized.css  view on Meta::CPAN 

  width: 24px;
  height: 24px;
  z-index: 905; }

div#join_button {
  position: absolute;
  bottom: 0px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url(image/sprites.png) -32px -36px no-repeat;
  cursor: pointer; }

div#join_button:hover {
  background: url(image/sprites.png) -32px -56px no-repeat; }

div#tab_bar div#tabset_dropdown {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url(image/sprites.png) -29px 4px no-repeat;
  opacity: 1;
  cursor: pointer; }

div#tab_bar div#tabset_dropdown:hover {
  background: url(image/sprites.png) -29px -16px no-repeat; }

div#tab_bar .dropdown.active {
  opacity: 1;
  cursor: pointer; }

div#tab_menu_left {
  position: absolute;
  left: 24px;
  bottom: 0px;
  border-right: 1px solid #44555a; }

share/static/alice-solarized.css  view on Meta::CPAN 


div#tab_menu_right ul {
  right: -1px;
  left: auto; }

.dropdown li.selectedset,
.dropdown li.unread {
  font-weight: bold; }

.tab_menu.active {
  background: url(image/sprites.png) 4px -275px no-repeat; }

#tab_menu_left.tab_menu.active {
  background: url(image/sprites.png) -29px -275px no-repeat; }

.tab_menu:hover,
.tab_menu.open {
  background: url(image/sprites.png) 4px -175px no-repeat; }

#tab_menu_left.tab_menu:hover,
#tab_menu_left.tab_menu.open {
  background: url(image/sprites.png) -29px -175px no-repeat; }

.tab_menu.unread {
  background: url(image/sprites.png) 4px -195px no-repeat; }

#tab_menu_left.tab_menu.unread {
  background: url(image/sprites.png) -29px -195px no-repeat; }

.tab_menu.highlight {
  background: url(image/sprites.png) 4px -236px no-repeat; }

#tab_menu_left.tab_menu.highlight {
  background: url(image/sprites.png) -29px -236px no-repeat; }

div#config_menu {
  top: 0px;
  left: 0px;
  height: 17px;
  border: #fff;
  border: 1px solid #93a1a1;
  border-bottom: 1px solid #002b36;
  border-right: 1px solid #002b36;
  cursor: pointer;
  position: absolute;
  z-index: 902;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAaCAYAAAADiYpyAAADG0lEQVRYw+2ZS0hVURSGr9qVBipGDysaZUIRRQ9u70FlgwYZFTRp0ItIgqKixEERBE2i6A1FWUjSKKGoBiVZEEnRw8oKa9KLoIcQZWqW5teg/8DicM6596gHruiBhey19tp7r+/svfY61xgQGxBiAxAiBpEJtLpkRn...
  background-color: #657b83;
  background-size: 33px 13px;
  width: 50px; }

div#config_menu > ul {
  margin-left: -1px; }

@media screen and (-webkit-device-pixel-ratio: 2) {
  div#config_menu {
    top: 0px;
    left: 0px;
    height: 17px;
    border: #fff;
    border: 1px solid #93a1a1;
    border-bottom: 1px solid #002b36;
    border-right: 1px solid #002b36;
    cursor: pointer;
    position: absolute;
    z-index: 902;
    background: url(image/logo2x.png) center center no-repeat;
    -webkit-background-size: 33px 13px;
    background-color: #657b83;
    width: 53px; } }
div#config_menu ul ul {
  left: 100%;
  right: auto;
  margin-left: -2px; }

div#config_menu.open,
div#config_menu:hover {
  background-color: #4196FF;
  border: 1px solid #94C4FF;
  border-right: 1px solid #1859A8;
  border-bottom: 1px solid #1859A8; }

div#config_menu.open {
  border: 1px solid #1859A8; }

div#connection_status.loading {
  background: url(image/loading.gif) center 3px no-repeat;
  background-color: #586e75; }

div#connection_status {
  display: none;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 904;
  background-color: #586e75;
  border-top: 1px solid transparent; }

body {
  font-family: "Lucida Grande", Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  background: #fdf6e3; }

a:link, a:visited, a:active {
  color: #fdf6e3; }

a:hover {
  color: #e8e2d0; }

div#windows {
  position: absolute;
  top: 19px;

share/static/alice-solarized.css  view on Meta::CPAN 

  width: 100%;
  height: 100%;
  table-layout: fixed; }

div.window {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -100%;
  right: 100%;
  background: #fdf6e3;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }

div.window.active {
  left: 0px;
  right: 0px; }

div#nicklist_toggle {
  position: absolute;
  text-align: center;
  width: 0px;
  height: 50px;
  margin-top: -25px;
  top: 50%;
  right: 15px;
  background: url(image/slider.png) center center no-repeat;
  background-color: #586e75;
  border: 1px solid transparent;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition-property: opacity, width;
  -webkit-transition-duration: 0.3s, 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: opacity, width;
  -moz-transition-duration: 0.3s, 0.2s;
  -moz-transition-timing-function: ease-in-out;
  border-radius: 2px;
  color: white;
  font-size: 14px;
  z-index: 902;
  cursor: pointer;
  opacity: 0; }

div#nicklist_toggle:hover {
  background-color: #4b5e64; }

div#windows.nicklist div#nicklist_toggle {
  background-image: url(image/slider-right.png); }

div#nicklist_toggle.visible,
div#nicklist_toggle:hover,
div#nicklist_toggle:active {
  opacity: 1;
  width: 12px; }

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;

share/static/alice-solarized.css  view on Meta::CPAN 

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; }

share/static/alice-solarized.css  view on Meta::CPAN 

  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;
  background: #657b83;
  height: 11px;
  padding-top: 5px;
  margin-top: -1px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-border-bottom-left-radius: 1px;
  -webkit-border-bottom-right-radius: 1px;
  -moz-border-bottom-left-radius: 1px;
  -moz-border-bottom-right-radius: 1px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px; }

ul#tabs li:not(.active) {
  z-index: 900 !important; }

ul#tabs li.active {
  height: 25px;
  z-index: 903;
  background: #586e75; }

ul#tabs li.active:hover div.hit_area {
  background: #657b83; }

ul#tabs li:hover div.hit_area {
  background: #4b5e64;
  background: url(image/sprites.png) 0px -300px repeat-x #4b5e64; }

div#topic {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: #839496;
  text-align: center;
  border-top: 1px solid #93a1a1;
  border-bottom: 1px solid #073642;
  padding: 1px 0;
  padding-left: 50px;
  font-size: 11px;
  height: 15px;
  min-height: 15px;
  overflow: hidden;
  z-index: 901;

share/static/alice-solarized.css  view on Meta::CPAN 

ul.messages {
  list-style: none;
  margin: 0;
  padding: 3px 0;
  margin: 0; }

ul.messages > li {
  font-size: 13px;
  display: block;
  position: relative;
  background-color: #eee8d5; }

ul.messages > li:not(.consecutive) {
  clear: both; }

ul.messages li.highlight div.msg {
  border-right: 3px solid #cb4b16; }

.info ul.messages li.highlight,
ul.messages li.self {
  background: #fffaed;
  border-right: none; }

.info ul.messages li.highlight div.msg,
ul.messages li.self div.msg {
  background: #fffaed; }

ul.messages li div.msg {
  background: #fdf6e3; }

ul.messages li.consecutive div.left {
  opacity: 0;
  height: 0px;
  position: absolute;
  left: -1000px; }

div.left {
  float: left;
  width: 95px;

share/static/alice-solarized.css  view on Meta::CPAN 

  float: right;
  display: block; }

ul.messages li.avatar span.nick {
  position: absolute;
  z-index: 801;
  right: 4px;
  top: 3px;
  padding: 0 2px;
  min-width: 28px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0; }

div.timehint {
  font-size: 10px;
  float: right;
  padding: 6px 5px 0 5px;
  color: #93a1a1;
  opacity: 0; }

share/static/alice-solarized.css  view on Meta::CPAN 

  line-height: 0px;
  vertical-align: 2px;
  padding-left: 1px; }

sup.external a {
  text-decoration: none;
  color: #444;
  text-shadow: 1px 1px 1px white;
  margin-left: 1px;
  font-size: 0.7em;
  background-color: #CCC;
  border-radius: 3px;
  padding: 1px 2px 1px 3px;
  font-weight: normal;
  letter-spacing: 0;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }

sup.external a:hover {
  background-color: #D1D3D3; }

sup.external a:after {
  content: " â–¸"; }

div.oembed iframe {
  min-height: 250px;
  font-size: 0.8em;
  border: none;
  margin: 0;
  padding: 0; }

share/static/alice-solarized.css  view on Meta::CPAN 

  text-align: center;
  opacity: 0;
  color: #fff;
  padding: 4px 0px;
  cursor: pointer;
  font-size: 11px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

div.image a:hover a.hideimg {
  opacity: 1;
  background: rgba(0, 0, 0, 0.25); }

div.image a a.hideimg:hover {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1; }

div.msg div.oembed img,
div.msg div.image img {
  border: none;
  max-height: 300px;
  max-width: 100%; }

ul.messages li.monospaced + li.monospaced.consecutive {
  padding-top: 0px; }

share/static/alice-solarized.css  view on Meta::CPAN 

  font-family: Monaco, monospace;
  font-size: 10px;
  line-height: 12px;
  word-wrap: normal; }

li.monospaced div.msg span[style*="bold"] {
  letter-spacing: -1px; }

ul.messages li.event {
  font-size: 11px;
  background: #bbd6ea;
  border-bottom: 1px solid #fdf6e3; }

ul.messages li.event.notice {
  background: #eb2222;
  color: #fff; }

ul.messages li.event.notice a {
  color: #fffc00;
  text-decoration: none; }

ul.messages li.event.happynotice {
  background: #3fc842;
  color: #fff; }

ul.messages li.event div.msg {
  background: none;
  border-left: none; }

ul.messages li.event div.left {
  font-weight: normal; }

ul.messages li.announce div.msg {
  color: #777;
  white-space: pre-wrap; }

div.msg img.audio {

share/static/alice-solarized.css  view on Meta::CPAN 

  color: #073642;
  text-decoration: none; }

div.tab_button {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 6px; }

li.channel_tab div.tab_button {
  background: url(image/sprites.png) 0px -80px no-repeat; }

li.loading.channel_tab div.tab_button {
  background: url(image/sprites.png) -38px -80px no-repeat; }

li.privmsg_tab div.tab_button {
  background: url(image/sprites.png) 0px -120px no-repeat; }

li.loading.privmsg_tab div.tab_button {
  background: url(image/sprites.png) -38px -140px no-repeat; }

li.info_tab div.tab_button {
  background: url(image/sprites.png) 0px 0px no-repeat; }

li.loading.info_tab div.tab_button {
  background: url(image/sprites.png) -39px -160px no-repeat; }

ul#tabs li.disabled.channel_tab div.tab_button:hover,
ul#tabs li.active div.tab_button:hover {
  background: url(image/sprites.png) 1px -260px no-repeat; }

ul#tabs li.unread.channel_tab div.tab_button {
  background: url(image/sprites.png) 0px -20px no-repeat; }

ul#tabs li.highlight.privmsg_tab div.tab_button,
ul#tabs li.unread.privmsg_tab div.tab_button {
  background: url(image/sprites.png) 0 -100px no-repeat; }

ul#tabs li.highlight.channel_tab div.tab_button {
  background: url(image/sprites.png) 0 -40px no-repeat; }

ul#tabs li.disabled.channel_tab div.tab_button {
  background: url(image/sprites.png) 0 -60px no-repeat; }

div#help {
  position: absolute;
  z-index: 980;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  left: 20px;
  right: 20px;
  top: 25px;
  bottom: 60px;
  padding: 10px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.9); }

share/static/alice-solarized.css  view on Meta::CPAN 

  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 {

share/static/alice-solarized.css  view on Meta::CPAN 

  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;

share/static/alice-solarized.css  view on Meta::CPAN 

    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;

share/static/alice-solarized.css  view on Meta::CPAN 

  margin-top: -120px; }

div.config div.buttons {
  clear: both;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 2px 8px;
  height: 24px;
  background: #44555a;
  border: 1px solid #657b83;
  border-top: none; }

div.config div.buttons button {
  float: right; }

div.config div.config_body table {
  display: none; }

div.config div.config_body table.active {

share/static/alice-solarized.css  view on Meta::CPAN 

div.config span {
  font-size: 0.8em; }

div.config select {
  width: 135px;
  font-size: 0.8em;
  outline: 0 none; }

div.config select[multiple] {
  height: 70px;
  background: #fdf6e3;
  color: #073642; }

div.config div.sidebar div.controls {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 5px 8px;
  background: #4b5e64; }

div.config div.config_body {
  position: absolute;
  left: 151px;
  top: 0px;
  bottom: 29px;
  right: 0px; }

div.config_body table {
  width: 100%; }

share/static/alice-solarized.css  view on Meta::CPAN 

  margin: 0 5px 0 0; }

div.config .controls a:hover {
  text-decoration: underline; }

div.config label {
  color: #eee8d5;
  font-size: 0.8em; }

div.config input[type="text"] {
  background: #fdf6e3;
  color: #073642; }

div.config input[type="checkbox"] {
  float: left;
  margin-right: 4px; }

div.config div.sidebar {
  position: absolute;
  top: 0px;
  bottom: 29px;
  left: 0px;
  width: 150px;
  background: #586e75; }

div.config div.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  position: absolute;
  top: 22px;
  bottom: 24px;
  overflow: auto;
  right: 0px;

share/static/alice-solarized.css  view on Meta::CPAN 

  font-weight: normal;
  padding: 5px 8px;
  margin: 0; }

div.config div.sidebar li {
  padding: 5px 8px;
  cursor: pointer;
  font-size: 0.8em; }

div.config div.sidebar li:hover {
  background: #4b5e64; }

div.config div.sidebar li.active,
div.config div.sidebar li.disconnected.active,
div.config div.sidebar li.connected.active {
  background: #4b5e64; }

div.config div.sidebar li.disconnected {
  color: #eee8d5; }

div.config div.sidebar li.connected {
  color: white; }

/* auto-generated css classes for irc->html */
.bold {
  font-weight: bold; }

share/static/alice-solarized.css  view on Meta::CPAN 

.ul {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.fg-fff {
  color: #fff; }

.bg-fff {
  background-color: #fff; }

.fg-000 {
  color: #000; }

.bg-000 {
  background-color: #000; }

.fg-008 {
  color: #008; }

.bg-008 {
  background-color: #008; }

.fg-080 {
  color: #080; }

.bg-080 {
  background-color: #080; }

.fg-f00 {
  color: #f00; }

.bg-f00 {
  background-color: #f00; }

.fg-800 {
  color: #800; }

.bg-800 {
  background-color: #800; }

.fg-808 {
  color: #808; }

.bg-808 {
  background-color: #808; }

.fg-f80 {
  color: #f80; }

.bg-f80 {
  background-color: #f80; }

.fg-ff0 {
  color: #ff0; }

.bg-ff0 {
  background-color: #ff0; }

.fg-0f0 {
  color: #0f0; }

.bg-0f0 {
  background-color: #0f0; }

.fg-088 {
  color: #088; }

.bg-088 {
  background-color: #088; }

.fg-0ff {
  color: #0ff; }

.bg-0ff {
  background-color: #0ff; }

.fg-00f {
  color: #00f; }

.bg-00f {
  background-color: #00f; }

.fg-f0f {
  color: #f0f; }

.bg-f0f {
  background-color: #f0f; }

.fg-888 {
  color: #888; }

.bg-888 {
  background-color: #888; }

.fg-ccc {
  color: #ccc; }

.bg-ccc {
  background-color: #ccc; }

span.nickborder {
  width: 0px;
  opacity: 0;
  position: absolute;
  left: -1000px; }

.dropdown.top ul {
  bottom: auto;
  top: 100%;

share/static/alice-solarized.css  view on Meta::CPAN 

  bottom: 100%;
  top: auto; }

.dropdown ul {
  position: absolute;
  left: 0px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  background: #586e75;
  border: 1px solid #44555a;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  white-space: nowrap; }

.dropdown.top ul {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;

share/static/alice-solarized.css  view on Meta::CPAN 

  padding: 4px 10px;
  text-decoration: none; }

.dropdown li {
  cursor: pointer; }

.dropdown li a:hover {
  color: #073642; }

.dropdown ul li:hover {
  background: #4b5e64; }

.dropdown > ul ul {
  display: none;
  right: 100%; }

.dropdown.top > ul ul {
  top: -1px;
  bottom: auto; }

.dropdown.bottom > ul ul {
  bottom: -1px;
  top: auto; }

.dropdown li.separate-bottom {
  border-bottom: 1px solid #4b5e64; }

.dropdown li.submenu {
  background: url(image/arrow.png) center right no-repeat; }

.dropdown li.submenu:hover {
  background: url(image/arrow.png) #4b5e64 center right no-repeat; }

.dropdown > ul li.submenu:hover ul {
  display: block; }

body > div.copybuffer {
  overflow: hidden;
  position: absolute;
  top: -500px;
  height: 1px; }

share/static/alice.js  view on Meta::CPAN 

  initialize: function(element) {
    this.element = $(element);
    if (!this.element) throw(Effect._elementDoesNotExistError);
    var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || { });
    this.start(options);
  },
  setup: function() {
    if (this.element.getStyle('display')=='none') { this.cancel(); return; }
    this.oldStyle = { };
    if (!this.options.keepBackgroundImage) {
      this.oldStyle.backgroundImage = this.element.getStyle('background-image');
      this.element.setStyle({backgroundImage: 'none'});
    }
    if (!this.options.endcolor)
      this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff');
    if (!this.options.restorecolor)
      this.options.restorecolor = this.element.getStyle('background-color');
    this._base  = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this));
    this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this));
  },
  update: function(position) {
    this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){
      return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) });
  },
  finish: function() {
    this.element.setStyle(Object.extend(this.oldStyle, {
      backgroundColor: this.options.restorecolor
    }));
  }
});

Effect.ScrollTo = function(element) {
  var options = arguments[1] || { },
  scrollOffsets = document.viewport.getScrollOffsets(),
  elementOffsets = $(element).cumulativeOffset();

  if (options.offset) elementOffsets[1] += options.offset;

share/static/alice.js  view on Meta::CPAN 

        var ids = track.get('ids'), effect = track.get('effect'), options = track.get('options');
        var elements = [$(ids) || $$(ids)].flatten();
        return elements.map(function(e){ return new effect(e, Object.extend({ sync:true }, options)) });
      }).flatten(),
      this.options
    );
  }
});

Element.CSS_PROPERTIES = $w(
  'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' +
  'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' +
  'borderRightColor borderRightStyle borderRightWidth borderSpacing ' +
  'borderTopColor borderTopStyle borderTopWidth bottom clip color ' +
  'fontSize fontWeight height left letterSpacing lineHeight ' +
  'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+
  'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' +
  'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' +
  'right textIndent top width wordSpacing zIndex');

Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/;

share/static/alice.js  view on Meta::CPAN 

  }

  function fontSizeSelection(fontSize) {
    this.execCommand('fontsize', false, fontSize);
  }

  function colorSelection(color) {
    this.execCommand('forecolor', false, color);
  }

  function backgroundColorSelection(color) {
    if(Prototype.Browser.Gecko) {
      this.execCommand('hilitecolor', false, color);
    } else {
      this.execCommand('backcolor', false, color);
    }
  }

  function alignSelection(alignment) {
    this.execCommand('justify' + alignment);
  }

share/static/alice.js  view on Meta::CPAN 

     italicSelection:          italicSelection,
     italicSelected:           italicSelected,
     strikethroughSelection:   strikethroughSelection,
     indentSelection:          indentSelection,
     outdentSelection:         outdentSelection,
     toggleIndentation:        toggleIndentation,
     indentSelected:           indentSelected,
     fontSelection:            fontSelection,
     fontSizeSelection:        fontSizeSelection,
     colorSelection:           colorSelection,
     backgroundColorSelection: backgroundColorSelection,
     alignSelection:           alignSelection,
     alignSelected:            alignSelected,
     linkSelection:            linkSelection,
     unlinkSelection:          unlinkSelection,
     linkSelected:             linkSelected,
     formatblockSelection:     formatblockSelection,
     toggleOrderedList:        toggleOrderedList,
     insertOrderedList:        insertOrderedList,
     orderedListSelected:      orderedListSelected,
     toggleUnorderedList:      toggleUnorderedList,

share/static/alice.js  view on Meta::CPAN 

    queryCommands: $H({
      link:          linkSelected,
      orderedlist:   orderedListSelected,
      unorderedlist: unorderedListSelected
    }),

    styleSelectors: $H({
      fontname:    'fontFamily',
      fontsize:    'fontSize',
      forecolor:   'color',
      hilitecolor: 'backgroundColor',
      backcolor:   'backgroundColor'
    })
  };
})(window);

if (Prototype.Browser.IE) {
  Object.extend(Selection.prototype, (function() {
    function setBookmark() {
      var bookmark = $('bookmark');
      if (bookmark) bookmark.remove();

share/static/alice.js  view on Meta::CPAN 

    }.bind(this));
  },
});

Object.extend(Alice.Toolbar, {
  updateColors: function (editor) {
    var range = alice.input.range || editor;
    if (range) {
      var node = range.getNode();
      var fg = node.getStyle("color");
      var bg = node.getStyle("background-color");
      var button = alice.input.toolbar.element.down("button.colors");
      button.setStyle({"border-color": fg, "background-color": bg});
    }
    return 1;
  }
});

Alice.Toolbar.ButtonSet = [
  {
    label: "",
    name: "colors",
    query: Alice.Toolbar.updateColors,
    handler: function (editor, button, toolbar) {
      var cb = function (color, fg) {
        if (fg) {
          button.setStyle({"border-color": color})
          editor.colorSelection(color);
        } else {
          button.setStyle({"background-color": color});
          editor.backgroundColorSelection(color);
        }
      };
      if (toolbar.picker) {
        toolbar.picker.remove();
        toolbar.picker = undefined;
      } else {
        toolbar.picker = new Alice.Colorpicker(button, cb);
      }
    }
  },

share/static/alice.js  view on Meta::CPAN 

    }
  }
];

Alice.Colorpicker = Class.create({
  initialize: function(button, callback) {
    var elem = new Element("div").addClassName("color_picker");

    var toggle = new Element("div").addClassName("toggle");
    var blank = new Element("span").addClassName("blank").addClassName("color");
    blank.setStyle({"background-color": "none"});
    blank.insert("⃠");
    toggle.insert('<span id="fg" class="active">fg</span><span id="bg">bg</span>');
    toggle.insert(blank);
    elem.insert(toggle);

    var colorcontainer = new Element("div").addClassName("colors");
    this.colors().each(function(color) {
      var box = new Element("span").addClassName("color");
      box.setStyle({"background-color": color});
      colorcontainer.insert(box);
    });
    elem.insert(colorcontainer);

    document.body.insert(elem);
    elem.observe("mousedown", this.clicked.bind(this));
    elem.observe("mouseup", function(e) {e.stop()});

    this.button = button;
    this.elem = elem;
    this.cb = callback;
    this.fg = true;
  },

  clicked: function(e) {
    e.stop();

    var box = e.findElement("span.color");
    if (box) {
      var color = box.getStyle("background-color");
      if (color) this.cb(color, this.fg);
      return;
    }

    if (e.findElement("span#fg")) {
      this.elem.down("#bg").removeClassName("active");
      this.elem.down("#fg").addClassName("active");

      this.fg = true;
      return;

share/templates/login.html  view on Meta::CPAN 

? my ($app, $dest, $error) = @_;
<html>
  <head>
    <title>Use Alice Login</title>
    <link rel="shortcut icon" href="<?= $app->static_url("favicon.ico") ?>">
    <style type="text/css">
      body {
        text-align: center;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 12px;
        background: #eee;
      }
      form {
        display: block;
        width: 150px;
        margin: 0 auto;
        text-align: left;
        background: #fff;
        border: 8px solid #ccc;
        padding: 20px;
      }
      input, label {
        display: block;
        width: 150px;
      }
      input {
        margin-bottom: 15px;
      }



( run in 1.104 second using v1.01-cache-2.11-cpan-f56aa216473 )