My Subscriptions

No active or expired subscriptions. View Available Subscriptions

News Feed

Receive our Newsletter

Advanced Search

Recommended Vendors

Home arrow Forum arrow Extensionsarrow JCal Pro and JCal Clientarrow Archivearrow Themes (board locked)arrow Dark Spartan Theme
« previous next »
Pages: [1]
Print
Author Topic: Dark Spartan Theme  (Read 3302 times)
pipster
Newbie
*

Karma: +0/-0
Posts: 4


View Profile
« on: May 09, 2007, 06:13:17 PM »
Hi

I have modified the Spartan theme from light to dark for my website

http://djmix.biz/gig-calendar/index.php

If anyone wants the css file please contact me or I can post here if the author doesn't mind

regards

P
Logged
V-man
Administrator
Hero Member
*****

Karma: +15/-3
Posts: 2197


Ignorance is curable, stupid is forever.


View Profile
« Reply #1 on: May 11, 2007, 04:22:23 PM »
By all means, post it here.
Logged
*** Please read this post and the FAQs before posting in the forum. ***
*** Documentation links: JCal Pro | Advanced Search ***

Support questions via PM or e-mail will be ignored.
bagherozzi
Newbie
*

Karma: +0/-0
Posts: 1


View Profile Email
« Reply #2 on: May 17, 2007, 08:36:09 AM »
Hi pipster! i'd like so much your dark template and i want to use it for my site, can you pass me your css and jpg file? really thx  Wink Cheesy
Logged
qovop
Newbie
*

Karma: +0/-0
Posts: 1


View Profile
« Reply #3 on: May 18, 2007, 05:02:53 AM »
Yes please, post it, looks great and I dont want to "innovate the wheel again" ;-)

//qovop
Logged
emfglobal
Newbie
*

Karma: +0/-0
Posts: 6


View Profile
« Reply #4 on: May 21, 2007, 07:48:52 AM »
Quote from: pipster on May 09, 2007, 06:13:17 PM
Hi

I have modified the Spartan theme from light to dark for my website

http://djmix.biz/gig-calendar/index.php

If anyone wants the css file please contact me or I can post here if the author doesn't mind

regards

P

Hey, cool.

Would really apreciate it...
You can also PM it to me..

Thanks man,
Espen
Logged
pipster
Newbie
*

Karma: +0/-0
Posts: 4


View Profile
« Reply #5 on: May 21, 2007, 01:36:28 PM »
Files as requested (bear in mind I am only a php novice  Smiley )

style.css

#extcalendar td,#extcalendar tr,#extcalendar p, #extcalendar div {
   font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
}

#extcalendar select {
   color: #000;
}

#extcalendar strong {
   color: #8C8C8C;
}

#extcalendar h2.title {

   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-image :   url(images/box_left_icon.gif);
   background-repeat : no-repeat;
   background-position : left;
   padding-left : 13px;
   font-size: 12px;
   margin: 0px;
     color : #FFF;
}

#extcalendar p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 100%;
   margin: 2px 0px;
}

#extcalendar hr {
   color : #FF0000;
   height: 1px;
}

#extcalendar .textinput {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #FFF;
   border-left-style: solid;
   border-left-width: 1px;
   border-left-color: #A8A8A8;

   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #A8A8A8;

   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #A8A8A8;

   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #A8A8A8;   
   padding-right: 3px;
   padding-left: 3px;
     background-color: #000;

}

#extcalendar .textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #FFF;
   border-left-style: solid;
   border-left-width: 1px;
   border-left-color: #A8A8A8;

   border-bottom-style: solid;
   border-bottom-width: 1px;
   border-bottom-color: #A8A8A8;

   border-top-style: solid;
   border-top-width: 1px;
   border-top-color: #A8A8A8;

   border-right-style: solid;
   border-right-width: 1px;
   border-right-color: #A8A8A8;   
   padding-right: 3px;
   padding-left: 3px;

}

#extcalendar .listbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;

}

#extcalendar .button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   border: 1px solid #A8A8A8;
   background-color : #000;
       color:#FFF;
   padding: 0px;
}


#extcalendar a {
   color: #FFF;
   letter-spacing; 3px;
   text-decoration: none;
}

#extcalendar a:hover {
   color: #000;
}

#extcalendar .apptitle {
   font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold;
}

#extcalendar .appdesc {
   font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal;
}


#extcalendar .buttontext a {
   font-size: 9px;
   color: #FFF;
   text-decoration: none;
}

#extcalendar .buttontext:hover {
   color: #000;
}

