[Customisation Database Commits] r835 - in /trunk/titania/styles/default: template/authors/author_contributions.html template/common/contribution_details.html template/common/overall_header.html theme/common.css theme/jquery-ui-1.7.2.css

Cesar G prototech at phpbb.com
Tue Mar 23 01:57:15 GMT 2010


Author: prototech
Date: Tue Mar 23 01:57:15 2010
New Revision: 835

Log:
Screenshots/revisions tabs.  Still needs work...

Modified:
    trunk/titania/styles/default/template/authors/author_contributions.html
    trunk/titania/styles/default/template/common/contribution_details.html
    trunk/titania/styles/default/template/common/overall_header.html
    trunk/titania/styles/default/theme/common.css
    trunk/titania/styles/default/theme/jquery-ui-1.7.2.css

Modified: trunk/titania/styles/default/template/authors/author_contributions.html
==============================================================================
*** trunk/titania/styles/default/template/authors/author_contributions.html (original)
--- trunk/titania/styles/default/template/authors/author_contributions.html Tue Mar 23 01:57:15 2010
***************
*** 17,23 ****
  		<ul class="topiclist cplist" id="modlist">
  		<!-- BEGIN contribs -->
  			<li class="row<!-- IF contribs.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
! 		<dl class="icon" style="background-image: url({contribs.FOLDER_IMG_SRC}); background-repeat: no-repeat;">
  					<dt><a class="topictitle" href="{contribs.U_VIEW_CONTRIB}">{contribs.CONTRIB_NAME}</a>
  					<!-- IF contribs.S_CONTRIB_CLEANED -->
  						<img src="{T_TITANIA_THEME_PATH}/images/icon_cleaned_contrib.gif" title="{L_CLEANED_CONTRIB}" alt="{L_CLEANED_CONTRIB}" />
--- 17,23 ----
  		<ul class="topiclist cplist" id="modlist">
  		<!-- BEGIN contribs -->
  			<li class="row<!-- IF contribs.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
! 				<dl class="icon" style="background-image: url({contribs.FOLDER_IMG_SRC}); background-repeat: no-repeat;">
  					<dt><a class="topictitle" href="{contribs.U_VIEW_CONTRIB}">{contribs.CONTRIB_NAME}</a>
  					<!-- IF contribs.S_CONTRIB_CLEANED -->
  						<img src="{T_TITANIA_THEME_PATH}/images/icon_cleaned_contrib.gif" title="{L_CLEANED_CONTRIB}" alt="{L_CLEANED_CONTRIB}" />

Modified: trunk/titania/styles/default/template/common/contribution_details.html
==============================================================================
*** trunk/titania/styles/default/template/common/contribution_details.html (original)
--- trunk/titania/styles/default/template/common/contribution_details.html Tue Mar 23 01:57:15 2010
***************
*** 4,10 ****
  			<!-- IF .screenshots -->
  				<!-- BEGIN screenshots(0,0) -->
  					<!-- IF screenshots.S_THUMBNAIL -->
! 						<a href="{screenshots.U_DOWNLOAD_LINK}"><img src="{screenshots.THUMB_IMAGE}" alt="{screenshots.DOWNLOAD_NAME}" title="{screenshots.DOWNLOAD_NAME} ({screenshots.FILESIZE} {screenshots.SIZE_LANG}) {screenshots.L_DOWNLOAD_COUNT}" /></a>
  					<!-- ENDIF -->
  				<!-- END screenshots -->
  			<!-- ELSE -->
--- 4,10 ----
  			<!-- IF .screenshots -->
  				<!-- BEGIN screenshots(0,0) -->
  					<!-- IF screenshots.S_THUMBNAIL -->
! 						<a href="{screenshots.U_DOWNLOAD_LINK}" id="main-screenshot"><img src="{screenshots.THUMB_IMAGE}" alt="{screenshots.DOWNLOAD_NAME}" title="{screenshots.DOWNLOAD_NAME} ({screenshots.FILESIZE} {screenshots.SIZE_LANG}) {screenshots.L_DOWNLOAD_COUNT}" /></a>
  					<!-- ENDIF -->
  				<!-- END screenshots -->
  			<!-- ELSE -->
***************
*** 81,100 ****
  				</li>
  			</ul>
  
! 			<!-- IF U_NEW_REVISION or .revisions -->
! 			<br />
! 			<hr />
! 			<br />
! 			<!-- ENDIF -->
! 			<!-- IF U_NEW_REVISION --><a href="{U_NEW_REVISION}" class="new-revision">{L_NEW_REVISION}</a><!-- ENDIF -->
! 			<!-- IF .revisions -->
! 				<div class="clear"></div>
  
  				<ul class="topiclist">
  					<li class="header">
  						<dl>
  							<dt>{L_REVISIONS}</dt>
- 							<dd></dd>
  						</dl>
  					</li>
  				</ul>
--- 81,124 ----
  				</li>
  			</ul>
  
! 		<span class="corners-bottom main-corners"><span></span></span></div>
! 	</div>
! </div>
! 
! <div class="clear"></div>
  
+ <!-- IF .screenshots or .revisions -->
+ <div class="container">
+ 	<div class="inner"><span class="corners-top main-corners"><span></span></span>	
+ 		<div id="extratabs">
+ 		    <ul>
+ 		        <!-- IF .screenshots --><li><a href="#screenshots-panel"><span>{L_SCREENSHOTS}</span></a></li><!-- ENDIF -->
+ 		        <!-- IF .revisions --><li><a href="#revisions-panel"><span>{L_REVISIONS}</span></a></li><!-- ENDIF -->
+ 		    </ul>
+ 		    
+ 		    <!-- IF .screenshots -->
+ 		    <div id="screenshots-panel">
+ 				<!-- BEGIN screenshots -->
+ 					<!-- IF screenshots.S_THUMBNAIL -->
+ 						<a href="{screenshots.U_DOWNLOAD_LINK}"><img src="{screenshots.THUMB_IMAGE}" alt="{screenshots.DOWNLOAD_NAME}" title="{screenshots.DOWNLOAD_NAME} ({screenshots.FILESIZE} {screenshots.SIZE_LANG}) {screenshots.L_DOWNLOAD_COUNT}" /></a>
+ 					<!-- ENDIF -->
+ 		
+ 					<!-- IF screenshots.S_IMAGE -->
+ 						<img src="{screenshots.U_INLINE_LINK}" alt="{screenshots.DOWNLOAD_NAME}" onclick="viewableArea(this);" />
+ 					<!-- ENDIF -->
+ 				<!-- END screenshots -->
+ 		    </div>
+ 		    <!-- ENDIF -->
+ 		    
+ 		    <!-- IF .revisions -->
+ 		    <div id="revisions-panel">
+ 				<!-- IF U_NEW_REVISION --><a href="{U_NEW_REVISION}" class="new-revision">{L_NEW_REVISION}</a><!-- ENDIF -->
+ 				<div class="clear"></div>
+ 		
  				<ul class="topiclist">
  					<li class="header">
  						<dl>
  							<dt>{L_REVISIONS}</dt>
  						</dl>
  					</li>
  				</ul>
***************
*** 108,116 ****
  									{revisions.PHPBB_VERSION}
  								<!-- ELSE -->
  									<select id="phpbb_versions">
! 										<!-- BEGIN phpbb_versions -->
! 											<option>{revisions.phpbb_versions.VERSION}</option>
! 										<!-- END phpbb_versions -->
  									</select>
  								<!-- ENDIF -->
  							</dt>
--- 132,140 ----
  									{revisions.PHPBB_VERSION}
  								<!-- ELSE -->
  									<select id="phpbb_versions">
! 									<!-- BEGIN phpbb_versions -->
! 										<option>{revisions.phpbb_versions.VERSION}</option>
! 									<!-- END phpbb_versions -->
  									</select>
  								<!-- ENDIF -->
  							</dt>
***************
*** 119,142 ****
  					</li>
  				<!-- END revisions -->
  				</ul>
! 			<!-- ENDIF -->
! 
! 			<!-- IF .screenshots -->
! 				<h3>{L_SCREENSHOTS}</h3>
! 				<!-- BEGIN screenshots -->
! 					<!-- IF screenshots.S_THUMBNAIL -->
! 						<a href="{screenshots.U_DOWNLOAD_LINK}"><img src="{screenshots.THUMB_IMAGE}" alt="{screenshots.DOWNLOAD_NAME}" title="{screenshots.DOWNLOAD_NAME} ({screenshots.FILESIZE} {screenshots.SIZE_LANG}) {screenshots.L_DOWNLOAD_COUNT}" /></a>
! 					<!-- ENDIF -->
! 
! 
! 					<!-- IF screenshots.S_IMAGE -->
! 						<img src="{screenshots.U_INLINE_LINK}" alt="{screenshots.DOWNLOAD_NAME}" onclick="viewableArea(this);" />
! 					<!-- ENDIF -->
! 				<!-- END screenshots -->
! 			<!-- ENDIF -->
  
! 		<span class="corners-bottom main-corners"><span></span></span></div>
! 	</div>
  </div>
! 
! <div class="clear"></div>
\ No newline at end of file
--- 143,152 ----
  					</li>
  				<!-- END revisions -->
  				</ul>
! 		    </div>
! 		    <!-- ENDIF -->
! 		</div>
  
! 	<span class="corners-bottom main-corners"><span></span></span></div>
  </div>
! <!-- ENDIF -->
\ No newline at end of file

Modified: trunk/titania/styles/default/template/common/overall_header.html
==============================================================================
*** trunk/titania/styles/default/template/common/overall_header.html (original)
--- trunk/titania/styles/default/template/common/overall_header.html Tue Mar 23 01:57:15 2010
***************
*** 19,25 ****
  <script type="text/javascript" src="{TITANIA_ROOT_PATH}js/common.js"></script>
  <script type="text/javascript" src="{TITANIA_ROOT_PATH}js/forum_fn.js"></script>
  
! <!-- IF S_LIGHTBOX -->
  <script type="text/javascript" src="{TITANIA_ROOT_PATH}js/jquery.lightbox-0.5.js"></script>
  <!-- ENDIF -->
  
--- 19,25 ----
  <script type="text/javascript" src="{TITANIA_ROOT_PATH}js/common.js"></script>
  <script type="text/javascript" src="{TITANIA_ROOT_PATH}js/forum_fn.js"></script>
  
! <!-- IF .screenshots -->
  <script type="text/javascript" src="{TITANIA_ROOT_PATH}js/jquery.lightbox-0.5.js"></script>
  <!-- ENDIF -->
  
***************
*** 44,58 ****
  	var orange_star= new Image(16,16);
  	orange_star.src = "{UA_ORANGE_STAR_SRC}";
  	var max_rating = "{UA_MAX_RATING}";
! 
! 	<!-- IF S_HIDE_ERROR_BOX -->
  	$(document).ready(function() {
  		setTimeout("$('.{ERRORBOX_CLASS}').fadeOut('slow');", 5000);
- 	});
  	<!-- ENDIF -->
  // ]]>
  </script>
  
  <link href="{T_TITANIA_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
  <link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
  <link href="{T_TITANIA_STYLESHEET}" rel="stylesheet" type="text/css" media="screen, projection" />
--- 44,69 ----
  	var orange_star= new Image(16,16);
  	orange_star.src = "{UA_ORANGE_STAR_SRC}";
  	var max_rating = "{UA_MAX_RATING}";
! 	
  	$(document).ready(function() {
+ 	<!-- IF S_HIDE_ERROR_BOX -->
  		setTimeout("$('.{ERRORBOX_CLASS}').fadeOut('slow');", 5000);
  	<!-- ENDIF -->
+ 	
+ 		$("#extratabs").tabs();
+ 		$('#extratabs li').removeClass('ui-corner-top');
+ 		$('#extratabs, #extratabs ul').removeClass('ui-widget-content ui-widget ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all');
+     
+     <!-- IF .screenshots -->
+ 		$('#screenshots-panel a, #main-screenshot').lightBox({fixedNavigation:true});
+ 	<!-- ENDIF -->
+   });
+ 	
  // ]]>
  </script>
  
+ 
+ 
  <link href="{T_TITANIA_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
  <link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
  <link href="{T_TITANIA_STYLESHEET}" rel="stylesheet" type="text/css" media="screen, projection" />

Modified: trunk/titania/styles/default/theme/common.css
==============================================================================
*** trunk/titania/styles/default/theme/common.css (original)
--- trunk/titania/styles/default/theme/common.css Tue Mar 23 01:57:15 2010
***************
*** 172,177 ****
--- 172,222 ----
  	float: left;
  }
  
+ #extratabs ul.ui-tabs-nav {
+ 	padding-left: 20px;
+ }
+ 
+ #extratabs .ui-tabs-nav li {
+ 	list-style: none;
+ 	float: left;
+ 	font-weight: normal;
+ 	margin-right: 2px;
+ 	margin-bottom: 1px;
+ 	background: none transparent;
+ 	border: 0;
+ }
+ 
+ #extratabs .ui-tabs-nav li a {
+ 	background-color: #EDEDEE;
+ 	background-image: none;
+ 	border: 1px solid #EDEDEE;
+ 	text-transform: uppercase;
+ 	padding: 5px 10px;
+ 	color: #2D556F;
+ 	display: block;
+ }
+ 
+ #extratabs .ui-tabs-nav li.ui-state-active a, #extratabs .ui-tabs-nav li.ui-state-active a:hover {
+ 	background-color: #FFF !important;
+ 	border-color: #E5E5E6 !important;
+ 	color: #333 !important;
+ 	padding-bottom: 7px;
+ 	margin-bottom: -7px;
+ 	position: relative;
+ 	border-bottom-color: #FFFFFF !important;
+ }
+ 
+ #extratabs .ui-tabs-nav li.ui-state-default a:hover {
+ 	background-color: #627179;
+ 	border-color: #627179;
+ 	color: #FFFFFF;
+ }
+ 
+ #extratabs div.ui-tabs-panel {
+ 	border-top: 1px solid #E5E5E6;
+ 	clear: both;
+ }
+ 
  a.new-revision {
  	background-color: #7FA3B9;
  	padding: 3px;

Modified: trunk/titania/styles/default/theme/jquery-ui-1.7.2.css
==============================================================================
*** trunk/titania/styles/default/theme/jquery-ui-1.7.2.css (original)
--- trunk/titania/styles/default/theme/jquery-ui-1.7.2.css Tue Mar 23 01:57:15 2010
***************
*** 51,57 ****
  .ui-widget { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; }
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; }
  .ui-widget-content { border: 1px solid #a6c9e2; background: #FFFFFF url(./images/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x; color: #222222; }
- .ui-widget-content a { color: #222222; }
  .ui-widget-header { border: 1px solid #0076B1; background: #098dce url(./images/ui-bg_highlight-soft_70_098dce_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
  .ui-widget-header a { color: #ffffff; }
  
--- 51,56 ----




More information about the customisationdb-commits mailing list