[ABD] phpBB Calendar 0.1.1 (alightner)

Any abandoned MODs will be moved to this forum.

WARNING: MODs in this forum are not currently being supported or maintained by the original MOD author. Proceed at your own risk.
Forum rules
IMPORTANT: MOD Development Forum rules

WARNING: MODs in this forum are not currently being supported nor updated by the original MOD author. Proceed at your own risk.
xxxTristamxxx
Registered User
Posts: 5
Joined: Fri Aug 29, 2008 6:08 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by xxxTristamxxx »

None
cpt_jack
Registered User
Posts: 12
Joined: Wed May 30, 2012 5:38 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by cpt_jack »

Well I have tried to find out what to do but I can not figure it out...

I want to install the calendar mod with an other style and do not get it to work. May be there is someone who can help me. the Problem is that I do not see the buttons on calender.php and such things.

The used style is prosilver based: Artodia Colorizeit Black
Image: http://www.diigo.com/item/image/3cfc9/d3bv

Problem for me is to edit the according files for the theme, as this style does not have a colors.css and buttons.css I tried to put it into the other files but it does not work in any way.

Here you have the css-files of my board with the not working edits done as I thought they would work.

layout_forms.css

Code: Select all

/* Form Styles
---------------------------------------- */

/* General form styles
----------------------------------------*/
fieldset {
	border-width: 0;
}

input[type="text"], input[type="password"], select, textarea {
	font-weight: normal;
    background: #202020;
    color: #888;
    outline-style: none;
    border: solid 1px #444;
    border-radius: 6px;
    -moz-border-radius: 6px;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    line-height: 1em;
    font-size: 12px;
    transition-property: border-color, background-color, color;
    -webkit-transition-property: border-color, background-color, color;
    -moz-transition-property: border-color, background-color, color;
    -o-transition-property: border-color, background-color, color;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover {
    color: #999;
    border-color: #292f4a;
    background-color: #181818;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
    border-color: #292f4a;
    background-color: #141414;
    color: #bbb;
}


input {
	cursor: pointer;
	vertical-align: middle;
	padding: 0 3px;
	font-size: 12px;
}

select {
	cursor: pointer;
	vertical-align: middle;
	padding: 1px;
	max-width: 400px;
}

option {
	padding-right: 1em;
}

option.disabled-option {
	color: #666;
	background-color: #282828;
}

textarea {
	width: 60%;
	padding: 2px;
	line-height: 1.4em;
}

label {
	cursor: default;
	padding-right: 5px;
}

label input {
	vertical-align: middle;
}

label img {
	vertical-align: middle;
}

/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}

fieldset dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 {
	background-color: transparent;
}

fieldset.fields1 div {
	margin-bottom: 3px;
}

/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div {
	margin-bottom: 0;
}

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields2 dd {
	margin-left: 16em;
	border-left-width: 0;
}

/* Form elements */
dt label {
	font-weight: bold;
	color: #3b50b6;
	font-size: 12px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	text-align: left;
}

dd label {
	white-space: nowrap;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}

#timezone {
	width: 95%;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
}

fieldset.quick-login input {
	width: auto;
}

fieldset.quick-login input.inputbox {
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	margin: 3px 0 5px 0;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.display-options a {
	margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options {
	line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 {
	margin: 13px 0 3px 0;
	float: right;
}

/* Jumpbox */
fieldset.jumpbox {
	text-align: right;
	margin-top: 15px;
	height: 2.5em;
}

fieldset.quickmod {
	width: 50%;
	float: right;
	text-align: right;
	height: 2.5em;
}

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

fieldset.submit-buttons input {
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
}

/* Main message box */
#message-box {
	width: 80%;
}

#message-box textarea {
	width: 100%;
}

/* Emoticons panel */
#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img {
	margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	padding: 2px;
	cursor: text;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}

/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
	font-size: 1em;
}

a.button1, input.button1, input.button3, a.button2, input.button2 {
	width: auto !important;
	padding-top: 1px;
	padding-bottom: 1px;
}
.browser-webkit a.button1, .browser-webkit input.button1, .browser-webkit input.button3, .browser-webkit a.button2, .browser-webkit input.button2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

a.button1, input.button1 {
	font-weight: bold;
	color: #999;
    background: #202020;
    border: solid 1px #444;
    border-radius: 6px;
    -moz-border-radius: 6px;
}

input.button3 {
	padding: 0;
	margin: 0;
	line-height: 5px;
	height: 12px;
	font-variant: small-caps;
}

/* Alternative button */
a.button2, input.button2, input.button3 {
	border: 1px solid #444;
    background: #202020;
	color: #888;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 12px;
    border-radius: 6px;
    -moz-border-radius: 6px;
}

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
	text-decoration: none;
	color: #888;
	padding: 2px 8px;
	line-height: 250%;
	vertical-align: text-bottom;
}

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    color: #3f52b3;
    border-color: #50525a;
    background-color: #181818;
}

input.disabled {
	font-weight: normal;
	color: #888;
	border-color: #333;
}

/* Topic and forum Search */
.search-box {
	margin-top: 3px;
	margin-left: 5px;
	float: left;
}

.search-box input {
}

input.search {
	background-image: url("{T_THEME_PATH}/images/search_mini.gif");
	background-repeat: no-repeat;
	background-position: 3px 4px;
	padding-left: 18px;
}

.full { width: 95%; }
.medium { width: 50%;}
.narrow { width: 25%;}
.tiny { width: 10%;}

layout_global.css

Code: Select all

/*
    Main stuff
*/
* { margin: 0; padding: 0; }
html {
    width: 100%;
    height: 100%;
}
body {
    margin: 0 auto;
    padding: 0 8px;
    position: relative;
    min-height: 100%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    line-height: 1.2em;
    font-size: 12px;
    color: #999;
}
body.simple { 
    width: auto; 
    margin: 0;
    padding: 8px;
}
html, body.simple, body.rounded #page-wrapper, body.rounded > footer {
    background: #222 url("{T_THEME_PATH}/images/bg.png");
}

