Jump to content

Obsess Blue


RogerB

Recommended Posts

Here is what you should look for in the css file to change colors...Seek out the following.

SIMPLY LOOK FOR THIS..AND DO IT ONE STEP AT A TIME <<<<<<<<<<<<<<<YOU CAN CHANGE ME

/* regular */
body
{
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: Arial;
background-color: Black;
}
img
{
border: 0px;
}
.size
{
width: 950px;
margin: 0px auto;
}
/* header */
.header
{
height: 138px;
overflow: hidden;
background-color: White;
}
.header01
{
height: 91px;
overflow: hidden;
}
.mnav
{
height: 39px;
overflow: hidden;
background-image: url(/lib/skins/ObsessBlue/image/img_38.jpg);
background-repeat: repeat-x;
margin-left: 10px;
width: 930px;
position: relative;
}
.mnm ul
{
margin: 0px;
padding: 0px;
}
.mnm li
{
float: left;
padding: 0 0px 0 0px;
min-width: 155px;
line-height: 44px;
text-align: center;
color: #a7a8a8;
font-family: Arial;
background-image: url(/lib/skins/ObsessBlue/image/3_03.jpg);
background-repeat: no-repeat;
background-position: right center;
list-style: none;
}
.mnm a
{
color: #c7c7c7;
text-decoration: none;
font-weight: bold;
font-size: 14px;
display: inline-block;
width: 150px;
height: 100%;
}
.mnm a:hover, .mnm a:active
{
background: url(/lib/skins/ObsessBlue/image/3_021.jpg) repeat-x;
}
.mnimgl
{
position: absolute;
left: 0px;
top: 0px;
}
.mnimgr
{
position: absolute;
right: 0px;
top: 0px;
}
.logo
{
float: left;
padding-top: 11px;
padding-left: 30px;
}
.hright
{
float: right;
width: 422px;
overflow: hidden;
}
.hr01
{
width: 407px;
height: 28px;
background-image: url(/lib/skins/ObsessBlue/image/img_09.jpg);
background-repeat: no-repeat;
}
.hr01 div
{
float: left;
line-height: 30px;
font-size: 11px;
}
.hr01 a:link, .hr01 a:visited
{
color: white;
text-decoration: none;
}
.hr01 a:hover, .hr01 a:active
{
color: white;
text-decoration: underline;
}
.hr0101
{
padding-left: 52px;
}
.hr0102
{
padding-left: 30px;
}
.hr02
{
text-align: right;
padding-top: 22px;
padding-right: 22px;
}