#extcalendar .previousmonth, #extcalendar .previousday, #extcalendar .previousweek {
   font-size: 10px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
   border-right: 1px solid #A8A8A8;
   border-top: 0px solid #A8A8A8;
   padding-top: 3px;
   padding-right: 10px;
   padding-bottom: 3px;
   padding-left: 2px;
   text-align: left;
}
#extcalendar .previousmonth, #extcalendar .nextmonth, #extcalendar .previousweek, #extcalendar .nextweek, #extcalendar .previousday, #extcalendar .nextday {   width: 33%;   height: 22px;   text-align: left;   vertical-align: middle;}#extcalendar .miniarrow {   vertical-align: middle;   margin: 0 5px 10px 5px;}
#extcalendar .previousmonth a:hover, #extcalendar .previousday a:hover, #extcalendar .previousweek a:hover {
   color: #000;
   
}

#extcalendar .nextmonth, #extcalendar .nextweek {
   font-size: 10px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
   border-right: 1px solid #A8A8A8;
   border-top: 0px solid #A8A8A8;
   padding-top: 3px;
   padding-right: 10px;
   padding-bottom: 3px;
   padding-left: 10px;
   text-align: right;
}

#extcalendar .nextday {
   font-size: 10px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
   border-right: 1px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
   padding-top: 3px;
   padding-right: 10px;
   padding-bottom: 3px;
   padding-left: 10px;
   text-align: right;
}
#extcalendar .cal_message {   text-align: center;   font-weight: bold;   padding-top: 32px;   padding-bottom: 32px;   vertical-align: middle;}
#extcalendar .nextmonth a:hover, #extcalendar .nextday a:hover, #extcalendar .nextweek a:hover {
   color: #000;
   
}

#extcalendar .currentmonth, #extcalendar .currentweek {
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
   background-color: #000 ;
   border-right: 1px solid #A8A8A8;
   border-top: 0px solid #A8A8A8;
   padding-top: 3px;
   padding-right: 10px;
   padding-bottom: 3px;
   padding-left: 10px;
}

#extcalendar .currentmonth, #extcalendar .currentday, #extcalendar .currentweek {   width: 34%;   height: 22px;   text-align: center;   vertical-align: middle;}#extcalendar .currentday {
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
   border-right: 1px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
   padding-top: 3px;
   padding-right: 10px;
   padding-bottom: 3px;
   padding-left: 10px;
}

#extcalendar .tablev1 {
   background-color: #000;
   border-top: 1px solid #A8A8A8;
   border-left: 0px solid #A8A8A8;
   border-right: 1px solid #A8A8A8;
   border-bottom: 0px solid #A8A8A8;
   margin: 0px;
   color : #FFF;
   padding-top: 12px;
   padding-right: 2px;
   padding-bottom: 12px;
   padding-left: 2px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   text-decoration: none;
   vertical-align: middle;
}

#extcalendar .tablev1_top {
   border-top: 0px solid #A8A8A8;
   border-left: 0px solid #A8A8A8;
   border-right: 0px solid #A8A8A8;
   border-bottom: 0px solid #A8A8A8;
   margin: 0px;
   color : #FFF;   
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   text-decoration: none;
   vertical-align: middle;
}

#extcalendar .tablev1_top_weekday {
   background-color: #000;
   border-top: 1px solid #A8A8A8;
   border-left: 1px solid #A8A8A8;
   border-right: 0px solid #A8A8A8;
   border-bottom: 0px solid #A8A8A8;
   margin: 0px;
   color : #FFF;   
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   text-decoration: none;
   letter-spacing: 3px;
   vertical-align: middle;
}

#extcalendar .tablev1 a {
   color : #A8A8A8;
   text-decoration: none;
}

#extcalendar .tablev1 a:hover {
   color : #000;
}

#extcalendar .searchlink {
   font-size: 10px;
   color: #FFF;
   font-weight: bold;
}

#extcalendar .searchlink:hover {
   color: #000;
}

#extcalendar .searchdesc {
   font-size: 10px;
   color: #FFF;
}

#extcalendar .eventtitle {
   font-size: 10px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
}

#extcalendar .eventtitle:hover {
   color: #000;
   
}

#extcalendar .eventdesc {
   font-size: 10px;
   color: #FFF;
}

#extcalendar .eventdesclarge {
   font-size: 12px;
   color: #FFF;
   line-height: 18px;
}

#extcalendar .cattitle, #extcalendar .usertitle, #extcalendar .grouptitle {
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
}

#extcalendar .cattitle:hover, #extcalendar .usertitle:hover, #extcalendar .grouptitle:hover {
   color: #000;
   
}

#extcalendar .catdesc, #extcalendar .userdesc, #extcalendar .groupdesc {
   font-size: 12px;
   color: #FFF;
}

#extcalendar .titlehighlight {
   color: #FFF;
   
}

#extcalendar .highlight {
   color: #000;
   
}