a, a:visited {
    color: #4d4cff;
    text-decoration: none;
    transition: color 0.25s ease;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
}
a:hover { color: #3f52b3; }
a:active { 
    color: #0200ff; 
    transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -webkit-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
}
.buttons a:active, .profile-icons a:active {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

img { border-width: 0; }

/*
    HTML5 "support" for Opera and old IE
*/
header, footer, section, figure, legend, nav {
    display: block;
    margin: 0;
    padding: 0;
}

/*
    Rounded blocks, transitions
*/
nav.nav-links, div.rules, div.forabg, div.forumbg, div.post, .panel, .cp-mini {
    border: 2px solid #333;
    background: rgba(0, 0, 0, 0.3) url("{T_THEME_PATH}/images/roundedbg.png") 0 0 repeat-x;
    border-radius: 8px;
    -moz-border-radius: 8px;
}
.old-ie nav.nav-links, .old-ie div.rules, .old-ie div.forabg, .old-ie div.forumbg, .old-ie div.post, .old-ie .panel, .old-ie .cp-mini {
    background-color: #181818;
}
nav.nav-links:hover {
    border-color: #292f4a;
}

.corners-top, .corners-bottom { display: none; }

div.rules, div.forabg, div.forumbg, div.post, .panel, .cp-mini, .mobile-style-switch a {
    transition: opacity 2s ease;
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
}
body.transform nav.nav-links, .mobile-style-switch a {
    transition-property: border-color, background-color, opacity;
    -webkit-transition-property: border-color, background-color, opacity;
    -moz-transition-property: border-color, background-color, opacity;
    -o-transition-property: border-color, background-color, opacity;
    transition-duration: 0.5s, 0.5s, 2s;
    -webkit-transition-duration: 0.5s, 0.5s, 2s;
    -moz-transition-duration: 0.5s, 0.5s, 2s;
    -o-transition-duration: 0.5s, 0.5s, 2s;
}
body.transform nav.nav-links, body.transform img, body.transform .topic-actions, body.transform .profile-icons { opacity: 1; }

/* 
    Arrow links  
*/
a.up		{ background: url("{T_THEME_PATH}/images/arrow_up.gif") no-repeat left center; }
a.down		{ background: url("{T_THEME_PATH}/images/arrow_down.gif") no-repeat right center; }
a.left		{ background: url("{T_THEME_PATH}/images/arrow_left.gif") no-repeat 3px 60%; }
a.right		{ background: url("{T_THEME_PATH}/images/arrow_right.gif")  no-repeat 95% 60%; }

a.up, a.up:link, a.up:active, a.up:visited {
	padding-left: 10px;
	text-decoration: none;
	border-bottom-width: 0;
}

a.up:hover {
	background-position: left top;
	background-color: transparent;
}

a.down, a.down:link, a.down:active, a.down:visited {
	padding-right: 10px;
}

a.down:hover {
	background-position: right bottom;
	text-decoration: none;
}

a.left, a.left:active, a.left:visited {
	padding-left: 12px;
}

a.left:hover {
	text-decoration: none;
	background-position: 0 60%;
}

a.right, a.right:active, a.right:visited {
	padding-right: 12px;
}

a.right:hover {
	text-decoration: none;
	background-position: 100% 60%;
}

.back2top {
	clear: both;
	height: 11px;
	text-align: right;
}

a.top {
	background: url("{IMG_ICON_BACK_TOP_SRC}") no-repeat top left;
	text-decoration: none;
	width: {IMG_ICON_BACK_TOP_WIDTH}px;
	height: {IMG_ICON_BACK_TOP_HEIGHT}px;
	display: block;
	float: right;
	overflow: hidden;
	letter-spacing: 1000px;
	text-indent: 11px;
}

a.top2 {
	background: url("{IMG_ICON_BACK_TOP_SRC}") no-repeat 0 center;
	text-decoration: none;
	padding-left: 14px;
	line-height: 1em;
	margin: 4px 0;
	display: inline-block;
}

a.up, a.down, a.left, a.right, a.top, a.top2 {
    transition-property: color, background-position;
    -webkit-transition-property: color, background-position;
    -moz-transition-property: color, background-position;
    -o-transition-property: color, background-position;
    transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
}





/*
    Misc stuff
*/
.rank_progress_bar {
	border: 1px solid #2E2EFE;
	margin-right: 1em;
	position: relative;
	clear:right
}
.rank_progress_bar span {
	z-index:2;
	position:relative
}
.rank_progress_bar .bar {
	background-color: #2E2EFE;
	border-right: 1px solid #5882FA;
	display:block;
	height: 100%;
	z-index:1;
	position:absolute;
	top: 0;
	left: 0
}

.clear { clear: both; }

.rightside, .right-box { 
    text-align: right;
}

.left-box {
    float: left;
    text-align: left;
    width: auto;
}

p.rightside, li.rightside, ul.rightside, ul.linklist li.rightside, .right-box { 
    float: right; 
    margin-left: 5px;
    margin-right: 0;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

hr {
    background-color: none;
    border: solid 1px transparent;
    border-bottom-color: #181818;
    border-top-color: #333;
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

hr.dashed {
	border-top-style: dashed;
	border-bottom-style: dashed;
}

.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
    min-height: 1px;
    overflow: hidden;
}
span.corners-bottom { 
    display: block; 
    clear: both;
}

dl.details {
	font-size: 12px;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #3f52b2;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #888;
	float: left;
	width: 65%;
}

/*
    Main blocks without rounded container
*/
#page-body > h2, #page-body > form > h2, #page-body > h3, #page-body > form > h3, div#message h2, #confirm h2, #agreement h2 {
    font-size: 20px;
    font-weight: normal;
    text-shadow: #111 2px 3px 1px;
    margin: 20px 2px 10px;
}
#page-body > h2, #page-body > form > h2, #page-body > h3, #page-body > form > h3, div#message h2, #confirm h2, #agreement h2, 
#page-body h2.title a, #page-body h2.title a:visited { color: #0200ff; }
#page-body h2.title a:hover { color: #3f52b3; }

/*
    Forms
*/
fieldset {
    margin: 0;
    padding: 0;
    border-width: 0;
}
fieldset.display-options { 
    margin: 5px 0;
    text-align: center; 
}

/*
    Errors
*/
.error {
	color: #0200ff;
	font-weight: bold;
	font-size: 12px;
}

#oldie, #old-browser {
    margin: 0 -8px;
    padding: 6px;
    font-size: 14px;
    font-family: Arial;
    line-height: 1.2em;
    text-align: center;
    background-color: #4c1596;
    color: #fff;
}
#old-browser a, #old-browser a:visited { color: #fff; }
layout_index.css

Code: Select all

/*
    Website index, forum view
*/
div.forabg, div.forumbg, .panel, .post {
    clear: both;
}

ul.linklist {
    display: block;
    height: 14px;
    margin: 6px 4px;
}
ul.linklist li {
    display: block;
    float: left;
    list-style-type: none;
    margin-right: 5px;
}

div.forabg, div.forumbg {
    margin: 6px 0;
}

ul.topiclist {
    display: block;
    clear: both;
    list-style-type: none;
    margin: 0;
}
ul.topiclist li {
    display: block;
    list-style-type: none;
    margin: 0;
}
ul.topiclist li.header {
    margin: 2px 2px 0;
    border: solid 1px transparent; /* rgba(30, 48, 142,  0.2); */
    background: url("{T_THEME_PATH}/images/popupbg.png") 0 -2px repeat-x;
    border-radius: 6px;
    -moz-border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
}
ul.topiclist li.header a, ul.topiclist li.header a:visited { 
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
}
ul.topiclist li.header a:hover, ul.topiclist li.header a:active {
    color: #fff;
}
.old-ie ul.topiclist li.header, .old-ie ul.topiclist li.header a { 
    color: #fff !important; 
}
ul.topiclist li.header dt, ul.topiclist li.header dd {
    font-size: 12px;
    line-height: 1.2em;
}

ul.topiclist dl { 
    overflow: hidden; 
    position: relative;
}
ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist dt {
	display: block;
	float: left;
	width: 50%;
	padding-left: 5px;
	padding-right: 5px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid rgba(64, 64, 64, 0.3);
	padding: 4px 0;
}
.old-ie ul.topiclist dd {
    border-left: 1px solid #eee;
}
.old-ie ul.topiclist .header dd { border-left-color: transparent; }

ul.topiclist dfn {
	/* Labels for post/view counts */
	position: absolute;
	left: -999px;
	width: 990px;
}

ul.topiclist li.row dt a.subforum {
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

.forum-image {
	float: left;
	padding-top: 5px;
	margin-right: 5px;
}

li.row {
	border-bottom: 1px solid rgba(64, 64, 64, 0.5);
	background-color: rgba(20, 20, 20, 0.01);
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}
.old-ie li.row {
    border-bottom: 1px solid #eee;
}

li.row strong {
	font-weight: normal;
}

li.row:hover {
	background-color: #141414;
}

li.header dt, li.header dd {
    color: rgba(255, 255, 255, 0.7) !important;
	line-height: 1em;
	border-left-width: 0;
	margin: 0;
	padding: 4px 0;
}
.old-ie li.header dt, .old-ie li.header dd {
    color: #fff;
}

li.header dd {
	margin-left: 1px;
}

li.header dl {
	min-height: 0;
	padding-left: 6px;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 0;
	padding-right: 50px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 9px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 45px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
	font-size: 11px;
	line-height: 1.3em;
}
dl.icon dt div.extra {
    float: right;
    padding-top: 4px;
}

dd.posts, dd.topics, dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 12px;
}

a.forumtitle, a.topictitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.unread a.forumtitle, .unread a.forumtitle:visited, 
.unread a.topictitle, .unread a.topictitle:visited, 
.reported a.topictitle, .reported a.topictitle:visited,
a.subforum.unread, a.subforum.unread:visited { 
    color: #0200ff; 
}
.forum-link a.forumtitle, .forum-link a.forumtitle:visited, 
.forum-link a.topictitle, .forum-link a.topictitle:visited,
.unapproved a.topictitle, .unapproved a.topictitle:visited { 
    color: #3f52b2; 
}
.unread a.forumtitle:hover, .unread a.topictitle:hover, 
.forum-link a.forumtitle:hover, .forum-link a.topictitle:hover, 
.reported a.topictitle:hover, .unapproved a.topictitle:hover,
a.subforum.unread:hover { 
    color: #3f52b3; 
}


/* List in forum description */
dl.icon dt ol,
dl.icon dt ul {
	list-style-position: inside;
	margin-left: 1em;
}

dl.icon dt li {
	display: list-item;
	list-style-type: inherit;
}

dd.lastpost {
	width: 25%;
	font-size: 11px;
}

dd.redirect {
	font-size: 12px;
	line-height: 2.5em;
}

dd.redirect.empty {
    display: none;
}

dd.moderation {
	font-size: 11px;
}

dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
	display: block;
	padding-left: 5px;
}

dd.time {
	width: auto;
	line-height: 200%;
	font-size: 11px;
}

dd.extra {
	width: 12%;
	line-height: 200%;
	text-align: center;
	font-size: 11px;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 11px;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 11px;
}

dd.searchby {
	width: 47%;
	font-size: 11px;
	line-height: 1em;
}

ul.topiclist dd.searchextra {
	margin-left: 5px;
	padding: 0.2em 0;
	font-size: 11px;
	color: #333333;
	border-left: none;
	clear: both;
	width: 98%;
	overflow: hidden;
}

/* Container for post/reply buttons */
.topic-actions {
	margin-bottom: 3px;
	font-size: 11px;
	height: 28px;
	min-height: 28px;
}
div[class].topic-actions {
	height: auto;
}