/* content */
.content
{
background-color: White;
overflow: hidden;
}
.cmainimg
{
margin-left: 10px;
margin-bottom: 8px;
}
.submenu
{
height: 28px;
margin-left: 10px;
width: 930px;
background-image: url(/lib/skins/ObsessBlue/image/img_97.jpg);
background-repeat: repeat-x;
overflow: hidden;
position: relative;
margin-bottom: 11px;
}
.subtext
{
color: #aba6a6;
font-size: 11px;
margin-left: 11px;
margin-top: 6px;
float: left;
width: 100px;
}
.subimag
{
float: right;
margin-top: 6px;
margin-right: 30px;
}
.subimag ul, .subimag li
{
padding: 0px;
margin: 0px;
}
.subimag li
{
list-style: none;
float: left;
padding-left: 4px;
}
.subimag a
{
text-decoration: none;
}
.snimgl
{
position: absolute;
left: 0px;
top: 0px;
}
.snimgr
{
position: absolute;
right: 0px;
top: 0px;
}
.mcontent
{
overflow: hidden;
background-color: White;
/*	height: 760px; */
}
.mcleft
{
float: left;
width: 207px;
margin-left: 15px;
/*	margin-left: 7px; */
background-color: White;
}
.mcbox01
{
overflow: hidden;
margin-bottom: 15px;
}
.mc01t
{
height: 37px;
background-image: url(/lib/skins/ObsessBlue/image/img_147.jpg);
background-repeat: no-repeat;
}
.mc01t2
{
height: 24px;
background-image: url(/lib/skins/ObsessBlue/image/img_240.jpg);
background-repeat: no-repeat;
color: #f3f8fe;<<<<<<<<<<<<<<<YOU CAN CHANGE ME
padding-left: 23px;
padding-top: 13px;
}
.mc01c
{
border-left: 1px solid #d1d1d1;<<<<<<<<<<<<<<<YOU CAN CHANGE ME
border-right: 1px solid #d1d1d1;<<<<<<<<<<<<<<<YOU CAN CHANGE ME
width: 205px;
overflow: hidden;
background-color: #f0f0f0;<<<<<<<<<<<<<<<YOU CAN CHANGE ME
}
.mc01c ul
{
margin: 0px 15px 0px 15px;
padding: 0px;
}
.mc01c li
{
padding-left: 18px;
margin: 0px;
font-weight: bold;
height: 30px;
line-height: 30px;
}
.mc01cc
{
border-left: 1px solid #d1d1d1;<<<<<<<<<<<<<<<YOU CAN CHANGE ME
border-right: 1px solid #d1d1d1;<<<<<<<<<<<<<<<YOU CAN CHANGE ME
width: 205px;
overflow: hidden;
background-color: #f0f0f0;
}
.mc01cc li
{
list-style-type: square;
font-family: Arial;
font-size: 12px;
padding-top: 15px;
}
.mc01cc a
{
text-decoration: none;
color: #494949;<<<<<<<<<<<<<<<YOU CAN CHANGE ME
}
.mc01cc a:hover, .mc01cc a:active
{
text-decoration: underline;
}
.mc01b
{
height: 5px;
overflow: hidden;
font-size: 0px;
}
.mcright
{
width: 715px;
overflow: hidden;
float: right;
background-color: White;
}
.mc01
{
overflow: hidden;
margin: 0px auto;
}
.mc0101
{
width: 345px;
height: 82px;
background-color: Black;
position: relative;
float: left;
}
.mcr
{
margin-left: 11px;
text-align: left;
color: #ffffff;
}
.mcr01
{
font-size: 19px;
font-family: Arial;
padding-top: 10px;
}
.mcr02
{
padding-top: 13px;
font-size: 11px;
font-family: Arial;
line-height: 16px;
}
.mcl
{
margin-left: 11px;
text-align: left;
color: #ffffff;
}
.mcl01
{
padding-top: 10px;
font-family: Arial;
font-size: 19px;
}
.mcl02
{
padding-top: 13px;
font-size: 11px;
font-family: Arial;
line-height: 16px;
}
.r0101
{
position: absolute;
left: 0px;
top: 0px;
}
.r0102
{
position: absolute;
right: 0px;
top: 0px;
}
.r0103
{
position: absolute;
left: 0px;
bottom: 0px;
}
.r0104
{
position: absolute;
right: 0px;
bottom: 0px;
}
.mc0102
{
margin-left: 14px;
width: 345px;
height: 82px;
background-color: #227ab4;
float: left;
position: relative;
}
.mc01t
{
font-size: 14px;
padding-left: 23px;
padding-top: 11px;
height: 24px;
}
.mc01c li
{
list-style: none;
border-bottom: solid 1px #d7d7d7;
}

.mc01c a
{
text-decoration: none;
color: #3e6680;
}

.mc01c a:hover, .mc01c a:active
{
text-decoration: underline;
}
.mc02
{
padding-top: 24px;
overflow: hidden;
}
.mc0201
{
font-family: Arial;
font-size: 23px;
color: #033759;
float: left;
}
.mc0202
{
padding-right: 18px;
float: right;
}
.mc0203
{
margin-top: 68px;
}
.mc020301
{
font-size: 12px;
color: #494949;
line-height: 18px;
letter-spacing: -0.1px;
width: 700px;
}
.mc020302
{
margin-top: 25px;
margin-bottom: 40px;
margin-left: 65px;
line-height: 25px;
}
.mc020302 a
{
text-decoration: none;
color: #033759;
font-size: 12px;
font-family: Arial;
}
.mc020302 a:hover, .mc020302 a:active
{
text-decoration: underline;
}
.mc020302 li
{
list-style-type: square;
}

.mc020303
{
color: #494949;
font-size: 12px;
margin-bottom: 151px;
line-height: 18px;
letter-spacing: -0.1px;
}
/* footer */
.footer
{
height: 142px;
overflow: hidden;
background-image: url(/lib/skins/ObsessBlue/image/img_276.jpg);
background-repeat: repeat-x;
position: relative;
line-height: 60px;
font-size: 11px;
color: White;
text-align: center;
clear: both;
width: 100%;
}
.footer a:link, .footer a:visited
{
color: white;
text-decoration: none;
}
.footer a:hover, .footer a:active
{
color: white;
text-decoration: underline;
}

Link to comment
Share on other sites

Anyone created a nice drop down menu out of the one that already exists or looks like it? I found one another person did, but it looked out of place compared to the one that is default to the theme.

And hopefully a fix is found for the pilot page. I have taken out the code for the extra boxes up top for now to stop that from happening, but a fix would be excellent. I have tried and tried and no such luck. I have picked it a part line by line.

Link to comment
Share on other sites

  • 2 weeks later...

Anyone know where at in the css file to edit for the left side blocks? I like the info centered the way that it is, but for some content it does not work so well, for instance, random screenshots block.

