NOTE: THIS IS RECORDING/LOG OF EFFORTS MADE SO FAR FOR ELGG 1.8 BY DEEPA GUPTA AT DISTANCE LEARNING,COE,UF. THIS IS FOR THE PURPOSE OF MAINTAINABILITY, CONSISTENCY AND EASE OF TEAM WORK WITH MY FELLOW COLLEAGUES. THESE ARE BASICALLY THE RECORD OF FILE CHANGES IN layout.php, default.php AND coet-screen.css


Things done so far:

Overrridden default.php - added static $coet to render header.php, headerContents.php and footer.php

failed attempt to edit in COET-screen.css in the COET folder
This was done to adjust the size of the image of the search icon (the magnifying glass) but the changes done in this file:


---------attempted the following but then cancelled these changes----------
/Applications/XAMPP/xamppfiles/htdocs/COET/src/Coe/Template/public/COET-screen.css
by adding the lines:
    height:60%;
    width:50%;
but this did not change anything.

So, made the change in default.php-added the css text code:
.COET-sa
{
width:30px;
}
-------------------made change in COET-screen.css-------------------------

changes in COET-screen.css:

added height and width constraint for the search magnifying glass 29x29px

#cse-search-box .COET-sa {
    height:29px;
    width:29px;
    vertical-align:middle;
    border:none;
}



fixed the search in the footer by adding the following:
body div#COET-foot-l input, textarea{
	-moz-box-sizing: border-box;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	color: #666666;
	font: 120% Arial,Helvetica,sans-serif;
	padding: 5px;
	width: auto;
}

body div#COET-foot-l input[type="submit"]{
	background: none repeat scroll 0 0 #0021A5;
	border: 1px solid #0021A5;
	border-radius: 4px 4px 4px 4px 4px;
	color: #FFFFFF;
	cursor:pointer;
	font: bold 12px/100% Arial,Helvetica,sans-serif;
	height: 25px;
	margin: 10px 0;
	padding: 2px 6px;
	width: auto;
}
---------------------------------------------------------------------------

added the following to file:css/elements/layout.php in the plugin to the .elgg-page-topbar (along the other content taken from root css' layout.php):

//changed height to 0px in order to bring more/activity/search content to topbar
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 450px;
	margin: 0 auto;
	height: 0px;
        float: left;
}

.elgg-page-topbar {
	background: none repeat scroll 0 0 #2440B2;
	border-bottom: 1px solid #000000;
        border-top: 1 px solid black;
        color: #FFFFFF;
	height: 24px;
	z-index: 9000;
        border-top:1px solid black;
        padding-top: 5px;
        text-align: center;
        width: 100%;
}

.elgg-page-header .elgg-search input[type="text"]{
        margin-top:v 2.5px;
        max-width: 120px;
}

line#73
.elgg-page-default .elgg-page-header > .elgg-inner {
	width: 750px;
	margin: 0 auto;
	height: 0px;
}

LINE#79
.elgg-layout-one-sidebar{
        float: left;
}

line#43

.elgg-page-topbar > .elgg-inner {
	padding: 0 10px;
        margin: 0 auto;
        height: 24px;
        text-align: left;
        width: 950px;
}