Files
phpbb_board3-portal_tlw/root/styles/prosilver/theme/portal.css
Marc Alexander 53186f7060 [feature/jquery_clock] Add jQuery-based clock to prosilver clock_side
The clock we currently use needs flash support. As newer browsers and
mobile devices are moving on from flash to HTML5 we should do the same and
replace our flash clock with a jQuery based clock.
It is using image sprites which means we only have to load 2 images. One
for the single digits and one for the double digit hours.
This is currently only added to prosilver and the obsolete settings in the
clock module still need to be removed.

B3P-218
2013-03-02 14:15:48 +01:00

252 lines
5.3 KiB
CSS

/* inner corners */
span.portal-corners-top-inner {
margin: 0 -5px;
}
span.portal-corners-bottom-inner {
margin: 0 -5px;
clear: both;
}
span.portal-corners-top-inner, span.portal-corners-bottom-inner{
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
/* main menu, user menu and the links */
.portal-navigation{
width: auto;
}
.portal-navigation ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.portal-navigation ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.portal-navigation ul li a{
background-image: url("./images/portal/arrowbullet.gif");
background-repeat: no-repeat;
background-position: center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
font-weight: bold;
font-size: 90%;
}
.portal-navigation div.menutitle{
padding: 1px 0;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px;
}
.calendar-info {
list-style-type: none;
}
.portal-events li.row
{
border-top: 0px;
list-style-type: none;
}
/*
* top spacing between portal body table and headerbar spacing is usually 10px
*/
#portal-body {
padding-top: 10px;
}
/*
* This is needed in order to have the same spacing between blocks
* as we have between the top blocks and the headerbar
*/
#portal-body .forabg {
margin-bottom: 0px;
}
#portal-body td {
vertical-align: top;
}
/**
* margin spacing as in default prosilver for the forumlist
*/
#portal-forumlist .forabg {
margin-bottom: 4px;
}
/* RTL language fixes */
.rtl .portal-navigation ul li a{
background-image: url("./images/portal/arrowbullet_rtl.gif");
background-position: center right; /*custom bullet list image*/
padding-right: 19px; /*link text is indented 19px*/
}
/* Portal clock
-------------------------------------- */
#portal-clock {
position: relative;
width: 100%;
}
#portal-clock-front, #portal-clock-back {
position: absolute;
top: 0px;
}
#portal-clock-front-upper div {
height: 21px;
position: absolute;
vertical-align: bottom;
visibility: hidden;
}
#portal-clock-front-lower div {
height: 20px;
position: absolute;
vertical-align: top;
visibility: hidden;
}
#portal-clock-back-upper div {
position: absolute;
vertical-align: bottom;
}
#portal-clock-back-lower div {
position: absolute;
vertical-align: top;
}
#portal-clock-back-seconds-up-left, #portal-clock-back-seconds-up-right,
#portal-clock-front-minutes-up-left, #portal-clock-front-minutes-up-right,
#portal-clock-back-minutes-up-left, #portal-clock-back-minutes-up-right,
#portal-clock-front-seconds-up-left, #portal-clock-front-seconds-up-right,
#portal-clock-back-minutes-down-left, #portal-clock-back-minutes-down-right,
#portal-clock-back-seconds-down-left, #portal-clock-back-seconds-down-right,
#portal-clock-front-minutes-down-left, #portal-clock-front-minutes-down-right,
#portal-clock-front-seconds-down-left, #portal-clock-front-seconds-down-right {
width: 21px;
height: 21px;
background-position: 0 0;
background: url(./images/portal/portal_clock_single.png) no-repeat;
}
/* Minutes start
-------------------------------------- */
#portal-clock-back-minutes-up-left{
background-position: 0 0;
margin: 0 0 0 43px;
}
#portal-clock-back-minutes-up-right {
background-position: 0 -43px;
margin: 0 0 0 64px;
}
#portal-clock-front-minutes-up-left {
background-position: 0 0;
margin: 0 0 0 43px;
}
#portal-clock-front-minutes-up-right {
background-position: 0 -43px;
margin: 0 0 0 63px;
}
#portal-clock-back-minutes-down-left{
background-position: 0 -22px;
margin: 21px 0 0 43px;
}
#portal-clock-back-minutes-down-right {
background-position: 0 -65px;
margin: 21px 0 0 64px;
}
#portal-clock-front-minutes-down-left {
background-position: 0 -22px;
margin: 21px 0 0 42px;
}
#portal-clock-front-minutes-down-right {
background-position: 0 -65px;
margin: 21px 0 0 63px;
}
/* Seconds start
---------------------------------------- */
#portal-clock-back-seconds-up-left{
background-position: 0 0;
margin: 0 0 0 85px;
}
#portal-clock-back-seconds-up-right {
background-position: 0 -43px;
margin: 0 0 0 106px;
}
#portal-clock-front-seconds-up-left {
background-position: 0 0;
margin: 0 0 0 84px;
}
#portal-clock-front-seconds-up-right {
background-position: 0 -43px;
margin: 0 0 0 105px;
}
#portal-clock-back-seconds-down-left{
background-position: 0 -22px;
margin: 21px 0 0 85px;
}
#portal-clock-back-seconds-down-right {
background-position: 0 -65px;
margin: 21px 0 0 106px;
}
#portal-clock-front-seconds-down-left {
background-position: 0 -22px;
margin: 21px 0 0 84px;
}
#portal-clock-front-seconds-down-right {
background-position: 0 -65px;
margin: 21px 0 0 105px;
}
/* Hours start
---------------------------------------- */
#portal-clock-back-hours-up, #portal-clock-front-hours-up {
width: 42px;
height: 21px;
background: url(./images/portal/portal_clock_double.png) no-repeat;
background-position: 0 0;
vertical-align: bottom;
display: inline-block;
margin: 0 0 0 0;
}
#portal-clock-back-hours-down, #portal-clock-front-hours-down {
width: 42px;
height: 20px;
background: url(./images/portal/portal_clock_double.png) no-repeat;
background-position: 0 -44px;
vertical-align: top;
display: inline-block;
margin: 21px 0 0 0;
}