I would like to align everything to the left except for block titles. I have edited everything I can think of in the css and nothing works. All the info stays floated to the right or is centered using html somewhere. Either of which I can not find. I am thinking it is where it says overflow-x: hidden Am I correct? That is the only part I did not try to edit.

Thanks in advance either way.

Ray

Link to comment
Share on other sites

You can use divs to achieve this, im using that skin, Heavily modified :)

Sorry should have read your whole post lol

The easiest way is to open up firefox and run through the elements to find the lines you want its a lot easier that way

Yeah I have done all that I can think of. The only one that I was able to manipulate to go where I wanted was the menu. That one I was able to align left with no problems at all. That one will be gone though as soon as I find a decent drop down to use.

Like you, I am heavily modifying it as well. Of course on my test server though. I hate to jack up a perfectly good live website. ;)

Link to comment
Share on other sites

Is this compatible with 2.1.943?

A couple pages need tweaked such as the contact form and the registration form. You may want to go back over some of the old code changes and see if you can find any template changes. I use mine on a 943 site as we speak.

Link to comment
Share on other sites

I was just wondering because when I looked at it, the buttons were white and not black.

Now that is kind of odd. I never had that problem. All of my buttons were as they should be not counting addons. You sure your dload was not corrupt or all files were uploaded correctly then?

Link to comment
Share on other sites

Now that is kind of odd. I never had that problem. All of my buttons were as they should be not counting addons. You sure your dload was not corrupt or all files were uploaded correctly then?

I didn't upload it, I looked at the index file in the folder. Will it change if I upload it. This design is confusing to me. LOL! I'm still trying to figure out where everything is.

Link to comment
Share on other sites

If you look at the menus, they are named the same way in the css file. Granted the names are very strange but they all match. I posted an example of those pointed out somewhere in one of these threads.

I finally got relocated and moved in so I will be able to help a lot more.

Link to comment
Share on other sites

If you look at the menus, they are named the same way in the css file. Granted the names are very strange but they all match. I posted an example of those pointed out somewhere in one of these threads.

I finally got relocated and moved in so I will be able to help a lot more.

I got it to work. I might have a few questions later though. LOL! I love this skin! Thanks zrotzel!

Link to comment
Share on other sites

Have you added any pages via the admin panel? I have only had that issue once and it only lasted a minute. I added a page and for some reason, the new tab/link never appeared. I believe I had a cookie issue or something like that. Cleared my cache and cookies , closed browser while I got a drink and came back and was good to go. Also, for now, try to delete cache in the admin panel under maintenance options.

This template is picky for sure, but very workable. I am tweaking all of my addons as we speak to work the best with this template. Once that is all done, I can begin working new colors and such in to make it more Thunder VA like instead of out of the box like. It is a nice skin and many thanks to zrotzel for porting it.

Link to comment
Share on other sites

It looks like you have an extra blank link that is showing. open the tpl that houses that nav menu and look for something that looks like this:

<li><a href=""></a></li>

By the look of the image is that it is showing a link, but no text. The separator on the menu is showing half, because there is no text showing.

Link to comment
Share on other sites

It looks like you have an extra blank link that is showing. open the tpl that houses that nav menu and look for something that looks like this:

<li><a href=""></a></li>

By the look of the image is that it is showing a link, but no text. The separator on the menu is showing half, because there is no text showing.

This is my core_navigation.tpl file:

<li><a href="<?php echo SITE_URL ?>/index.php/Frontpage">home</a></li>

<?php

if(!Auth::LoggedIn())

{

// Show these if they haven't logged in yet

?>

<li><a href="<?php echo SITE_URL ?>/index.php/registration">Register</a></li>

<?php

}

else

{

// Show these items only if they are logged in

?>

<li><a href="<?php echo SITE_URL ?>/index.php/profile">Pilot Center</a></li>



<?php

}

?>

<li><a href="<?php echo SITE_URL ?>/index.php/pilots">Pilots</a></li>

<li><a href="<?php echo SITE_URL ?>/index.php/acars">Live Map</a></li>

<?php echo $MODULE_NAV_INC;?>

<?php

if(Auth::LoggedIn())

{

if(Auth::UserInGroup('Administrators'))

{

	echo '<li><a href="'.SITE_URL.'/admin/">Admin Center</a></li>';

}

?>





<li><a href="<?php echo SITE_URL ?>/index.php/login/logout">Log Out</a></li>

<?php

}

?>

Link to comment
Share on other sites

  • Administrators

Sorry to a butt-head, but I got another question. LOL! How do I show a navigation bar in JUST the pilot center? I know that the default template has it, but I only want it to show on the side BEFORE everything else and be the pilot's links. Is this possible?

Think this may help you B)

http://forum.phpvms.net/topic/3340-if-page-is-main/

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...