client/css/renkan.css
author ymh <ymh.work@gmail.com>
Wed, 29 Aug 2012 16:26:13 +0200
changeset 27 6ec62ab8cb8d
parent 26 2fad193bae98
child 28 805d85b3f390
permissions -rw-r--r--
model modif, id -> _id

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

ul, li {
    list-style: none;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{ 
    border: 0;
    padding: 0;
}

table {
    border-collapse: separate; border-spacing: 0;
}

th, td {
    vertical-align: top;
}

img a {
    border: none;
}

body {
    font-size: 10px; font-family: Arial, Helvetica, sans-serif;
    background: #ffffff; color: #000000;
}

a {
    color: #6060c0;
}

.Rk-Bins {
    background: #F0F0F0; position: absolute; left: 0; top: 0; width: 300px; bottom: 0; overflow: hidden;
}

.Rk-Render {
    position: absolute; left: 300px; top: 0; right: 0; bottom: 0;
}

.Rk-Canvas {
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
}

.Rk-Editor {
    position: absolute; left: 0; top: 0;
}

.Rk-CloseX {
    float: right; cursor: pointer;
}

.Rk-Editor h2 {
    font-size: 16px; font-weight: bold;
}

.Rk-Editor p {
    margin: 5px 0; font-size: 12px;
}

.Rk-Editor label {
    display: inline-block; width: 80px;
}

a.Rk-Edit-Goto {
    display: block; float: right; width: 18px; height: 17px; margin: 1px 0; border: none; background: url(../img/goto.png);
}

.Rk-Edit-Title {
    font-size: 12px; width: 225px;
}

.Rk-Edit-URI {
    font-size: 12px; width: 205px;
}

.Rk-Editor textarea {
    width: 225px; height: 120px; resize: none;
}

.Rk-UserColor {
    display: inline-block; width: 1em; height: 1em; border: 1px solid #666666; margin: -2px 2px;
}

.Rk-ZoomButtons {
    position: absolute; left: 0; top: 0; cursor: pointer;
}

.Rk-ZoomIn, .Rk-ZoomOut {
    width: 21px; height: 20px; background: url(../img/zoombuttons.png); margin: 5px;
}

.Rk-ZoomIn:hover {
    background-position: 0 -20px;
}

.Rk-ZoomOut {
    background-position: -21px 0;
}

.Rk-ZoomOut:hover {
    background-position: -21px -20px;
}

.Rk-Search-Input, .Rk-Search-Select {
    border-radius: 5px; margin: 2px; padding: 2px; font-size: 13px;
}

.Rk-Search-Input {
    width: 150px;
}

.Rk-Search-Select {
    width: 130px;
}

.Rk-Bin-Title {
    border-top: 1px solid #cccccc; border-bottom: 1px solid #ffffff; background: #f0f0f0;
    font-size: 14px; font-weight: bold; padding: 2px; cursor: pointer;
}

.Rk-Bin-Main {
    overflow: auto;
}

.Rk-Bin-Item {
    cursor: move;
}

.Rk-Bin-Item:hover {
    background: #d0d0d0;
}

.Rk-Bin-Item.dragging {
    background: #fff8f8; color: #660000;
}

.Rk-Bin-Item.selected {
    background: #ffffc0;
}

.Rk-Bin-Main li {
    padding: 2px; background: #f8f8f8; border-bottom: 1px solid #cccccc;
    clear: both;
}

.Rk-Bin-Main h3 {
    font-size: 15px; font-style: italic; font-weight: bold; text-align: center;
}

.Rk-Bin-Main h4 {
    font-size: 13px; font-weight: bold;
}

.Rk-Bin-Main p {
    font-size: 12px;
}

.Rk-Twitter-TwImage {
    float: left; width: 48px; height: 48px; margin: 2px 0;
}

.Rk-Twitter-TwTitle, .Rk-Twitter-TwDate, .Rk-Twitter-TwText, .Rk-Twitter-TwActions {
    margin: 2px 0 2px 50px;
}

p.Rk-Twitter-TwDate {
    font-size: 11px; font-style: italic;
}

p.Rk-Twitter-TwActions {
    font-size: 11px;
}

.Rk-Bin-Main .searchmatch {
    background: #ffff80;
}

.Rk-Wikipedia-Icon {
    float: left; width: 52px; height: 47px; background: url(../img/wikipedia.png);
}

.Rk-Wikipedia-Result {
    min-height: 51px;
}

.Rk-Wikipedia-Result p, .Rk-Wikipedia-Result h4 {
    margin-left: 54px;
}

.Rk-Ldt-Icon {
    float: left; width: 49px; background: url(../img/ldt-elements.png);
}

.Rk-Ldt-TagIcon {
    height: 19px;
}

.Rk-Ldt-PointIcon {
    height: 29px; background-position: 0 -19px;
}

.Rk-Ldt-SegmentIcon {
    height: 29px; background-position: 0 -48px;
}