server/src/main/webapp/static/css/renkan-publish.css
author ymh <ymh.work@gmail.com>
Tue, 25 Dec 2012 21:29:11 +0100
changeset 47 267d67791e05
permissions -rw-r--r--
first stabilization of editing a renkan. No collaborative capacities yet.

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

.Rk-ProjectList {
    position: absolute; left: 0; top: 0; list-style: none; padding: 0; margin: 0;
}

.Rk-Project {
    list-style: none; margin-right: 5px; padding: 5px; height: 15px; font-size: 13px; font-weight: bold;
    float: left; border-top-left-radius: 8px; border-top-right-radius: 8px;
    background: #505050; color: #E0E0E0; cursor: pointer;
    background: -moz-linear-gradient(top, #333333 20%, #666666 80%);
}

.Rk-Project:hover {
    background: -moz-linear-gradient(bottom, #333333 20%, #666666 80%);
}

.Rk-Project.active {
    background: #505080;
    color: #ffffc0;
    background: -moz-linear-gradient(bottom, #333366 20%, #666699 80%);
}

.Rk-Render {
    position: absolute; left: 0; top: 25px; right: 0; bottom: 0;
    background: -moz-linear-gradient(top, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
}

.Rk-Canvas {
    background: -moz-linear-gradient(left, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
    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: 14px; font-weight: bold;
}

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

.Rk-RelatedList {
    list-style: none;
}

.Rk-Related {
    color: #a000c0; cursor: pointer; margin: 5px 0;
}

.Rk-Related b {
    font-weight: bolder;
}

.Rk-Related:hover {
    text-decoration: underline;
}

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