david
790d6f170a
git-svn-id: https://192.168.0.254/svn/Proyectos.MatritumCantat_Web/trunk@2 8e3496fd-7892-4c45-be36-0ff06e9dacc6
69 lines
2.5 KiB
CSS
69 lines
2.5 KiB
CSS
/* CSS Guideline to style rokbox */
|
|
/* When adding your own theme, make sure to replace "sample" with your theme name */
|
|
/* use lowercase characters and no spaces. For example, we name our theme "mytheme" */
|
|
/* we replace every "rokbox-sample" with "rokbox-mytheme" */
|
|
|
|
/* Wrapper, the very outside container of rokbox */
|
|
#rokbox-wrapper.rokbox-sample {
|
|
background: #fff;
|
|
padding: 1em;
|
|
}
|
|
|
|
/* clr class is a clearing div added as last element into the wrapper */
|
|
#rokbox-wrapper .clr { }
|
|
|
|
/* Close button */
|
|
#rokbox-close { }
|
|
#rokbox-close span { } /* text wrapper, useful to set as display none when using images */
|
|
|
|
/* Table for border look and feel */
|
|
#rokbox-top.rokbox-left { }
|
|
#rokbox-top .rokbox-right { }
|
|
#rokbox-top .rokbox-center { }
|
|
|
|
#rokbox-middle.rokbox-left { }
|
|
#rokbox-middle .rokbox-right { }
|
|
#rokbox-middle .rokbox-center { }
|
|
|
|
#rokbox-bottom.rokbox-left { }
|
|
#rokbox-bottom .rokbox-right { }
|
|
#rokbox-bottom .rokbox-center { }
|
|
|
|
/* Object/Image container */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-container { }
|
|
|
|
/* Spinner class that gets added when loading content and removed when loaded */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-container.spinner { }
|
|
|
|
/* Arrows wrapper (for previous and next when visible) */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-arrows {
|
|
position: absolute;
|
|
bottom: 5px;
|
|
right: 1em;
|
|
}
|
|
|
|
/* Previous arrow and its text span */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous { }
|
|
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous span { } /* text wrapper, useful to set as display none when using images */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-previous.inactive { } /* inactive class is added to the button when there's no previous link */
|
|
|
|
/* Next arrow and its text span */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next { }
|
|
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next span { } /* text wrapper, useful to set as display none when using images */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-arrows #rokbox-next.inactive { } /* inactive class is added to the button when there's no next link */
|
|
|
|
/* Captions wrapper and titles and descriptions */
|
|
#rokbox-wrapper.rokbox-sample #rokbox-caption { }
|
|
#rokbox-wrapper.rokbox-sample #rokbox-caption h2 { /* titles */
|
|
margin: 10px 0 3px;
|
|
padding: 0;
|
|
color: red;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
}
|
|
#rokbox-wrapper.rokbox-sample #rokbox-caption p { /* description */
|
|
margin: 0;
|
|
padding: 5px 0;
|
|
color: black;
|
|
font-size: 13px;
|
|
} |