/* Buttons */
.buttons {
    float: left;
}
.buttons div {
	float: left;
	margin: 0 5px 0 0;
	background-position: 0 100%;
}
.buttons div a {
    font-size: 13px;
    line-height: 1em;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin: 0 0 0 10px;
    padding: 6px 12px 0 2px;
    height: 20px;
    text-decoration: none;
    text-align: center;
    background: url("{T_THEME_PATH}/images/buttons.png") top right no-repeat;
    text-shadow: rgba(0,0,0,0.1) 1px 1px 1px;
}
.browser-ie .buttons div a {
    line-height: 21.49px;
    padding-top: 2px;
    height: 24px;
}
.buttons div.locked-icon a, .buttons div.locked-icon a:visited { color: #0200ff; }
.buttons div.locked-icon a:hover { color: #3f52b3; }

/* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
   
   Note the "text-align: left" was added because there were a few instances where the icons were cut in half... 
   adding the text align property helps reserve enough space to fully display the icon.
*/
.buttons div.calendar-new-icon	{ width: {IMG_BUTTON_CALENDAR_NEW_WIDTH}px; height: {IMG_BUTTON_CALENDAR_NEW_HEIGHT}px; text-align: left; }
.buttons div.calendar-day-icon	{ width: {IMG_BUTTON_CALENDAR_DAY_WIDTH}px; height: {IMG_BUTTON_CALENDAR_DAY_HEIGHT}px; text-align: left; }
.buttons div.calendar-week-icon	{ width: {IMG_BUTTON_CALENDAR_WEEK_WIDTH}px; height: {IMG_BUTTON_CALENDAR_WEEK_HEIGHT}px; text-align: left; }
.buttons div.calendar-month-icon	{ width: {IMG_BUTTON_CALENDAR_MONTH_WIDTH}px; height: {IMG_BUTTON_CALENDAR_MONTH_HEIGHT}px; text-align: left; }

.buttons div a, .buttons div a:hover, .buttons div a:active {
    text-decoration: none;
    border-width: 0;
    outline-style: none;
}
.buttons div a span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 10px;
    background: inherit;
    background-position: top left;
}

.buttons div a:hover {
    background-position: right -30px;
}
.buttons div a:active {
    background-position: right bottom;
}
.buttons div a:hover span {
    background-position: left -30px;
}
.buttons div a:active span {
    background-position: left bottom;
}


/* Pagination
---------------------------------------- */
.pagination {
	width: auto;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 3px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
    border: 1px solid #a2a8c7;
    background-color: #3f52b2;
    color: #fff;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	margin: 0 2px;
	padding: 0 2px;
    border: solid 1px #333;
    background-color: #111;
	line-height: 1.5em;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
}

.pagination span a:hover {
    border-color: #111;
    background-color: #3f52b3;
    color: #fff;
	text-decoration: none;
}
.pagination span a:active {
    border-color: #111;
    background-color: #0200ff;
    color: #fff;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

/* Login on index */
body.section-index #page-body > form > h3 { display: none; }

/* RSS feed */
a.feed-icon-forum {
	display: block;
	float: right;
	overflow: hidden;
	background: url("{T_THEME_PATH}/images/rss.png") 0 0 no-repeat;
	width: 0;
	height: 0;
	margin: 0;
	padding: 18px 0 0 18px;
}
a.feed-icon-forum:hover { background-position: 0 -20px; }
layout_main.css

Code: Select all

/*
    Header and footer
*/
body > header, #header {
    position: relative;
    margin: 8px 0 10px;
    padding: 0;
    background: #1e308e url("{T_THEME_PATH}/images/header.png") 0 0 repeat-x;
    background-size: 128px 100%;
    min-height: 62px;
    overflow: hidden;
    border: solid 0px #222a52;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

body.rounded > header, body.rounded #header {
    margin-top: 8px;
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}

body > header .inner:after, #header .inner:after, #site-description:after {
	content: '';
	display: block;
	clear: both;
}

body > header .inner, #header .inner {
	background: url("{T_THEME_PATH}/images/pattern.png") 0 0 repeat;
}

#site-description {
    vertical-align: center;
    float: left;
    position: relative;
    left: 50%;
}
#site-description > div {
	margin-left: -50%;
}
#site-description #logo, #site-description .site-description-data {
	display: block;
	float: left;
	text-align: left;
    padding: 0;
    text-decoration: none;
    border-width: 0;
}
#site-description #logo img { 
	display: block;
}
#site-description p, #site-description h1 {
	text-align: left;
    padding-left: 8px;
    white-space: nowrap;
    font-weight: normal;
    line-height: 1.4em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 2px 1px;
}

#site-description h1 {
	padding-top: 5px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
}
#site-description p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}
#site-description .skiplink { display: none; }

body > header nav, .old-ie header nav {
    display: block;
    position: relative;
    bottom: -1px;
    float: left;
    clear: both;
    left: 50%;
    font-size: 12px;
    line-height: 1em;
    color: #757fb3;
    white-space: nowrap;
}
body > header nav div {
	margin-left: -50%;
}
body > header nav a, body > header nav a:visited, body > header nav span {
    display: inline-block;
    padding-bottom: 8px;
    color: #cacee3;
    text-decoration: none;
}
body > header nav a:hover {
    color: #fff;
    background: url("{T_THEME_PATH}/images/menu_border.gif") bottom left repeat-x;
}
body > header nav strong { font-weight: normal; }


#search-box {
    position: absolute;
    bottom: auto;
    top: 8px;
    right: 8px;
    background: rgba(41, 62, 170,  0.3) url("{T_THEME_PATH}/images/search.png") center left no-repeat;
    border: solid 1px #27367e;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-left: 17px;
}
#search-box.focused {
    background-color: rgba(41, 62, 170,  0.5);
}
#search-box form { 
    display: inline; 
    border-width: 0;
    margin: 0;
    padding: 0;
}
#search-box input[type="text"] {
    margin: 0;
    padding: 4px 3px;
    border-width: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    height: 16px;
    width: 140px;
    line-height: 1em;
    font-size: 11px;
    color: #cacee3;
    outline-style: none;
    -webkit-appearance: none;
}
#search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
    color: #fff;
}
.browser-ie #search-box {
    padding-top: 2px;
}
.browser-ie #search-box input[type="text"] {
    height: 14px;
}

/*
    Footer
*/
body > footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    vertical-align: bottom;
    line-height: 1.3em;
    margin: 0;
    padding: 8px;
    padding-bottom: 6px;
    font-size: 11px;
    color: #666;
}

body.simple .copyright {
    text-align: center;
    color: #666;
    font-size: 11px;
}

.copyright .copy-left {
    float: left;
    text-align: left;
    padding-left: 4px;
}
.copyright .copy-right {
    float: right;
    text-align: right;
    padding-right: 4px;
}

/*
    Wrapper
*/
#page-body { padding-bottom: 100px; }
body.simple #page-body { padding-bottom: 0; }
#page-body > p { margin: 6px 4px; }
#page-body > p.rightside { margin: 0; }

body.rounded #page-wrapper {
    border: solid 1px #233072;
    border-width: 0 2px;
    padding: 10px;
}
body.rounded #page-header, body.rounded #page-body, body.rounded #page-header .nav-links { margin: 0; }
body.rounded #page-body { padding-bottom: 0; }
body.rounded > footer {
    position: relative;
    margin-bottom: 8px;
    padding: 10px;
    border: solid 2px #233072;
    border-top-width: 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
}

/*
    Navigation
*/
nav.nav-links {
    margin: 14px 0 6px;
    top: 4px;
    padding: 6px 8px;
    color: #999;
    text-align: left;
}
nav.nav-links .rightside { float: right; }
nav.nav-links .time { color: #666; }

nav.nav-extra {
    text-align: right;
    font-size: 12px;
    margin: 8px 4px 4px;
    color: #999;
}

footer nav.nav-links { position: relative; }
footer nav.nav-links .rightside { 
    position: absolute;
    top: 6px;
    right: 10px;
}

/*
    Rules
*/
div.rules {
    margin: 6px 0;
    padding: 6px;
    background: rgba(37, 36, 131,  0.15);
    border-color: #252483;
}
div.rules > .inner > strong { 
    color: #0200ff;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4em;
}
#information {
    text-align: center;
    padding: 20px;
}

/*
	Link to switch to mobile style
*/
.mobile-style-switch a {
	padding: 5px 10px 6px;
	border: 2px solid #333;
	border-radius: 10px;
	background: #181818;
}
.mobile-style-switch a:hover {
	border-color: #292f4a;
}

/* -------------------------
   calendar mod additions... 
   ------------------------- */
   
/* uses border-top-color = .bg3 background-color
 (the line between events in the month display) */
hr.hrCal { 
	border-top-color: #cadceb;
}

/* uses color from h1
   (calendar header previous and next links) */
.calH1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size:200%
}

/* The from and to times take up a lot of 
  space in the calendar display.
  Use this to shrink them */
.smCalText{font-size:85%}

/* bg4 is just slightly darker then bg3 
  (used in calendar headers) */
.bg4	{ background-color: #8DB8DE; }

/* uses background-color of .bg3
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg3_calMonH{ 
	background-color: #cadceb;
	font-size:85%
}

/* uses background-color of .bg4
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg4_calMonH{ 
	background-color: #8DB8DE;
	font-size:85%
}

/* uses background-color of .bg1
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg1_calMon {
	background-color: #ECF3F7;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}
/* uses background-color of .bg2
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg2_calMon {
	background-color: #e1ebf2;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}
/* uses background-color of .bg3
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg3_calMon {
	background-color: #cadceb;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}


/* uses background-color of .bg1
   uses border-top-color = .forumbg background-color
   (used to display events in calendar day view) */ 
table.table1 tbody td.bg1_calDay {
	background-color: #ECF3F7;
	border-top-color: #12A3EB;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
}

/* uses background-color of .bg3
   uses border-top-color = .forumbg background-color
   (used to display negative space in calendar day view) */ 
table.table1 tbody td.bg3_calDay {
	background-color: #cadceb;
	border-top-color: #12A3EB;
}

/* -------------------------
   calendar mod end
   ------------------------- */
layout_pages.css

Code: Select all

/*
    Layouts for pages not covered in other css files
*/


/* notification */
div#message, #confirm .panel, #agreement .panel {
    margin: 40px 0;
    border-width: 0;
    background-color: transparent;
    background-image: none;
    font-size: 12px;
}
div#message > div, #confirm .panel > div, #agreement .panel > div { padding: 0; }
div#message h2, #confirm h2, #agreement h2 { 
    margin-left: 0; 
    margin-bottom: 20px; 
}

/*
    UCP tabs
*/
#tabs {
    margin: 10px 0 6px;
}
#navigation, #minitabs {
    margin: 4px 0;
    min-height: 1em;
}
#tabs ul, #navigation ul, #minitabs ul {
    list-style-type: none;
}
#tabs li, #navigation li, #minitabs li {
    display: block;
    float: left;
}
#tabs li a, #navigation li a, #minitabs li a {
    display: block;
    margin: 0;
    padding: 0;
    height: 24px;
    padding-left: 10px;
    background: url("{T_THEME_PATH}/images/tabs_right.png") top left no-repeat;
    border-width: 0;
    outline-style: none;
    text-decoration: none;
}
#tabs li a span, #navigation li a span, #minitabs li a span {
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    white-space: nowrap;
    padding-top: 6px;
    padding-right: 10px;
    height: 18px;
    background: url("{T_THEME_PATH}/images/tabs_left.png") top right no-repeat;
    color: #4d4cff;
    text-shadow: rgba(0,0,0,0.1) 1px 1px 1px;
}
#tabs li a:hover, #tabs li.activetab a, #navigation li a:hover, #navigation li#active-subsection a, #minitabs li a:hover, #minitabs li.activetab a {
    background-position: bottom left;
}
#tabs li a:hover span, #tabs li.activetab a span, #navigation li a:hover span, #navigation li#active-subsection a span, #minitabs li a:hover span, #minitabs li.activetab a span {
    background-position: bottom right;
    color: #3f52b3;
}
#tabs li.first a, #navigation li.first a, #minitabs li.first a {
    background-image: url("{T_THEME_PATH}/images/tabs_left.png");
    padding-left: 14px;
}

#tabs li.last a, #navigation li.last a, #minitabs li.last a {
    background-position: top right;
    padding-right: 14px;
    padding-left: 0;
}
#tabs li.last a span, #navigation li.last a span, #minitabs li.last a span {
    background-image: url("{T_THEME_PATH}/images/tabs_right.png");
    background-position: top left;
    padding-left: 10px;
    padding-right: 0;
}

#tabs li.last a:hover, #tabs li.activetab.last a, #navigation li.last a:hover, #navigation li#active-subsection.last a, #minitabs li.last a:hover, #minitabs li.activetab.last a {
    background-position: bottom right;
}
#tabs li.last a:hover span, #tabs li.activetab.last a span, #navigation li.last a:hover span, #navigation li#active-subsection.last a span, #minitabs li.last a:hover span, #minitabs li.activetab.last a span {
    background-position: bottom left;
}
#navigation strong, #tabs strong, #minitabs strong { 
    color: #0200ff; 
    font-weight: normal;
}
li.activetab strong, #active-subsection strong,
#navigation a:hover strong, #tabs a:hover strong, #minitabs a:hover strong {
    color: #3f52b3;
}



/*
    UCP stuff
*/
p.linkmcp { color: #999; }

#cp-main > h2, #cp-main > form > h2 {
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-weight: normal;
	margin: 8px 0;
	padding: 0;
	font-size: 16px;
	color: #0200ff;
    font-size: 20px;
    font-weight: normal;
    text-shadow: #111 2px 3px 1px;
    margin: 14px 2px;
}

#cp-main h3 {
    margin: 6px 0;
}


#cp-main .content {
	padding: 0;
}

#cp-main .panel ol {
	margin-left: 2em;
	font-size: 11px;
}

ul.cplist {
	margin-bottom: 5px;
}

#cp-main table.table1 {
	margin-bottom: 1em;
}

#cp-main .pagination {
	float: right;
	width: auto;
	padding-top: 1px;
}

#cp-main .postbody p {
	font-size: 12px;
}

#cp-main .pm-message {
	border: 1px solid #e2e2e2;
	margin: 10px 0;
	background-color: #FFFFFF;
	width: auto;
	float: none;
}

.pm-message h2 {
	padding-bottom: 5px;
}

#cp-main .postbody h3, #cp-main .box2 h3 {
	margin-top: 0;
}

#cp-main .buttons {
	margin-left: 0;
}

#cp-main ul.linklist {
	margin: 0;
}

/* MCP Specific tweaks */
.mcp-main .postbody {
	width: 100%;
}


/* Friends list */
.cp-mini {
	background-color: #222;
	padding: 0 5px;
	margin: 5px 5px 0 0;
	float: left;
}

.cp-mini > div {
    padding: 5px 2px;
}

dl.mini dt {
	font-weight: normal;
	color: #3f52b2;
	font-size: 14px;
	line-height: 1.3em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

dl.mini dd {
	padding-top: 4px;
}

.friend-online {
	font-weight: bold;
}

.friend-offline {
	font-style: italic;
}

/* PM Styles
----------------------------------------*/
#pm-menu {
	line-height: 2.5em;
}

/* PM panel adjustments */
.reply-all {
	display: block; 
	padding-top: 4px; 
	clear: both;
	float: left;
}

.pm-return-to {
	padding-top: 23px;
}

#cp-main .pm-message-nav {
	margin: 0; 
	padding: 2px 10px 5px 10px; 
}

/* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span    { background: transparent none 0 0 no-repeat; }
.calendar-day-icon span    { background: transparent none 0 0 no-repeat; }
.calendar-week-icon span   { background: transparent none 0 0 no-repeat; }
.calendar-month-icon span  { background: transparent none 0 0 no-repeat; }

/* PM Message history */
.current {
	color: #999999;
}

/* Defined rules list for PM options */
ol.def-rules {
	padding-left: 0;
}

ol.def-rules li {
	line-height: 180%;
	padding: 1px;
}

/* PM marking colours */
.pmlist li.bg1, .pmlist li.bg2 {
	margin: 2px;
}

.pmlist li.bg1 dl, .pmlist li.bg2 dl {
    border: solid 1px rgba(214, 214, 214, 0.5);
	border-width: 0 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.pmlist li.pm_message_reported_colour dl, .pm_message_reported_colour {
	border-color: #0200ff;
}

.pmlist li.pm_marked_colour dl, .pm_marked_colour {
	border-color: #3f52b3;
}

.pmlist li.pm_replied_colour dl, .pm_replied_colour {
	border-color: #3f52b2;
}

.pmlist li.pm_friend_colour dl, .pm_friend_colour {
	border-color: #4d4cff;
}

.pmlist li.pm_foe_colour dl, .pm_foe_colour {
	border-color: #0200ff;
}



.pm-legend {
	border-left-width: 10px;
	border-left-style: solid;
	border-right-width: 0;
	margin-bottom: 3px;
	padding-left: 3px;
}

/* Avatar gallery */
#gallery label {
	position: relative;
	float: left;
	margin: 10px;
	padding: 5px;
	width: auto;
	background: #FFFFFF;
	border: 1px solid #CCC;
	text-align: center;
}

#gallery label:hover {
	background-color: #EEE;
}

/* Topic review panel
----------------------------------------*/
#review {
	margin-top: 2em;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.4em;
	color: #3f52b2;
}

#topicreview {
	padding-right: 5px;
	overflow: auto;
	height: 300px;
}

#topicreview .postbody {
	width: auto;
	float: none;
	margin: 0;
	height: auto;
}

#topicreview .post {
	height: auto;
}

#topicreview h2 {
	border-bottom-width: 0;
}

.post-ignore .postbody {
	display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details
{
	/* This will only work in IE7+, plus the others */
	overflow: auto;
	max-height: 300px;
}

#expand
{
	clear: both;
}


/* FAQ */
dl.faq {
	margin-top: 5px;
	margin-bottom: 20px;
	line-height: 1.4em;
}

dl.faq dt {
	font-weight: normal;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-size: 14px;
	color: #3f52b2;
	line-height: 1.4em;
}
dl.faq dt strong { font-weight: normal; }

.content dl.faq {
	font-size: 12px;
	margin-bottom: 0.5em;
}

.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}


/* Table styles
----------------------------------------*/
table.table1 {
    width: 100%;
}

#ucp-main table.table1 {
	margin: 2px;
}

table.table1 th {
	font-weight: normal;
    border: solid 1px transparent; /* rgba(30, 48, 142,  0.2); */
    background: url("{T_THEME_PATH}/images/popupbg.png") 0 -2px repeat-x;
    border-radius: 6px;
    -moz-border-radius: 6px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 1.2em;
    padding: 2px 4px;
}
table.table1 thead th a, table.table1 thead th a:visited {
    color: rgba(255, 255, 255, 0.7);
}
table.table1 thead th a:hover {
    color: #fff;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #141414;
}

table.table1 td {
	font-size: 12px;
	padding: 4px;
	border: 1px solid rgba(64, 64, 64, 0.5);
	border-radius: 4px;
	-moz-border-radius: 4px;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 20%; }
table.table1 .info div	{ width: 90%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

/* Jump to post link for now */
ul.searchresults {
	list-style: none;
	text-align: right;
	clear: both;
}
.post ul.searchresults {
    width: 68%;
    clear: left;
}

/* Close popup */
body.simple #page-body > a { 
    display: block;
    text-align: center; 
    margin: 4px;
}
layout_topic.css

Code: Select all

/*
    Layout for posts
*/

.post, .panel {
    margin-bottom: 4px;
}
#preview {
    margin-top: 4px;
}
.post > div, .panel > div {
    padding: 5px 10px;
}

.online .inner { background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat; }


.postbody {
	padding: 0;
	line-height: 1.48em;
	width: 76%;
	float: left;
	clear: both;
	word-wrap: break-word;
}

.postbody .ignore {
}

.postbody h3.first, .postbody h3.first a {
	/* The first post on the page uses this */
    color: #0200ff !important;
}

.postbody h3 {
	/* Postbody requires a different h3 format - so change it here */
	padding: 2px 0 0 0;
	margin: 0 0 2px 0 !important;
	text-transform: none;
	border: none;
	line-height: 125%;
	font-weight: normal;
	font-size: 16px;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
.postbody h3, .postbody h3 a, .postbody h3 a:visited { color: #3f52b2; }
.postbody h3 a:hover { color: #3f52b3; }

.postbody h3 img {
	/* Also see tweaks.css */
	vertical-align: bottom;
}

.postbody .content {
	font-size: 12px;
}

.search .postbody {
	width: 68%
}

.content {
	min-height: 3em;
	overflow: hidden;
	line-height: 1.4em;
	padding-bottom: 1px;
}

.content h2, .panel h2, .panel > div > h3, .panel .content > h3 {
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-weight: normal;
	margin: 4px 0;
	padding: 0;
	font-size: 16px;
	color: #3f52b2;
}

.postbody > .notice {
    clear: left;
    margin-top: 10px;
    font-size: 11px;
    font-style: italic;
}

/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
	padding-top: 10px;
	list-style: none;
}

/* Rollover state */
ul.profile-icons li {
	float: left;
	margin: 0 2px 3px 0;
	background-position: 0 100%;
}

/* Rolloff state */
ul.profile-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span { display:none; }
ul.profile-icons li a:hover { background: none; }

/* Positioning of moderator icons */
.postbody ul.profile-icons {
	float: right;
	width: auto;
	padding: 0;
	padding-bottom: 5px;
}

.postbody ul.profile-icons li {
	margin: 0 3px;
}


/* Profile & navigation icons */
.email-icon, .email-icon a		{ background: url("{IMG_ICON_CONTACT_EMAIL_SRC}") top left no-repeat; }
.aim-icon, .aim-icon a			{ background: url("{IMG_ICON_CONTACT_AIM_SRC}") top left no-repeat; }
.yahoo-icon, .yahoo-icon a		{ background: url("{IMG_ICON_CONTACT_YAHOO_SRC}") top left no-repeat; }
.web-icon, .web-icon a			{ background: url("{IMG_ICON_CONTACT_WWW_SRC}") top left no-repeat; }
.msnm-icon, .msnm-icon a			{ background: url("{IMG_ICON_CONTACT_MSNM_SRC}") top left no-repeat; }
.icq-icon, .icq-icon a			{ background: url("{IMG_ICON_CONTACT_ICQ_SRC}") top left no-repeat; }
.jabber-icon, .jabber-icon a		{ background: url("{IMG_ICON_CONTACT_JABBER_SRC}") top left no-repeat; }
.pm-icon, .pm-icon a				{ background: url("{IMG_ICON_CONTACT_PM_SRC}") top left no-repeat; }
.quote-icon, .quote-icon a		{ background: url("{IMG_ICON_POST_QUOTE_SRC}") top left no-repeat; }
/* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span 	{ background-image: url("{IMG_BUTTON_CALENDAR_NEW_SRC}") ;}
.calendar-day-icon span     { background-image: url("{IMG_BUTTON_CALENDAR_DAY_SRC}") ;}
.calendar-week-icon span    { background-image: url("{IMG_BUTTON_CALENDAR_WEEK_SRC}") ;}
.calendar-month-icon span   { background-image: url("{IMG_BUTTON_CALENDAR_MONTH_SRC}") ;}

/* Moderator icons */
.report-icon, .report-icon a		{ background: url("{IMG_ICON_POST_REPORT_SRC}") top left no-repeat; }
.warn-icon, .warn-icon a			{ background: url("{IMG_ICON_USER_WARN_SRC}") top left no-repeat; }
.edit-icon, .edit-icon a			{ background: url("{IMG_ICON_POST_EDIT_SRC}") top left no-repeat; }
.edit-all-icon, .edit-all-icon a			{ background-image: url("{IMG_ICON_CALENDAR_EDIT_ALL_SRC}"); }
.delete-all-icon, .delete-all-icon a			{ background-image: url("{IMG_ICON_CALENDAR_DELETE_ALL_SRC}"); }
.delete-icon, .delete-icon a		{ background: url("{IMG_ICON_POST_DELETE_SRC}") top left no-repeat; }
.info-icon, .info-icon a			{ background: url("{IMG_ICON_POST_INFO_SRC}") top left no-repeat; }

/* Set profile icon dimensions */
ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }
ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }
ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }
ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }
ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }
ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }
ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }
ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }
ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }
ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }
ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }
ul.profile-icons li.edit-all-icon	{ width: {IMG_ICON_CALENDAR_EDIT_ALL_WIDTH}px; height: {IMG_ICON_CALENDAR_EDIT_ALL_HEIGHT}px; }
ul.profile-icons li.delete-all-icon	{ width: {IMG_ICON_CALENDAR_DELETE_ALL_WIDTH}px; height: {IMG_ICON_CALENDAR_DELETE_ALL_HEIGHT}px; }
ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }
ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }
ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }

/* Fix profile icon default margins */
/* ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }
ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; } */

