« Establishing Workflow for Researcher Products | Main | A new module to expose external tables to Views? »

December 06, 2010

Theming Marinelli

First off, this is a hack and I'm not a themer so don't think any of the following is the correct way to do things. I'm in the uncomfortable position of having to mimic the css of a different site. The following is a temporary fix (i.e., crappy approximation.)

1) Install Marinelli and enable Giordani.

2) Setup dropdown menu's

Keep: Site Name, Shortcut Icon, Search Box

Path to shortcut Icon:
sites/default/files/images/umbs_icon.jpg

Dropdown for menu items

3) Edit primary links menu (admin/build/menu-customize/primary-links)
- Enable and Expand all links you want to show up.
- Mimic the structure found here :http://www.lsa.umich.edu/umbs/

4) Tweak CSS:

Increase spacing between lines of text:
marinelli/typography.css
change:
body{ line-height: 1.5em;}

Menu changes ->
sites/all/themes/marinelli/layout.css

Reduce header height
line 29
#header
height: 100px;

#utilities
padding: 5px; /* originally 0; */

line 127
left: -19px

line 135
#utilities #plinks ul li {
margin-right: -14px;

line 101
#utilities form { /*search box*/
position:absolute;
right:9px;
bottom:0;
}

Modify graphics.css
sites/all/themes/marinelli/graphics.css

line 8
body{
background: url("http://www.lsa.umich.edu/vgn-ext-templating/sites/umbs/images/tone.gif") repeat scroll 0 0 #EDEDED;

line 13
#page
border: 12px solid #FFFFFF;

line 20
remove call to rotate.php, set background to white
#header {background: #FFFFFF; /*rotates images in the banners folder */}

Change look of search box
line 42
#utilities input.form-text {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #000000;
color: white;


links.css

sites/all/themes/marinelli/links.css

Modify the test of the home page link:
line 86
#header h1 a, #header p a{
color: #FFFFFF;
text-shadow: 3px -1px 1px #1D496F;
}

5) Put the Menu and Search Bar below the header image following this post.

* Note the Captcha Option that shows up below the search bar causes it to get misplaced. Going to live with it for now.

6) To modify Logo/Header areas see this post

Posted by kkwaiser at December 6, 2010 01:26 PM

Comments

Login to leave a comment. Create a new account.