#extcalendar .tableh1 {
  color:#FFF;
  font-size: 12px;
  height: 26px;
  background-color: #333232;
  background-position: top;
  background-repeat: repeat-x;
   padding-top: 8px;
   padding-right: 12px;
   padding-bottom: 8px;
   padding-left: 8px;
   border-left: 0px solid #A8A8A8;
   border-right: 0px solid #A8A8A8;
   border-bottom: 0px solid #A8A8A8;
}

#extcalendar .tableh2   {
   background-color: #000;
   border-left: 0px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
   border-right: 0px solid #A8A8A8;
   margin: 0px;
   color : #FFF;
   padding-top: 6px;
   padding-right: 12px;
   padding-bottom: 6px;
   padding-left: 6px;
   font-size: 12px;
   font-weight: bold;
}

#extcalendar .tableh2_nobackground   {
   color : #000;
   font-size: 12px;
   font-weight: bold;
}

#extcalendar #recurrence_open div.tableh2 div.tableh2_nobackground,
#extcalendar #recurrence_close div.tableh2 div.tableh2_nobackground {
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
}

#extcalendar tr.tableh2 td.tableh2 {
   border-left: 0px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
   border-right: 0px solid #A8A8A8;
   margin: 0px;
   color : #FFF;
   padding-top: 6px;
   padding-right: 12px;
   padding-bottom: 6px;
   padding-left: 12px;
   font-size: 12px;
   font-weight: bold;
}

#extcalendar .maintable_top .tableh2   {
   border-left: 1px solid #A8A8A8;
   font-size: 12px;
   color: #FFF;
   text-decoration: none;
   font-weight: bold;
}

#extcalendar  table.maintable td.tableb {
   border-left: 0px solid #A8A8A8;
}

#extcalendar .tableb {
   color : #FFF;
   padding-top: 6px;
   padding-right: 10px;
   padding-bottom: 6px;
   padding-left: 10px;
   border-top: 1px solid #A8A8A8;
   border-right: 1px solid #A8A8A8;
   border-bottom: 0px solid #A8A8A8;
   border-left: 1px solid #A8A8A8;
   line-height: 16px;
}

#extcalendar tr.tableb td.tableb {
   border-left: 1px solid #A8A8A8;
}



#extcalendar .tableb_search {
   color : #FFF;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 6px;
   padding-left: 10px;
   line-height: 16px;
}

#extcalendar .tablec {
   color : #FFF;
   padding-top: 3px;
   padding-right: 10px;
   padding-bottom: 3px;
   padding-left: 10px;
   border-top: 1px solid #A8A8A8;
   border-right: 1px solid #A8A8A8;
   border-bottom: 0px solid #A8A8A8;
   border-left: 0px solid #A8A8A8;
}


#extcalendar .maintable {
   border-top: 1px solid #A8A8A8;
   border-right: 0px solid #A8A8A8;
   border-bottom: 1px solid #A8A8A8;
   border-left: 1px solid #A8A8A8;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align: left;
    background-color: #333232;
}

#extcalendar .maintable_top {
}

#extcalendar table.maintable_top td.tablec {
   border-top: 1px solid #A8A8A8;
   border-right: 1px solid #A8A8A8;
   border-bottom: 1px solid #A8A8A8;
   border-left: 1px solid #A8A8A8;
}



#extcalendar .error {
   color : Red;
   font-weight : bold;
}

#extcalendar .today {
   font-size: 14px;
   color: #FFF;
   letter-spacing:3px;
   font-weight: bold;
}

#extcalendar .atomic {
   font-size: 12px;
   letter-spacing: 2px;
}

#extcalendar .legend {
   font-family: Arial, Helvetica, sans-serif;
   letter-spacing: 2px;
   font-size: 11px;
}

/* Weekday Label Cells */

#extcalendar .caldaydigits {
   font-size: 10px;
   letter-spacing: 3px;
}

#extcalendar .weekdaytopclr, #extcalendar .sundaytopclr {
   background-color: #444444;
   border-left: 0px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
   border-right: 1px solid #A8A8A8;
     margin: 0px;
   color : #FFF;
   padding-top: 6px;
   padding-right: 12px;
   padding-bottom: 6px;
   padding-left: 12px;
   font-size: 10px;
   font-weight: bold;
}

#extcalendar .sundaytopclr {
   background-color: #444444;
}

#extcalendar tr.tablec td.previousmonth,
#extcalendar tr.tablec td.previousweek {
   border-left: 0px solid #A8A8A8;
   border-bottom: 1px solid #A8A8A8;
}

#extcalendar tr.tablec td.currentmonth,
#extcalendar tr.tablec td.currentweek {
   border-bottom: 1px solid #A8A8A8;
}

#extcalendar tr.tablec td.nextmonth,
#extcalendar tr.tablec td.nextweek {
   border-bottom: 1px solid #A8A8A8;
}

#extcalendar tr.tablec td.previousday {
   border-left: 1px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
}

