Advertisement
Guest User

Icalander

a guest
Jan 20th, 2014
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.49 KB | None | 0 0
  1. /*
  2.  * MOD_ICCALENDAR
  3.  * iCagenda by JoomliC
  4.  * Theme Pack Official
  5.  * iC Rounded Theme - module calendar
  6.  *
  7.  * @name        ic_rounded
  8.  * @author      Lyr!C (JoomliC)
  9.  * @version     3.2.9 2013-12-19
  10.  * @since       1.0
  11.  */
  12.  
  13.  
  14. /*
  15.  * CALENDAR STYLES
  16.  */
  17.  
  18. /* General Calendar */
  19. .ic_rounded.iccalendar {display:block; margin:auto !important; padding:3px !important; border:3px solid #ddd; border-radius:10px; color:#555555 !important;}
  20. .ic_rounded.iccalendar div {padding:0px !important; margin:0px !important; border:0px;}
  21.  
  22. /* General Table */
  23. .ic_rounded.iccalendar table {padding:1% !important; margin:0px !important; border:0px;}
  24. .ic_rounded.iccalendar table th {font-size:10px; font-weight:500; padding:0px !important; margin:0px !important; text-align:center; color:#555555; border:0px;}
  25. .ic_rounded.iccalendar table tr {padding:0px !important; margin:0px !important; border:0px;}
  26.  
  27.  
  28. /*
  29.  * DAYS STYLES
  30.  */
  31.  
  32. /* General */
  33. .ic_rounded.iccalendar table td {padding:3px !important; margin:0px !important; border:0px;}
  34. .ic_rounded.iccalendar table td div {text-align:center; font-size:10px; border-radius:3px; line-height:20px; border:0px solid #DDDDDD; width:auto !important;}
  35.  
  36. /* Styles for days (today or else) */
  37. .ic_rounded.iccalendar table td div.style_Today {border:1px; border-color:#777; line-height: 18px; border-style:solid; font-size:12px; font-weight:bold; text-shadow:0px 0px 10px #777; box-shadow:0px 0px 5px #999;}
  38. .ic_rounded.iccalendar table td div.style_Day {border: none;}
  39.  
  40. /* In case of event */
  41. .ic_rounded.iccalendar table td .icevent a {display:block; text-align:center; height:100%; color:#fff !important; text-decoration: none;}
  42. .ic_rounded.iccalendar table td .icevent a:hover, .ic_rounded.iccalendar table td .icevent a:focus {border-radius:3px; background:#333;}
  43.  
  44. /* In case of event (bright background) */
  45. .ic_rounded.iccalendar table td .icevent a .bright {display:block; text-align:center; height:100%; color:#111 !important; text-decoration: none;}
  46. .ic_rounded.iccalendar table td .icevent a:hover .bright, .ic_rounded.iccalendar table td .icevent a:focus .bright {border-radius:3px; color:#fff !important; background:#333;}
  47.  
  48. /* In case of multi-event day */
  49. .ic_rounded.iccalendar table td .icmulti a {background:url(../images/plus.png) top right no-repeat; display:block; text-align:center; height:100%; color:#fff !important; text-decoration: none; border-radius:3px;}
  50. .ic_rounded.iccalendar table td .icmulti a:hover, .ic_rounded.iccalendar table td .icevent a:focus {background:#333;}
  51.  
  52. /* In case of multi-event day (bright background) */
  53. .ic_rounded.iccalendar table td .icmulti a .bright {background:url(../images/plus.png) top right no-repeat; display:block; text-align:center; height:100%; color:#111 !important; text-decoration: none; border-radius:3px;}
  54. .ic_rounded.iccalendar table td .icmulti a:hover .bright, .ic_rounded.iccalendar table td .icevent a:focus .bright {color:#fff !important; background:#333;}
  55.  
  56. /* In case of no event */
  57. .ic_rounded.iccalendar table td .no_event {background:#FFF;}
  58. .ic_rounded.iccalendar table td div.no_event {color:#777 !important;}
  59.  
  60. /* Loading... */
  61. .ic_rounded.iccalendar .icloading_box {display:block; height:172px; font-size:10px;}
  62. .ic_rounded.iccalendar .icloading_img {display:block; width:100%; height:172px; background: url(../images/ic_load.png) 50% 50% no-repeat}
  63.  
  64.  
  65. /*
  66.  * SCRIPT FUNCTION (Dates with event)
  67.  */
  68.  
  69. /* General */
  70. .ic_rounded .icevent, .ic_rounded .icmulti {}
  71.  
  72. /* Text (Don't modify it!) */
  73. .ic_rounded .icevent .spanEv, .ic_rounded .icmulti .spanEv {display:none !important;}
  74.  
  75. /* Date (Don't modify it!) */
  76. .ic_rounded .icevent .date, .ic_rounded .icmulti .date {display:none !important;}
  77.  
  78. /* Link */
  79. .ic_rounded .icevent a, .ic_rounded .icmulti a {cursor:pointer;}
  80.  
  81.  
  82. /*
  83.  * NAVIGATOR
  84.  */
  85.  
  86. /* Arrows General */
  87. .ic_rounded .icagendabtn {font-family: arial;}
  88.  
  89. /* Navigator General */
  90. .ic_rounded .icnav {font-size:10px; padding:0px !important; margin:0px !important; min-height:24px;}
  91.  
  92. /* Arrows General */
  93. .ic_rounded .icnav .backicY, .ic_rounded .icnav .backic, .ic_rounded .icnav .nextic, .ic_rounded .icnav .nexticY {display:block; text-decoration:none;}
  94. .ic_rounded .icnav .backicY {letter-spacing:-3px; margin-right:2px !important;}
  95. .ic_rounded .icnav .backic {letter-spacing:0px; margin-right:2px !important; margin-left:3px !important;}
  96. .ic_rounded .icnav .nextic {letter-spacing:0px; margin-left:2px !important;}
  97. .ic_rounded .icnav .nexticY {letter-spacing:-3px; margin-right:2px !important; margin-left:2px !important;}
  98.  
  99. /* Arrows Back Month and Year (Left) */
  100. .ic_rounded .icnav .backic, .ic_rounded .icnav .backicY {float:left !important; }
  101.  
  102. /* Arrows Next Month and Year (Right) */
  103. .ic_rounded .icnav .nextic, .ic_rounded .icnav .nexticY {float:right !important; }
  104.  
  105. /* Arrows Back and Next - Month */
  106. .ic_rounded .icnav div.backic, .ic_rounded .icnav div.nextic {color:#555; background:none; font-size:12px; width:auto !important; cursor:pointer;}
  107.  
  108. /* Arrows Back and Next - Year */
  109. .ic_rounded .icnav div.backicY, .ic_rounded .icnav div.nexticY {color:#555; background:none; font-size:12px; width:auto !important; cursor:pointer;}
  110.  
  111. /* Arrows Over */
  112. .ic_rounded .icnav div.backic:hover, .ic_rounded .icnav div.nextic:hover, .ic_rounded .icnav div.backicY:hover, .ic_rounded .icnav div.nexticY:hover {color:#333333; background:none; cursor:pointer;}
  113.  
  114. /* Navigator Title (month and year) */
  115. .ic_rounded .icnav .titleic {font-size:12px; text-align:center; text-transform:uppercase; width:auto !important;}
  116.  
  117.  
  118. /*
  119.  * INFO TIP
  120.  */
  121.  
  122. /* General */
  123. #ictip {color:#333333; font-family:arial; text-align:left; background:#f3f3f3; border:5px solid #ccc; margin:4px 10px; padding:15px; width:auto; min-width:350px; border-radius:10px; z-index:10000; -webkit-box-shadow:2px 2px 4px #999; -moz-box-shadow:2px 2px 4px #999; box-shadow:2px 2px 4px #999;}
  124.  
  125. /* Text before date */
  126. #ictip span.datetxt {font-variant:small-caps;}
  127.  
  128. /* Date format */
  129. #ictip span.dateformat {font-size:1em;}
  130.  
  131. /* Close "X" */
  132. #ictip a.close {color:red; position:absolute; width:auto; display:block; top:15px; right:15px; text-decoration:none !important;}
  133. #ictip a.close:hover {color:black; background:none !important; cursor:pointer;}
  134.  
  135. /* Contener of the image */
  136. #ictip span.img {display:block; width:100px; float:left; padding:5px; border-radius:3px;}
  137.  
  138. /* Image Thumb */
  139. #ictip span.img img {width:100px; border:0px solid #ccc; border-radius:3px;}
  140.  
  141. /* no-image */
  142. #ictip div.noimg {color:#FFFFFF; font-size: 10px; text-align:center; padding:5px;}
  143. #ictip .bright {color:#111111 !important;}
  144.  
  145. /* Link Text */
  146. #ictip span {margin:10px; font-size:0.8em;}
  147. #ictip a {display:block; font-size:1.2em; text-decoration:none;}
  148. #ictip .titletip {display:block; min-width:200px; padding-top:10px;}
  149. #ictip .infotip {display:block; min-width:200px; font-size:0.8em;}
  150. #ictip div.linkTo {color:#333333; background:none; text-decoration:none !important; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
  151. #ictip div.linkTo:hover {color:#000; background:#ddd; text-decoration:none !important; border-radius:3px;}
  152. #ictip a:hover {background:none !important;}
  153.  
  154. /* Contener of the description */
  155. #ictip span.bloc {display:block; width:300px; float:left; margin:3px;}
  156.  
  157. /* Registration Infos */
  158. #ictip div.regButtons {
  159.     text-align: center;
  160.     padding: 7px 1px;
  161. }
  162. #ictip span.iCreg {
  163.     display: inline-block;
  164.     font-size: 11px;
  165.     margin: 0 3px;
  166.     padding: 1px 5px;
  167.     text-align: center;
  168.     -moz-border-radius: 5px;
  169.     -webkit-border-radius: 5px;
  170.     -o-border-radius: 5px;
  171.     border-radius: 5px;
  172.     box-shadow: 0px 0px 1px #333;
  173. /*  cursor: pointer; */
  174. }
  175. #ictip span.iCreg.available {
  176.     color: black;
  177.     background: white;
  178. }
  179. #ictip span.iCreg.ticketsleft {
  180.     color: #fff;
  181.     text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  182.     background-color: #5bb75b;
  183.     background-image: -moz-linear-gradient(top,#62c462,#51a351);
  184.     background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
  185.     background-image: -webkit-linear-gradient(top,#62c462,#51a351);
  186.     background-image: -o-linear-gradient(top,#62c462,#51a351);
  187.     background-image: linear-gradient(to bottom,#62c462,#51a351);
  188.     background-repeat: repeat-x;
  189.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  190.     border-color: #51a351 #51a351 #387038;
  191.     *background-color: #51a351;
  192.     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  193. }
  194. #ictip span.iCreg.registered {
  195.     color: #fff;
  196.     text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  197.     background-color: #1d6cb0;
  198.     background-image: -moz-linear-gradient(top,#2384d3,#15497c);
  199.     background-image: -webkit-gradient(linear,0 0,0 100%,from(#2384d3),to(#15497c));
  200.     background-image: -webkit-linear-gradient(top,#2384d3,#15497c);
  201.     background-image: -o-linear-gradient(top,#2384d3,#15497c);
  202.     background-image: linear-gradient(to bottom,#2384d3,#15497c);
  203.     background-repeat: repeat-x;
  204.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2384d3', endColorstr='#ff15497c', GradientType=0);
  205.     border-color: #15497c #15497c #0a223b;
  206.     border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  207.     *background-color: #15497c;
  208.     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  209. }
  210.  
  211. /* End function clear <div> */
  212. #ictip .clr {clear:both; display:block;}
  213.  
  214.     ic_rounded.iccalendar,
  215.     ic_rounded .icnav div.backicY,
  216.     ic_rounded .icnav div.nexticY,
  217.     ic_rounded .icnav div.backic,
  218.     ic_rounded .icnav div.nextic,
  219.     ic_rounded.iccalendar table th {
  220.     color: #fff;
  221. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement