page.tpl.php file fully utilizes OOCSS objects. New logo.png and new INSTALL.txt. (c41aafed) · Commits · project / oocss

INSTALL.txt

0 → 100644

+11 −0

Original line number	Diff line number	Diff line
		INSTALL
		-------

		Install the theme on your Drupal site (refer to the Drupal handbooks if you are
		unsure on how to do this). Download the latest version of the OOCSS framework
		from here: http://wiki.github.com/stubbornella/oocss

		Copy all .css files from the css directory in the OOCSS framework to the css
		directory in the theme.

README.txt

+1 −28

Original line number	Diff line number	Diff line
		@@ -36,31 +36,4 @@ and maintain this project, please contact me:

		Twitter: @posco2k8
		Drupal Username: posco

		INSTALL
		-------

		Install the theme on your Drupal site (refer to Drupal handbooks if you are
		unsure of how to do this). Download the latest version of the OOCSS framework
		from here: http://wiki.github.com/stubbornella/oocss

		Copy the following CSS files from the css directory in the OOCSS framework
		package into the css directoy of the oocss theme:

		content.css
		grids.css
		libraries.css
		mod.css
		template.css

		EXAMPLE: I've installed the oocss theme into the following directory:

		htdocs/sites/all/themes/oocss

		I just copied the OOCSS framework files into the css directory, so now
		when I run 'ls /htdocs/sites/all/themes/oocss/css' on my console
		I get this output:

		content.css grids.css libraries.css mod.css template.css

		// TO-DO: More extensive install instructions.
		No newline at end of file
		E-mail: posco2k5 AT gmail DOT com
		No newline at end of file

logo.png

+12.7 KiB (18 KiB)

Loading image diff...

page.tpl.php

+164 −55

Original line number	Diff line number	Diff line
		@@ -17,67 +17,101 @@
		<!-- Logo -->
		<?php if ($logo) : ?>
		<div class="unit size1of3">
		<div class="mod">
		<div class="inner">
		<div class="bd">
		<?php
		print '<a href="'. check_url($front_page) .'" title="'. $site_title .'">';
		print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" />';
		print '<a href="'. check_url($front_page) .'" title="'. check_plain($site_name) .'">';
		print '<img src="'. check_url($logo) .'" alt="'. check_plain($site_name) .'" id="logo" />';
		print '</a>';
		?>
		</div>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Site title and slogan -->
		<?php if ($site_name \|\| $site_slogan) : ?>
		<?php
		// We use grids here to layout the header, so we are going to be smart about it
		// and change the width of this div based on the availability of the search box and the
		// logo graphic.
		// Change grid unit width based on if content exists
		if ($search_box && $logo) {
		print '<div class="unit size1of3">';
		$title_width = ' size1of3';
		}
		elseif ($search_box \|\| $logo) {
		print '<div class="unit size2of3">';
		elseif (!$search_box) {
		$title_with = ' size2of3 lastUnit';
		}
		else {
		print '<div class="unit">';
		$title_width = ' media lastUnit';
		}
		?>
		<div class="unit<?php print $title_width; ?>">
		<div class="mod">
		<div class ="inner">
		<div class="bd">
		<?php if ($site_name) : ?>
		<h1><?php print $site_name; ?></h1>
		<?php endif; ?>

		<?php if ($site_slogan) : ?>
		<h3><?php print $site_slogan ?></h3>
		<h2><?php print $site_slogan ?></h2>
		<?php endif; ?>
		</div>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Search Box -->
		<?php if ($search_box) : ?>
		<?php if ($site_name \|\| $site_slogan) {
		print '<div class="unit size1of3">';
		<?php
		// Change grid unit width based on if content exists
		if ($site_name \|\| $site_slogan) {
		$title_width = ' size1of3 lastUnit';
		}
		elseif ($logo) {
		print '<div class="unit size2of3">';
		$title_with = ' size2of3 lastUnit';
		}
		else {
		print '<div class="unit">';
		$title_width = ' media lastUnit';
		}
		?>
		<div class="unit <?php print $title_width; ?>">
		<div class="mod">
		<div class="inner">
		<div class="bd">
		<?php print $search_box; ?>
		</div>
		</div>
		</div>
		</div>
		<?php endif; ?>
		</div>

		<!-- Primary Links -->
		<?php if (isset($primary_links) && !empty($primary_links)) : ?>
		<div class="line">
		<div class="mod primaryLinks">
		<div class="inner">
		<div class="bd">
		<?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>
		</div>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Secondary Links -->
		<?php if (isset($secondary_links) && !empty($secondary_links)) : ?>
		<div class="line">
		<div class="line">
		<div class="mod secondaryLinks">
		<div class="inner">
		<?php print theme('links', $secondary_links, array('class' => 'links secondary-links')) ?>
		</div>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Header Region -->
		@@ -103,28 +137,103 @@
		</div>
		<?php endif; ?>

		<!-- Content -->
		<!-- TO-DO: Split the template variables below up into OOCSS module objects -->
		<div class="main">
		<!-- Breadcrumbs -->
		<div class="mod breadCrumb">
		<div class="inner">
		<div class="bd">
		<?php print $breadcrumb; ?>
		<?php print $title; ?>
		</div>
		</div>
		</div>

		<?php if ($is_front) : ?>
		<div class="mod mission">
		<div class="inner">
		<div class="bd">
		<?php print $mission; ?>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<?php if ($show_messages && $messages): print $messages; endif; ?>
		<?php if ($tabs): print $tabs; endif; ?>
		<?php if ($tabs2): print $tabs2; endif; ?>
		<h3><?php print $title; ?></h3>

		<!-- Primary Tabs -->
		<?php if ($tabs): ?>
		<div class="mod primaryTabs">
		<div class="inner">
		<div class="bd">
		<?php print $tabs; ?>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Secondary Tabs -->
		<?php if ($tabs2): ?>
		<div class="mod secondaryTabs">
		<div class="inner">
		<div class="bd">
		<?php print $tabs2; ?>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Help -->
		<?php if ($help) : ?>
		<div class="mod help">
		<div class="inner">
		<div class="bd">
		<?php print $help; ?>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Drupal Messages -->
		<?php if ($show_messages && $messages): ?>
		<div class="mod messages">
		<div class="inner">
		<div class="bd">
		<?php print $messages; ?>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Content Region -->
		<?php print $content; ?>

		<div class="mod feedIcons">
		<div class="inner">
		<div class="bd">
		<?php print $feed_icons ?>
		</div>
		</div>
		</div>
		</div>
		</div>

		<!-- Footer Region -->
		<?php if ($footer \|\| $footer_message) : ?>
		<div class="foot">
		<?php print $footer_message . $footer ?>
		<?php if ($footer_message) : ?>
		<div class="mod footerMessage">
		<div class="inner">
		<div class="bd">
		<?php print $footer_message ?>
		</div>
		</div>
		</div>
		<?php endif; ?>

		<!-- Footer Region -->
		<?php print $footer ?>
		</div>
		<?php endif; ?>
		</div>
		<?php print $closure ?>
		</body>

		</html>

template.php

+2 −2

Original line number	Diff line number	Diff line
		@@ -3,7 +3,7 @@

		/**
		* @file
		* Provide theme function overrides for the OOCSS theme.
		* Provide theme function overrides for the OOCSS base-theme.
		*/

		// TO-DO: Override all core functions to provide OOCSS friendly styles.
		No newline at end of file
		// TO-DO: Override all core functions from themes.inc to provide OOCSS friendly styles.
		No newline at end of file