Preview
or
Export as -
or
Export as -
.calendar-archives { position: relative; width: 100%; font-size: {{ global.fontSize }}px; } .calendar-archives * { box-sizing: border-box !important; } .calendar-archives a, .calendar-archives a:focus, .calendar-archives a:active { outline: none !important; } .calendar-archives.{{ theme }} .calendar-navigation { position: relative; display: table; width: 100%; } .calendar-archives.{{ theme }} .prev-year, .calendar-archives.{{ theme }} .next-year, .calendar-archives.{{ theme }} .menu-container { display: table-cell; height: 100%; vertical-align: middle; } .calendar-archives.{{ theme }} > .archives-years { position: relative; overflow: hidden; } .calendar-archives.{{ theme }} .year { position: absolute; top: 0; left: 0; margin-left: -100%; width: 100%; z-index: 0; } .calendar-archives.{{ theme }} .year-link { display: none; } .calendar-archives.{{ theme }} .year.last { position: relative; } .calendar-archives.{{ theme }} .year.current { margin-left: 0; z-index: 1; } .settings_page_Arrchives_Calendar_Widget #TB_ajaxContent, .arcw-preview-zone { background-color: {{ global.preview }}; } .calendar-archives a { text-decoration: none; } .calendar-archives.{{ theme }} .calendar-navigation { height: {{ navigation.height }}px !important; margin: {{ navigation.marginTop }}px {{ navigation.marginRight }}px {{ navigation.marginBottom }}px {{ navigation.marginLeft }}px; color: {{ navigation.color }}; font-size: {{ navigation.fontSize }}px; border-top: {{ navigation.borderTop }}px; border-right: {{ navigation.borderRight }}px; border-bottom: {{ navigation.borderBottom }}px; border-left: {{ navigation.borderLeft }}px; border-style: solid; border-color: {{ navigation.borderColor }}; border-radius: {{ navigation.borderRadius }}px; background-color: {{ navigation.background }}; } .calendar-archives.{{ theme }} .prev-year, .calendar-archives.{{ theme }} .next-year { width: {{ navigation.button.width }}px; border-radius: {{ navigation.borderRadius }}px; font-size: {{ navigation.button.fontSize }}px; line-height: {{ navigation.height }}px; text-align: center; color: {{ navigation.color }}; } .calendar-archives.{{ theme }} .prev-year > span, .calendar-archives.{{ theme }} .next-year > span { display: block; line-height: {{ navigation.height }}px; } .calendar-archives.{{ theme }} .prev-year:hover, .calendar-archives.{{ theme }} .next-year:hover { color: {{ navigation.button.hover.color }}; background-color: {{ navigation.button.hover.background }}; } .calendar-archives.{{ theme }} .prev-year:hover span, .calendar-archives.{{ theme }} .next-year:hover span { color: {{ navigation.button.hover.color }}; } .calendar-archives.{{ theme }} .prev-year.disabled, .calendar-archives.{{ theme }} .next-year.disabled { opacity: {{ navigation.button.disabled.opacity / 100 }}; cursor: default; } .calendar-archives.{{ theme }} .prev-year.disabled:hover, .calendar-archives.{{ theme }} .next-year.disabled:hover { background: none; } .calendar-archives.{{ theme }} .prev-year { border-right: {{ navigation.button.borderWidth }}px {{ navigation.button.borderColor }} solid; border-bottom-right-radius: 0; border-top-right-radius: 0; } .calendar-archives.{{ theme }} .next-year { border-left: {{ navigation.button.borderWidth }}px {{ navigation.button.borderColor }} solid; border-bottom-left-radius: 0; border-top-left-radius: 0; } .calendar-archives.{{ theme }} .menu-container { position: relative; height: {{ navigation.height }}px; padding: 0; text-align: center; text-transform: capitalize; } .calendar-archives.{{ theme }} .menu-container:hover { background-color: {{ navigation.button.hover.background }} } .calendar-archives.{{ theme }} .menu-container > a.title { display: block; height: {{ navigation.height }}px; line-height: {{ navigation.height }}px; color: {{ navigation.color }}; vertical-align: middle; } .calendar-archives.{{ theme }} .menu-container > ul, .calendar-archives.{{ theme }} .menu-container > ul > li { margin: 0; padding: 0; } .calendar-archives.{{ theme }} .menu-container > ul.menu { position: absolute; display: none; width: 100%; top: 0; overflow: hidden; border-radius: {{ navigation.borderRadius }}; box-shadow: {{ navigation.menu.shadowValue }}; background: {{ navigation.menu.background }}; z-index: 99; } .calendar-archives.{{ theme }} .menu-container li { display: block; } .calendar-archives.{{ theme }} .menu-container li > a { display: block; height: {{ navigation.height }}px; line-height: {{ navigation.height }}px; color: {{ navigation.menu.color }}; } .calendar-archives.{{ theme }} .menu-container li > a:hover { cursor: pointer; color: {{ navigation.menu.a.hover.color }}; background: {{ navigation.menu.a.hover.background }}; } .calendar-archives.{{ theme }} .menu-container li > a.selected { color: {{ navigation.menu.a.selected.color }}; background: {{ navigation.menu.a.selected.background }}; } .calendar-archives.{{ theme }} .menu-container li > a.selected:hover { text-decoration: none; cursor: default; color: {{ navigation.menu.a.selected.color }}; background: {{ navigation.menu.a.selected.background }}; } .calendar-archives.{{ theme }} .arrow-down { position: absolute; width: {{ navigation.arrow.width }}px; height: {{ navigation.height }}px; line-height: {{ navigation.height }}px; top: 0; right: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: {{ navigation.button.color }}; cursor: pointer; border-left: {{ navigation.arrow.borderWidth }}px {{ navigation.arrow.borderColor }} solid; } .calendar-archives.{{ theme }} .arrow-down:hover { border-color: {{ navigation.arrow.hover.borderColor }} !important; background-color: {{ navigation.arrow.hover.background }}; } .calendar-archives.{{ theme }} .menu-container:hover > .arrow-down { border-left: {{ navigation.button.borderWidth }}px {{ navigation.arrow.active.borderColor }} solid; } .calendar-archives.{{ theme }} > .archives-years { background-color: {{ month.calBg }}; } .calendar-archives.{{ theme }} .month, .calendar-archives.{{ theme }} .day { position: relative; display: block; overflow: hidden; float: left; float: left; color: {{ month.color }}; background-color: {{ month.background }}; border-bottom: 1px {{ month.sepBorderColor }} solid; border-right: 1px {{ month.sepBorderColor }} solid; border-radius: {{ month.borderRadius }}px; {{ month.spacerBottom ? 'margin-bottom: '+month.spacerBottom+'%;' : '' }} {{ month.spacerRight ? 'margin-right: '+month.spacerRight+'%;' : '' }} } .calendar-archives.{{ theme }} .month.has-posts a, .calendar-archives.{{ theme }} .day.has-posts a { display: block; width: 100%; height: 100%; color: {{ month.haspost.color }}; border-radius: {{ month.borderRadius }}px; /*border-bottom: 3px solid #b93207;*/ background-color: {{ month.haspost.background }}; } .calendar-archives.{{ theme }} .month.has-posts a:hover, .calendar-archives.{{ theme }} .day.has-posts a:hover { background-color: {{ month.haspost.hoverbg }}; color: {{ month.haspost.hoverColor }}; } .calendar-archives.{{ theme }} .month.last, .calendar-archives.{{ theme }} .day.last { border-right: none !important; margin-right: 0 !important; } .calendar-archives.{{ theme }} .month { width: {{ 25 - month.spacerRight + month.spacerRight/4 }}%; height: {{ month.height }}px; } .calendar-archives.{{ theme }} .month-name { text-transform: capitalize; font-size: {{ month.name.fontSize }}px; font-weight: 400; display: block; position: absolute; top: {{ month.name.y }}px; left: {{ month.name.x }}px; color: {{ month.name.color }} } .calendar-archives.{{ theme }} .postcount { {{ !month.empty.postcount.display ? 'display: none;' : 'display: block;' }} color: {{ month.empty.postcount.color }}; } .calendar-archives.{{ theme }} .month.has-posts .postcount { display: block; color: {{ month.postcount.color }}; } .calendar-archives.{{ theme }} .month.has-posts:hover .postcount { color: {{ month.postcount.hoverColor }}; } .calendar-archives.{{ theme }} .postcount { position: absolute; {{ month.postcount.xFrom }}: {{ month.postcount.x }}px; {{ month.postcount.yFrom }}: {{ month.postcount.y }}px; font-size: {{ month.postcount.number.fontSize }}px; } .calendar-archives.{{ theme }} .postcount .number { font-size: {{ month.postcount.text.fontSize }}px; } .calendar-archives.{{ theme }} .postcount .count-text { font-size: {{ month.postcount.text.fontSize }}px; {{ !month.postcount.text.display ? 'display: none;' : '' }} } .calendar-archives.{{ theme }} .day { width: {{ 14.285 - month.spacerRight + month.spacerRight/7 }}% !important; height: {{ day.height }}px; font-size: {{ day.fontSize }}px; line-height: {{ day.height }}px; text-align: center; {{ day.fontWeight ? 'font-weight: '+day.fontWeight+';' : '' }} } .calendar-archives.{{ theme }} .day.today { {{ day.today.border ? 'border-bottom: ' + day.today.border + 'px solid' + day.today.borderColor + ';' : '' }}; } .calendar-archives.{{ theme }} .day.has-posts a { height: {{ day.height }}px; text-decoration: none; {{ day.haspost.fontWeight ? 'font-weight: '+day.haspost.fontWeight+';' : '' }} } .calendar-archives.{{ theme }} .day.noday { box-shadow: none; background: none !important; border-bottom: 1px {{ month.sepBorderColor }} solid; border-right: 1px {{ month.sepBorderColor }} solid; } .calendar-archives.{{ theme }} .day.weekday { display: inline-block; padding: 0; height: {{ month.weekdays.height }}px; line-height: {{ month.weekdays.height }}px; border: none; font-size: {{ month.weekdays.fontSize }}px; font-weight: {{ month.weekdays.bold ? 'bold' : 'normal' }}; color: {{ month.weekdays.color }}; text-transform: uppercase; box-shadow: none; background: none !important; } .calendar-archives.{{ theme }} .week-row { margin: 0; padding: 0; overflow: hidden; background: {{ month.calBg }}; } .calendar-archives.{{ theme }} .week-row.weekdays { height: {{ month.weekdays.height }}px; line-height: {{ month.weekdays.height }}px; margin-bottom: {{ month.weekdays.marginBottom }}px; background-color: {{ month.weekdays.background }}; }