Jump to content

OceanBlue


flyalaska

Recommended Posts

Got one more question, so far! Found most of what I need to change in the CSS file for the colours I want, but where is the background colour option for the footer!

Where it says:

copyright © 2014 - Laker Airways Virtual, all rights reserved.

CMS by phpVMS - Your IP address is: 92.17.196.141 - Ocean Blue by Blue Dog Designs

Locate the art.footer in styles/ocean.css. Around line 2386

.art-footer
{
  background: #0075DB;
  background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -webkit-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -moz-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -o-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: -ms-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  -svg-background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
  border-top:1px solid #C1CFD1;
  padding:15px;
  margin:0 auto;
  position: relative;
  color: #BDE0FF;
  font-size: 11px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-align: center;
}

Replace it with

.


art-footer
{
  background: #0075DB;
  border-top:1px solid #C1CFD1;
  padding:15px;
  margin:0 auto;
  position: relative;
  color: #FAD9D9;
  font-size: 11px;
  font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  text-align: center;
}

Change 0075DB to what color you want.

Link to comment
Share on other sites

Locate the art.footer in styles/ocean.css. Around line 2386

.art-footer
{
background: #0075DB;
background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -webkit-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -moz-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -o-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: -ms-linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
-svg-background: linear-gradient(top, #0080F0 0, #0070D1 40%, #0070D1 50%, #0070D1 60%, #0080F0 100%) no-repeat;
border-top:1px solid #C1CFD1;
padding:15px;
margin:0 auto;
position: relative;
color: #BDE0FF;
font-size: 11px;
font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: center;
}

Replace it with

.


art-footer
{
background: #0075DB;
border-top:1px solid #C1CFD1;
padding:15px;
margin:0 auto;
position: relative;
color: #FAD9D9;
font-size: 11px;
font-family: 'Droid Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: center;
}

Change 0075DB to what color you want.

Thanks, but that just doesn't look good now!

Link to comment
Share on other sites

For anyone interested, to mask the password in the skin:

change:

<input type="text" name="password" value="Password" size="24" onfocus="this.value=''">

to

<input type="password" name="password" value="Password" size="24" onfocus="this.value=''">

in frontpage_main.tpl

Gary

Link to comment
Share on other sites

This is what I get when opening it in IE11

<!DOCTYPE html>

<html dir="ltr" lang="en-US"><head><!-- Created by Artisteer v4.1.0.59861 -->

<meta charset="utf-8">

<title><?php echo $page_title; ?></title>

<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

<!--<link rel="stylesheet" media="all" type="text/css" href="<?php echo SITE_URL?>/lib/skins/crystal/styles.css" />-->

<link rel="stylesheet" href="<?php echo SITE_URL?>/lib/skins/ocean_blue/styles/ocean.css" type="text/css" title="Ocean Blue" media="screen" />

<link rel="stylesheet" href="<?php echo SITE_URL?>/lib/skins/ocean_blue/styles/style.responsive.css" type="text/css" title="Ocean Blue" media="screen" />

<!--[if lte IE 7]><link rel="stylesheet" href="<?php echo SITE_URL?>/lib/skins/ocean_blue/styles/style.ie7.css" media="screen" /><![endif]-->

This is most likely the part I need to modify, but if I remove the <!-- --> i get the same screen and this line:

[if lte IE 7]>var baseurl = "http://www.daanair.nl"; var geourl = "http://ws.geonames.org";

Also when I go back to Chrome, the layout is changed and the flightmap etc has gone below.

website name is: www.daanair.nl

note that it is currently the default template as I did not modify anything yet due to the changes. I currently use skyline from ittrob which is also a very good skin, but is also not working on IE, but that is known.

Link to comment
Share on other sites

weird isn't it and it is out of the box installed so not sure what is going on in this case. No clue here as i'm not that indept in php/html.

Have set it back to the skyline template from ittrob, which is working ok in Chrome and made a note that a while ago already about best viewed :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...