canvas-based-HTML5-Comic-Bo.../css/styles.css
2011-09-02 10:26:56 +02:00

69 lines
1,001 B
CSS

.cb-control {
color: #fff;
font-size: 12px;
background-color: #111;
padding: 10px;
opacity: .9;
position: fixed !important;
}
.cb-control.cb-floating {
margin: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.cb-control.cb-floating,
#cb-toolbar {
border: 2px solid #444;
-webkit-box-shadow: 0 0 4px #000;
-moz-box-shadow: 0 0 4px #000;
box-shadow: 0 0 4px #000;
}
.cb-control.cb-navigate {
top: 0;
margin: 0;
cursor: pointer;
width: 128px;
opacity: 0;
background: center no-repeat;
}
.cb-control.cb-navigate:hover {
opacity: 1;
}
.cb-control.cb-navigate.left {
left: 0;
background-image: url(../img/left.png);
}
.cb-control.cb-navigate.right {
right: 0;
background-image: url(../img/right.png);
}
.ui-draggable {
cursor: move;
}
#cb-toolbar {
top: 0;
height: 25px;
border-top: none;
border-left: none;
border-right: none;
display: none;
}
#cb-toolbar #cb-status {
float: right;
}
#cb-color {
width: 200px;
height: 150px;
}