/* Post author */
p.author {
	margin: 0;
	padding: 0 0 5px;
	font-size: 11px;
	line-height: 1.2em;
	color: #999;
}
p.author img { margin-right: 4px; }
p.author strong { font-weight: normal; }
p.author a, p.author a:visited { color: #3f52b2; }
p.author a:hover { color: #3f52b3; }

/* Post signature */
.signature {
	margin-top: 1.5em;
	padding-top: 0.2em;
	font-size: 11px;
	color: #888;
	border-top: 1px solid #444;
	clear: left;
	line-height: 140%;
	overflow: hidden;
	width: 100%;
}

dd .signature {
	margin: 0;
	padding: 0;
	clear: none;
	border: none;
}

.signature li {
	list-style-type: inherit;
}

.signature ul, .signature ol {
	margin-bottom: 1em;
	margin-left: 3em;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
	margin: 2px 0 10px 0;
	min-height: 80px;
	color: #888;
	border-left: 1px solid #333;
	width: 22%;
	float: right;
	word-wrap: break-word;
}
.pm .postprofile {
	border-left: 1px solid #333;
}

.postprofile dd, .postprofile dt {
	line-height: 1.2em;
	margin-left: 8px;
	font-size: 11px;
}
.postprofile dt {
    font-size: 14px;
    line-height: 1.4em;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.postprofile strong {
	font-weight: normal;
	color: #3f52b2;
}

.avatar {
	border: none;
	margin-bottom: 3px;
}

/* Poster profile used by search*/
.search .postprofile {
	width: 30%;
}

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
	width: 60% !important;
}

dl.pmlist dt textarea {
	width: 95%;
}

dl.pmlist dd {
	margin-left: 61% !important;
	margin-bottom: 2px;
}

/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
	margin-top: 5px;
	border-top: 1px solid #282828;
	padding: 5px 0 0 0;
	line-height: 120%;
}

fieldset.polls dl.voted {
	color: #0200ff;
}

fieldset.polls dt {
	text-align: left;
	float: left;
	display: block;
	width: 30%;
	border-right: none;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

fieldset.polls dd {
	float: left;
	width: 10%;
	border-left: none;
	padding: 0 5px;
	margin-left: 0;
	font-size: 1.1em;
}

fieldset.polls dd.resultbar {
	width: 50%;
}

fieldset.polls dd input {
	margin: 2px 0;
}

fieldset.polls dd div {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(255, 255, 255, 0.8);
	font-weight: normal;
	padding: 0 3px;
	overflow: visible;
	min-width: 12px;
	background: #3f52b2 url("{T_THEME_PATH}/images/poll.png") 0 0 repeat-x;
	border: solid 0px transparent;
	border-radius: 6px;
	-moz-border-radius: 6px;
	border-top-color: #eee;
}

fieldset.polls dd div.pollbar2 { background-position: 0 -25px; }
fieldset.polls dd div.pollbar3 { background-position: 0 -50px; }
fieldset.polls dd div.pollbar4 { background-position: 0 -75px; }
fieldset.polls dd div.pollbar5 { background-position: 0 -100px; }
fieldset.polls dl.voted dd div { background-position: 0 -125px; }


/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
	background: rgba(40, 40, 40, 0.3) url("{T_THEME_PATH}/images/bb_quote.gif") 5px 8px no-repeat;
	border: 1px solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 12px;
	margin: 0.5em 1px 0 25px;
	overflow: hidden;
	padding: 5px;
}

blockquote blockquote {
	/* Nested quotes */
	background-color: #1c1c1c;
	font-size: 1em;
	margin: 0.5em 1px 0 15px;	
}

blockquote blockquote blockquote {
	/* Nested quotes */
	background-color: #1c1c1c;
}

blockquote cite {
	/* Username/source of quoter */
	font-style: normal;
	font-weight: normal;
	margin-left: 20px;
	display: block;
	font-size: 11px;
	color: #999;
}

blockquote.uncited {
	padding-top: 25px;
}

/* Code block */
dl.codebox {
	padding: 3px;
	background-color: rgba(40, 40, 40, 0.5);
	border: 1px solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 0.5em 1px 0 25px;
	font-size: 1em;
}

dl.codebox dt {
	margin-bottom: 3px;
	padding-left: 2px;
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: #999;
}

blockquote dl.codebox {
	margin-left: 0;
}

dl.codebox code {
	/* Also see tweaks.css */
	overflow: auto;
	display: block;
	height: auto;
	max-height: 200px;
	white-space: normal;
	padding-top: 5px;
	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
	line-height: 1.3em;
	color: #666;
	margin: 2px 0;
}

.syntaxbg		{ color: #f7f7f7; }
.syntaxcomment	{ color: #000000; }
.syntaxdefault	{ color: #bcbcbc; }
.syntaxhtml		{ color: #000000; }
.syntaxkeyword	{ color: #585858; }
.syntaxstring	{ color: #a7a7a7; }

/* Attachments
----------------------------------------*/
.attachbox {
	float: left;
	width: auto; 
	margin: 5px 5px 5px 0;
	padding: 6px;
	background-color: rgba(40, 40, 40, 0.5);
	border: 1px dashed #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	clear: left;
	max-width: 98%;
}

.attachbox dt {
	color: #999;
	font-size: 11px;
}

.attachbox dd {
	margin-top: 4px;
	padding-top: 4px;
	clear: left;
	border-top: 1px solid #333;
}

.attachbox dd dd {
	border: none;
}

.attachbox p {
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attachbox p.stats
{
	line-height: 110%;
	font-weight: normal;
	clear: left;
}

.attach-image {
	margin: 3px 0;
	width: 100%;
	max-height: 350px;
	overflow: auto;
}

.attach-image img {
}

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

div.inline-attachment p {
	font-size: 100%;
}

dl.file {
	display: block;
}

dl.file dt {
	text-transform: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

dl.file dd {
	margin: 0;
	padding: 0;	
}

dl.thumbnail img {
	padding: 3px;
	border: 1px solid #333;
}

dl.thumbnail dd {
	font-style: italic;
}

.attachbox dl.thumbnail dd {
	font-size: 100%;
}

dl.thumbnail dt a:hover {
}

dl.thumbnail dt a:hover img {
	border: 1px solid #333;
}

/*
    Reported / unapproved
*/
p.rules {
    background: rgba(37, 36, 131,  0.15);
    border: solid 2px rgba(37, 36, 131,  0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
	padding: 6px;
	margin: 5px 10px;
	font-size: 12px;
	line-height: 1.4em;
}
p.rules:hover {
    border-color: rgba(37, 36, 131,  0.7);
}

p.rules img {
	vertical-align: middle;
	padding-top: 2px;
}
p.rules strong { font-weight: normal; }

p.rules a {
	vertical-align: middle;
	clear: both;
}

/*
    Lists bbcode
*/
.content ul, .content ol {
    margin-bottom: 1em;
    margin-left: 3em;
}
.content li {
    list-style-type: inherit;
}

/*
    Post highlight
*/
.posthilit { color: #0200ff; }


/*
	Zoom in image
*/
span.zoom-container {
	position: relative;
	display: inline-block;
	min-height: 34px;
}
span.zoom-image { 
	display: none; 
    transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
    -moz-transition: opacity 0.25s ease;
    -o-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
	opacity: 0.7;
}
img.zoom + span.zoom-image {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: 30px;
	height: 30px;
	background: url("{T_THEME_PATH}/images/zoom.png") 0 0 no-repeat;
	cursor: pointer;
}
.zoom-container:hover span.zoom-image { opacity: 1; }
img.zoom.zoomed-in + span.zoom-image { 
	background-position: 0 -30px;
	opacity: 0;
}
.zoom-container:hover img.zoom.zoomed-in + span.zoom-image { opacity: 0.7; }
stylesheet.css

Code: Select all

/*  phpBB 3.0 Style Sheet
    --------------------------------------------------------------
   phpBB style name:    Artodia ColorizeIt
   Based on style:      prosilver (this is the default phpBB3 style)
   Prosilver author:    Tom Beddard ( http://www.subBlue.com/ )
   ColorizeIt author:	Vjacheslav Trushkin ( http://www.artodia.com/ )

   NOTE: This page was generated by phpBB, the free open-source bulletin board package.
         The phpBB Group is not responsible for the content of this page and forum. For more information
         about phpBB please visit http://www.phpbb.com
    --------------------------------------------------------------
*/

/*
    Uncomment line below to set fixed width to style
*/
/* body { max-width: 900px; } */

/*
    Change "none" to "block" (without quotes) to show website title and description in header
*/
#site-description p, #site-description h1 { display: none; }


/*
    Include css files
*/
@import url("layout_global.css");
@import url("layout_main.css");
@import url("layout_forms.css");
@import url("layout_index.css");
@import url("layout_topic.css");
@import url("layout_pages.css");
@import url("portal.css");
@import url("shoutbox.css");
@import url("gallery.css");
@import url("nv_newspage.css");
@import url("rules.css");
@import url("qte.css");
@import url("info_boxes.css");
@import url("thanks.css");
@import url("social_networking_buttons.css");
@import url("tabs.css");
@import url("youtube.css");
I hope there is someone who can help me out.

Regards
raxsix
Registered User
Posts: 3
Joined: Mon Apr 04, 2011 4:40 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by raxsix »

Hello

Can someone help me out with this little problem

I need to have this way:

When not logged in then the index page does not show the calenar and when I login then it will show up in index page
User avatar
Bobbele1984
Registered User
Posts: 38
Joined: Tue Mar 11, 2008 4:45 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by Bobbele1984 »

cpt_jack wrote:Well I have tried to find out what to do but I can not figure it out...

I want to install the calendar mod with an other style and do not get it to work. May be there is someone who can help me. the Problem is that I do not see the buttons on calender.php and such things.

The used style is prosilver based: Artodia Colorizeit Black
Image: http://www.diigo.com/item/image/3cfc9/d3bv

Problem for me is to edit the according files for the theme, as this style does not have a colors.css and buttons.css I tried to put it into the other files but it does not work in any way.
Hi,

I'm using that style as well. I was able to solve the problem with the buttons by following (Quick & Dirty):
OPEN yourstyle/template/calendar.html

FIND

Code: Select all

          <tr><td class="<!-- IF calendar_days.HEADER_CLASS eq 'highlight' -->bg4_calMonH<!-- ELSE -->bg3_calMonH<!-- ENDIF -->"><!-- IF calendar_days.ADD_LINK --><a href="{calendar_days.ADD_LINK}">{calendar_days.NUMBER}</a><!-- ELSE -->{calendar_days.NUMBER}<!-- ENDIF --><br />
          <div class="buttons">
		  <!-- IF calendar_days.ADD_LINK --><div class="calendar-new-icon"><a href="{calendar_days.ADD_LINK}" title="{L_NEW_EVENT}"><span></span></a></div><!-- ENDIF -->
		  <div class="calendar-day-icon"><a href="{calendar_days.DAY_VIEW_URL}" title="{L_DAY}"><span></span></a></div>
		  <!-- IF calendar_days.WEEK_VIEW_URL -->
		  <div class="calendar-week-icon"><a href="{calendar_days.WEEK_VIEW_URL}" title="{L_WEEK}"><span></span></a></div>
		  <!-- ENDIF -->
		  <!-- IF calendar_days.MONTH_VIEW_URL -->
		  <div class="calendar-month-icon"><a href="{calendar_days.MONTH_VIEW_URL}" title="{L_MONTH}"><span></span></a></div>
          <!-- ENDIF --></div>
REPLACE WITH

Code: Select all

          <tr><td class="<!-- IF calendar_days.HEADER_CLASS eq 'highlight' -->bg4_calMonH<!-- ELSE -->bg3_calMonH<!-- ENDIF -->"><!-- IF calendar_days.ADD_LINK --><a style="color: #cdb769;" href="{calendar_days.ADD_LINK}">{calendar_days.NUMBER}</a><!-- ELSE -->{calendar_days.NUMBER}<!-- ENDIF --><br /><br />
          <div class="buttonscal">
		  <!-- IF calendar_days.ADD_LINK --><a href="{calendar_days.ADD_LINK}" title="{L_NEW_EVENT}" style="font-size: 1.5em; text-decoration: none; color: #cdb769;">&#9734;<span></span></a><!-- ENDIF -->
		  <a href="{calendar_days.DAY_VIEW_URL}" title="{L_DAY}" style="font-size: 1.5em; text-decoration: none; color: #cdb769;">&#9200;<span></span></a>
		  <!-- IF calendar_days.WEEK_VIEW_URL -->
		 &nbsp;<a href="{calendar_days.WEEK_VIEW_URL}" title="{L_WEEK}" style="font-size: 1.5em; text-decoration: none; color: #cdb769;">&#9318;<span></span></a>
		  <!-- ENDIF -->		  <!-- IF calendar_days.MONTH_VIEW_URL -->
		  <a href="{calendar_days.MONTH_VIEW_URL}" title="{L_MONTH}" style="font-size: 1.5em; text-decoration: none; color: #cdb769;">&#9410;<span></span></a>
          <!-- ENDIF --></div>
OPEN yourstyle/template/calendar_post_body.html
FIND

Code: Select all

      	      <br /><div class="buttons">
	  	      <div class="calendar-day-icon"><a href="{DAY_VIEW_URL}" title="{L_DAY}"><span></span></a></div>
	          <div class="calendar-week-icon"><a href="{WEEK_VIEW_URL}" title="{L_WEEK}"><span></span></a></div>
	          <div class="calendar-month-icon"><a href="{MONTH_VIEW_URL}" title="{L_MONTH}"><span></span></a></div>
REPLACE WITH

Code: Select all

      	      <br /><div class="buttonscal">
	  	      <a href="{DAY_VIEW_URL}" title="{L_DAY}" style="font-size: 1.5em; text-decoration: none;">&#9200;<span></span></a>
	          <a href="{WEEK_VIEW_URL}" title="{L_WEEK}" style="font-size: 1.5em; text-decoration: none;">&#9318;<span></span></a>
	          <a href="{MONTH_VIEW_URL}" title="{L_MONTH}" style="font-size: 1.5em; text-decoration: none;">&#9410;<span></span></a></div>
OPEN yourstyle/template/calendar_view_day.html
ATTENTION: Code appears twice. Both occurences need to be replaced
FIND

Code: Select all

      	      <div class="buttons">
		      <!-- IF ADD_LINK --><div class="calendar-new-icon"><a href="{ADD_LINK}" title="{L_NEW_EVENT}"><span></span></a></div><!-- ENDIF -->
	  	      <div class="calendar-week-icon"><a href="{WEEK_VIEW_URL}" title="{L_WEEK}"><span></span></a></div>
	          <div class="calendar-month-icon"><a href="{MONTH_VIEW_URL}" title="{L_MONTH}"><span></span></a></div>
	          </div>
REPLACE WITH

Code: Select all

      	      <div class="buttonscal">
		      <!-- IF ADD_LINK --><a href="{ADD_LINK}" title="{L_NEW_EVENT}" style="font-size: 1.5em; text-decoration: none;">&#9734<span></span></a><!-- ENDIF -->
	  	      <a href="{WEEK_VIEW_URL}" title="{L_WEEK}" style="font-size: 1.5em; text-decoration: none;">&#9318;<span></span></a>
	          <a href="{MONTH_VIEW_URL}" title="{L_MONTH}" style="font-size: 1.5em; text-decoration: none;">&#9410;<span></span></a>
	          </div>

OPEN yourstyle/template/calendar_view_event.html
FIND

Code: Select all

      	      <br /><div class="buttons">
		      <!-- IF ADD_LINK --><div class="calendar-new-icon"><a href="{ADD_LINK}" title="{L_NEW_EVENT}"><span></span></a></div><!-- ENDIF -->
	  	      <div class="calendar-day-icon"><a href="{DAY_VIEW_URL}" title="{L_DAY}"><span></span></a></div>
	          <div class="calendar-week-icon"><a href="{WEEK_VIEW_URL}" title="{L_WEEK}"><span></span></a></div>
	          <div class="calendar-month-icon"><a href="{MONTH_VIEW_URL}" title="{L_MONTH}"><span></span></a></div>
	          </div><br />

REPLACE WITH

Code: Select all

      	      <br /><div class="buttonscal">
		      <!-- IF ADD_LINK --><a href="{ADD_LINK}" title="{L_NEW_EVENT}" style="font-size: 1.5em; text-decoration: none;">&#9734<span></span></a><!-- ENDIF -->
	  	      <a href="{DAY_VIEW_URL}" title="{L_DAY}" style="font-size: 1.5em; text-decoration: none;">&#9200;<span></span></a>
	          <a href="{WEEK_VIEW_URL}" title="{L_WEEK}" style="font-size: 1.5em; text-decoration: none;">&#9318;<span></span></a>
	          <a href="{MONTH_VIEW_URL}" title="{L_MONTH}" style="font-size: 1.5em; text-decoration: none;">&#9410;<span></span></a>
	          </div><br />
OPEN yourstyle/template/calendar_view_on_index.html
FIND

Code: Select all

          <div class="buttons">
			  <!-- IF calendar_days.ADD_LINK --><div class="calendar-new-icon"><a href="{calendar_days.ADD_LINK}" title="{L_NEW_EVENT}"><span></span></a></div><!-- ENDIF -->
			  <div class="calendar-day-icon"><a href="{calendar_days.DAY_VIEW_URL}" title="{L_DAY}"><span></span></a></div>
			  <!-- IF calendar_days.WEEK_VIEW_URL -->
			  <div class="calendar-week-icon"><a href="{calendar_days.WEEK_VIEW_URL}" title="{L_WEEK}"><span></span></a></div>
			  <!-- ENDIF -->
			  <!-- IF calendar_days.MONTH_VIEW_URL -->
			  <div class="calendar-month-icon"><a href="{calendar_days.MONTH_VIEW_URL}" title="{L_MONTH}"><span></span></a></div>
			  <!-- ENDIF -->
		</div>
REPLACE WITH

Code: Select all

          <div class="buttonscal">
			  <!-- IF calendar_days.ADD_LINK -->
			  <a href="{calendar_days.ADD_LINK}" title="{L_NEW_EVENT}" style="font-size: 1.5em; text-decoration: none;">&#9734<span></span></a>
			  <!-- ENDIF -->
			  <a href="{calendar_days.DAY_VIEW_URL}" title="{L_DAY}" style="font-size: 1.5em; text-decoration: none;">&#9200;<span></span></a>
			  <!-- IF calendar_days.WEEK_VIEW_URL -->
			  <a href="{calendar_days.WEEK_VIEW_URL}" title="{L_WEEK}" style="font-size: 1.5em; text-decoration: none;">&#9318;<span></span></a>
			  <!-- ENDIF -->
			  <!-- IF calendar_days.MONTH_VIEW_URL -->
			  <a href="{calendar_days.MONTH_VIEW_URL}" title="{L_MONTH}" style="font-size: 1.5em; text-decoration: none;">&#9410;<span></span></a>
			  <!-- ENDIF -->
		</div>

CREATE FILE yourstyle/theme/calendar.css

CONTENT:

Code: Select all

@charset "utf-8";
/* CSS Document */

/* -------------------------
   calendar mod additions... 
   ------------------------- */
   
/* uses border-top-color = .bg3 background-color
 (the line between events in the month display) */
hr.hrCal { 
	border-top-color: #cadceb;
}

/* uses color from h1
   (calendar header previous and next links) */
.calH1 {
	color: #cdb769;
	font-weight: bold;
	font-size:200%
}

/* The from and to times take up a lot of 
  space in the calendar display.
  Use this to shrink them */
.smCalText{font-size:85%}

/* bg4 is just slightly darker then bg3 
  (used in calendar headers) */
.bg4	{ 
	background-color: #8DB8DE; 
	width: 14%; 
	height: 24px; 
	text-align: center
	}

/* uses background-color of .bg3
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg3_calMonH{ 
	background-color: #cadceb;
	font-size:85%
}

/* uses background-color of .bg4
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg4_calMonH{ 
	background-color: #8DB8DE;
	font-size:85%
	padding: 0;
}

/* uses background-color of .bg1
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg1_calMon {
	background-color: #494949;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}
/* uses background-color of .bg2
   (used to display days in calendar month/week view) */ 
.phpbb table.table1 tbody td.bg2_calMon {
	background-color: #282828;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}
/* uses background-color of .bg3
   (used to display days in calendar month/week view) */ 
.phpbb table.table1 tbody td.bg3_calMon {
	background-color: #cadceb;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}


/* uses background-color of .bg1
   uses border-top-color = .forumbg background-color
   (used to display events in calendar day view) */ 
.phpbb table.table1 tbody td.bg1_calDay {
	background-color: #383838;
	border-top-color: #12A3EB;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
}

/* uses background-color of .bg3
   uses border-top-color = .forumbg background-color
   (used to display negative space in calendar day view) */ 
.phpbb table.table1 tbody td.bg3_calDay {
	background-color: #cadceb;
	border-top-color: #12A3EB;
}
.phpbb ul.profile-icons li.edit-all-icon	{ width: {IMG_ICON_CALENDAR_EDIT_ALL_WIDTH}px; height: {IMG_ICON_CALENDAR_EDIT_ALL_HEIGHT}px; }
.phpbb ul.profile-icons li.delete-all-icon	{ width: {IMG_ICON_CALENDAR_DELETE_ALL_WIDTH}px; height: {IMG_ICON_CALENDAR_DELETE_ALL_HEIGHT}px; }

/* -------------------------
   calendar mod end
   ------------------------- */
OPEN yourstyle/imageset/imageset.cfg
FIND

Code: Select all

# Attachment
img_icon_topic_attach = attachment.png*10*5
ADD AFTER

Code: Select all

img_icon_calendar_edit_all = icon_calendar_edit_all.gif*20*61
img_icon_calendar_delete_all = icon_calendar_delete_all.gif*20*40
OPEN yourstyle/template/index_body.html
FIND

Code: Select all

<!-- INCLUDE forumlist_body.html -->
ADD AFTER

Code: Select all

<!-- IF S_CALENDAR_WEEK -->
	<!-- INCLUDE calendar_week_on_index.html -->
<!-- ELSEIF S_CALENDAR_NEXT_EVENTS -->
	<!-- INCLUDE calendar_next_events_on_index.html -->
<!-- ENDIF -->
OPEN yourstyle/template/overall_footer.html
FIND

Code: Select all

		<!-- IF U_WATCH_TOPIC -->
			<!-- IF $S_FOOTER_NAV --><span class="bull">&bull;</span><!-- ELSE --><!-- DEFINE $S_FOOTER_NAV = 1 --><!-- ENDIF -->
			<a href="{U_WATCH_TOPIC}">{L_WATCH_TOPIC}</a>
		<!-- ENDIF -->
ADD AFTER

Code: Select all

		<!-- IF U_WATCH_EVENT -->
			<li <!-- IF S_WATCHING_EVENT -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->>
			<a href="{U_WATCH_EVENT}" title="{L_WATCH_EVENT}">{L_WATCH_EVENT}</a></li>
		<!-- ENDIF -->
		<!-- IF U_WATCH_CALENDAR -->
		<li <!-- IF S_WATCHING_CALENDAR -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->>
			<a href="{U_WATCH_CALENDAR}" title="{L_WATCH_CALENDAR}">{L_WATCH_CALENDAR}</a></li>
			<!-- ENDIF -->
OPEN yourstyle/template/scripts_header.html
FIND

Code: Select all

<script src="{T_SUPER_TEMPLATE_PATH}/forum_fn.js"></script>
ADD AFTER

Code: Select all

<!-- IF S_CALENDAR_RSVPS -->
<script src="{T_TEMPLATE_PATH}/sorttable.js"></script>
<!-- ENDIF -->
OPEN yourstyle/template/overall_header.html
FIND

Code: Select all

			<!-- BEGIN navlinks(-2) -->
				<li class="nav-forum <!-- IF navlinks.S_LAST_ROW --> active<!-- ENDIF -->"><a href="{navlinks.U_VIEW_FORUM}" class="menu-forum"><span>{navlinks.FORUM_NAME}</span></a></li>
			<!-- END navlinks -->
ADD AFTER

Code: Select all

                 <li<!-- IF SCRIPT_NAME == 'calendar' --> class="active"<!-- ENDIF -->><a href="{U_CALENDAR}" title="{CALENDAR}"><span>{L_CALENDAR}</span></a></li>
And yes, the Template system of the Artodia styles differs a little bit from the Prosilver ones (HTML5 vs. XHTML 1.0 Strict). If someone knows a better solution than mine, he/she's free to post.

Greetings
red beard
Registered User
Posts: 2
Joined: Wed Feb 13, 2013 7:43 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by red beard »

Thanks for the great mod! One question and I am sorry if it has already been answered. I searched but could not find anything. Anyway, is there a way to delete a user's RSVP and comment? For example, if a user is deleted from the forum but there posts are kept, can I delete there RSVP and comment on an event? Or, if a user responds twice to the same event, can I delete duplicates?
User avatar
Bobbele1984
Registered User
Posts: 38
Joined: Tue Mar 11, 2008 4:45 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by Bobbele1984 »

red beard wrote:Anyway, is there a way to delete a user's RSVP and comment?
Currently, you can delete RSVPs and comments only by editing manually the MySQL-DB. The corresponding table is phpbb_calendar_rsvps
User avatar
Cooper_si
Registered User
Posts: 67
Joined: Mon Jun 06, 2005 1:55 pm
Location: Newcastle, UK
Name: Simon
Contact:

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by Cooper_si »

Hey Peeps!

So ive installed the theme manually, done all the edits, with the SQL first.

Once ive uploaded the files, I can no longer access my ACP (Admin Control Panel). All I get on my screen now is the PHP Logo top left, Admin Control Panel top right with links to admin and board index, then a straight line right across with Powered by phpBB® Forum Software © phpBB Group below. That's it.

Ive rechecked my edits loads of times, all "seems ok", just wandering if anyone as any ideas? Of course I need to get in to ACP so I can refresh the file edits to make to site work....

Thanks

Simon
MINI Club for the North East, UK
FULLONMINIs.co.uk
User avatar
Cooper_si
Registered User
Posts: 67
Joined: Mon Jun 06, 2005 1:55 pm
Location: Newcastle, UK
Name: Simon
Contact:

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by Cooper_si »

Right, so i uninstalled right back to square one and it still wouldnt allow me into ACP. I had to drill down into each individual level and ive found its when i change a file for common and styles in the acp folders it goes nuts.

Only way in restoring access to the ACP is to upload new clean files for both for my site to work in ACP.

was really looking forward into using this lol

Simon :lol:
MINI Club for the North East, UK
FULLONMINIs.co.uk
keetch
Registered User
Posts: 12
Joined: Tue Jan 22, 2013 6:59 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by keetch »

is there someone that would be willing to help me install a simple calendar?? I really can not figure it out and dont know what i am doing
thanks
Sue
sssubito
Registered User
Posts: 23
Joined: Tue Jul 24, 2012 9:26 am
Location: Germany

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by sssubito »

One can debate if this calendar mod is a simple calendar.

@keetch
Do you principally know what to do to install a mod into phpBB3 without using AutoMOD? Have you already installed some mods in your phpBB3?
keetch
Registered User
Posts: 12
Joined: Tue Jan 22, 2013 6:59 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by keetch »

i have not installed any mods at all, but i am needing a calendar is there any easy way? lol
guardianwill
Registered User
Posts: 128
Joined: Sat Feb 25, 2006 3:26 am

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by guardianwill »

Greetings Everyone,

Hope all are doing well and are having or have had a wonderful day.

I Have a simple question and hopefully there is a simple answer-which I am prety sure there will be. I use this awesome mod and have been complimented on it through my board.

The question is: how do you all handle making a sitemap with this mod installed and functional. Seems to me that I get 1000's of links pointing to dates before the mod was even added and many years beyond which takes away from other links getting crawled if many of you are like me and use a free service to create a sitemap.

Thanks for sharing

William
Last edited by guardianwill on Fri Mar 01, 2013 5:25 am, edited 1 time in total.
leschek
Registered User
Posts: 791
Joined: Tue Jul 18, 2006 12:49 pm
Contact:

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by leschek »

keetch wrote:i have not installed any mods at all, but i am needing a calendar is there any easy way? lol
You can try AutoMOD and Martin Truckenbrodt's installer. If I remember correctly I installed it with it on my testing forum without any problems (don't forget to make backup before starting installation).
red beard
Registered User
Posts: 2
Joined: Wed Feb 13, 2013 7:43 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by red beard »

Is there a way to force all users to be subscribed to the calendar and all events by default? Thanks for any feedback.
JuergenBY
Registered User
Posts: 4
Joined: Fri Mar 01, 2013 6:34 pm

Re: [Beta] phpBB Calendar 0.1.1 (alightner)

Post by JuergenBY »

Hello,
first of all..many thanks for this very nice MOD!

After messing a couple of hours with the sql installation finally i got it running :-)
At the moment i have one question. I searched trough all the 273 pages found no answer, only one guy with the same question without an answer...

How can ich change the link name?

Code: Select all

{ Calendar }
Regards
JuergenBY
Locked

Return to “[3.0.x] Abandoned MODs”

cron