/* Day Cells */

#extcalendar .weekdayclr {
   color: #FFF;
   font-size: 10px;
   border-right: 1px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
}

#extcalendar .todayclr {
   background-color: #000;
   color: #FFF;
   font-size: 10px;
   border-right: 1px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
}

#extcalendar .sundayemptyclr {
   color: #FFF;
   font-size: 10px;
   border-right: 1px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
}

#extcalendar .weekdayemptyclr {
   background-color: #333232;
   color: #FFF;
   font-size: 10px;
   border-right: 1px solid #A8A8A8;
   border-top: 1px solid #A8A8A8;
}

/* Text Editor classes */

#extcalendar .tdBtn {
  padding-left: 3px;
  padding-top:3px;
}

#extcalendar .btnOut {   
  border: 1px solid;
  border-color: #444444;
   background-color: #000;
}

#extcalendar .btnOver {   
  border: 1px solid;
  border-top-color: #FFF;
  border-left-color: #FFF;
  border-right-color: #FFFF;
  border-bottom-color: #FFF;
  background-color: #000;
}

#extcalendar .btnDown {   
  border: 1px solid;
  border-top-color: #FFF;
  border-left-color: #FFF;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
  background-color: #000;
}

#extcalendar a.flatButton img {
  border: 1px solid #A8A8A8;
  border-color: #A8A8A8;
}

#extcalendar a.flatButton:hover img {
  border: 1px solid;
  border-top-color: #FFF;
  border-left-color: #FFF;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
  background-color: #000;
}

/* Monthly View classes */
#extcalendar .eventstyle {
   font-size: 12px;
   letter-spacing: 3px;
     padding: 3px;
   text-align: left;   
}
#extcalendar .eventfull {
  margin-left: 3px;
  margin-right: 3px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  background-color: #000;
}

#extcalendar .eventstart {
  margin-left: 3px;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
   background-color: #000;
}

#extcalendar .eventmiddle {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
   background-color: #000;
}

#extcalendar .eventend {
  margin-right: 3px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
   background-color: #000;
}

#extcalendar .imagecell {   
   background-color: #FFF;
     padding: 8px;
}
#extcalendar .imagecell img {   
  border: 1px solid;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  border-bottom-color: #000;
}



theme.php

// Theme information
$theme_info = array (
   'name' => 'Spartan'
   ,'author' => 'Anything Digital'
   ,'author_email' => 'admin@anything-digital.com'
   ,'author_url' => 'http://www.anything-digital.com'
   ,'datemade' => '03/03/2007'
);

$todayclr = '#000'; # color today
$sundayclr = '#333232'; # color calendarsunday
$weekdayclr = '#333232'; # color calendarweekday
Logged
FidelGonzales
Newbie
*

Karma: +0/-0
Posts: 19



View Profile Email
« Reply #6 on: July 23, 2007, 05:37:26 PM »
Looks good upon first glance, but the CSS is screwy - unless there's something I forgot to do. Do I need to change the "theme.php" file in order for it to work properly?

http://rollx.rolldesign.com/events-calendar/
Logged
Holden Creative
Newbie
*

Karma: +0/-0
Posts: 2


View Profile WWW
« Reply #7 on: January 03, 2008, 07:54:12 PM »
Quote
Looks good upon first glance, but the CSS is screwy - unless there's something I forgot to do. Do I need to change the "theme.php" file in order for it to work properly?

The CSS described above is well-made, but at this point, it is incomplete.  I've been working on updating this, and I should be able to post a new "Dark" theme within the next couple of weeks.
Logged
Holden Creative
Newbie
*

Karma: +0/-0
Posts: 2


View Profile WWW
« Reply #8 on: January 17, 2008, 12:00:07 PM »
I've updated the 'Dark Spartan Theme' first posted by Pipster.

The attached files are a modification of the default theme - not the Spartan theme.  I've included new/modified icon images which will work with the new CSS.

To use this theme, find the corresponding files in your components/com_jcalpro/themes/default/
folder and then overwrite.

Please note : These files are on-the-fly modifications that I made originally for use with the commercial "JA Fagus" template.  I can't guarantee they will work for your site, and I'm sure that there is a whole bunch of code in there that needs to be cleaned up still.

Perhaps one of the JCAL Pro team members could take these files and turn them into a new Calendar theme?

Thanks,
Andrew J. Holden
Holden Creative
Logged
guysmiley
Newbie
*

Karma: +0/-0
Posts: 15


View Profile Email
« Reply #9 on: May 25, 2008, 10:47:14 PM »
Awesome.

Any way to make this JCal for J1.5 compatible?

Thks!
Logged
Pages: [1]
Print
« previous next »
Jump to:  

Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC
Joomla Bridge by JoomlaHacks.com
Original Joomla Template design by RocketTheme ( Conversion by Bloc)