PHP Classes

File: public/admin/css/pignose.calender.css

Recommend this page to a friend!
  Classes of Taranpreet Singh   PHP End Game Engine Website   public/admin/css/pignose.calender.css   Download  
File: public/admin/css/pignose.calender.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP End Game Engine Website
Build Web sites for promoting games
Author: By
Last change:
Date: 4 years ago
Size: 6,834 bytes
 

Contents

Class file image Download
.pignose-calender { max-width: 360px; border: 1px solid #d8d8d8; font-size: 14px; margin: 0 auto; box-shadow: 0 3px 8px rgba(0, 0, 0, .25); } .pignose-calender .pignose-calender-top { padding: 2.6em 0; background-color: #fafafa; border-bottom: 1px solid #e2e2e2; box-shadow: 0 3px 8px rgba(0, 0, 0, .125); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, .125); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .125); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .125); position: relative; overflow: hidden; } .pignose-calender .pignose-calender-top .pignose-calender-top-date { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.6em 0; text-align: center; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pignose-calender .pignose-calender-top .pignose-calender-top-year { font-weight: 600; letter-spacing: 2px; font-size: 14px; color: #ff4c4c; margin: 0; padding: 0; } .pignose-calender .pignose-calender-top .pignose-calender-top-month { font-weight: 600; font-size: 20px; margin-bottom: .4em; color: #000; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav { position: relative; z-index: 5; text-decoration: none; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav .pignose-calender-top-value { display: inline-block; color: #89a0f9; font-size: 15px; font-weight: 600; vertical-align: middle; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav .pignose-calender-top-icon { display: inline-block; width: 7px; height: 12px; background: url('../image/icon_navs.png') no-repeat 0 0 scroll transparent; text-indent: -1000px; vertical-align: middle; overflow: hidden; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav.pignose-calender-top-prev { float: left; margin-left: 1.6em; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav.pignose-calender-top-prev .pignose-calender-top-value { margin-left: .2em; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav.pignose-calender-top-prev .pignose-calender-top-icon { background-position: 0 0; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav.pignose-calender-top-next { float: right; margin-right: 1.6em; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav.pignose-calender-top-next .pignose-calender-top-value { margin-right: .2em; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav.pignose-calender-top-next .pignose-calender-top-icon { background-position: -7px 0; } .pignose-calender .pignose-calender-header { padding: 0 1.2em; margin-top: 1.2em; font-weight: 600; overflow: hidden; } .pignose-calender .pignose-calender-body { padding: 1.2em; } .pignose-calender .pignose-calender-header .pignose-calender-week { float: left; width: 14.28%; height: 2.8em; text-align: center; line-height: 2.8em; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pignose-calender .pignose-calender-header .pignose-calender-week.pignose-calender-week-sun, .pignose-calender .pignose-calender-header .pignose-calender-week.pignose-calender-week-sat { color: #f75757; } .pignose-calender .pignose-calender-header .pignose-calender-week:last-child { width: 14.32%; } .pignose-calender .pignose-calender-body {} .pignose-calender .pignose-calender-body .pignose-calender-row { overflow: hidden; } .pignose-calender .pignose-calender-body .pignose-calender-row:last-child {} .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit { float: left; display: block; height: 2.8em; width: 14.28%; text-align: center; line-height: 2.8em; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit a { display: inline-block; width: 2.4em; height: 2.4em; border-radius: 50%; color: #4c6ef5; line-height: 2.4em; text-align: center; text-decoration: none; transition: background-color .3s ease, color .3s ease; -o-transition: background-color .3s ease, color .3s ease; -moz-transition: background-color .3s ease, color .3s ease; -webkit-transition: background-color .3s ease, color .3s ease; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit a:active { background-color: #d8d8d8; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-range a { background-color: #f1f1f1; border-radius: 0; width: 100%; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-range.pignose-calender-unit-range-first a { border-top-left-radius: 1.2em; border-bottom-left-radius: 1.2em; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-range.pignose-calender-unit-range-last a { border-top-right-radius: 1.2em; border-bottom-right-radius: 1.2em; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-toggle a { color: #cccccc !important; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-active a { background-color: #4c6ef5; color: #ffffff !important; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, .5); } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-sun a, .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-sat a { color: #f75757; } .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit a:hover {} .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit:last-child { width: 14.32%; } @media(max-width:1280px) { .pignose-calender .pignose-calender-header .pignose-calender-week { font-size: 12px; } } @media(max-width:320px) { .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit { font-size: 13px; } .pignose-calender .pignose-calender-header .pignose-calender-week { font-size: 10px; } .pignose-calender .pignose-calender-top .pignose-calender-top-nav .pignose-calender-top-value { font-size: 13px; } .pignose-calender .pignose-calender-top .pignose-calender-top-year { font-size: 12px; } .pignose-calender .pignose-calender-body { padding: .5em; } .pignose-calender .pignose-calender-header { padding: 0 .5em; } .box { font-size: 13px; } li.button a i { font-size: 1em; margin-right: 0.2em; } ul.list-unstyled li { font-size: 12.5px; } }