x
Toggle Content    Register or Login  -  December 16, 2018, 2:53 pm  
Toggle Content Commercial Themes
This is an opportunity for you to preview TCD commercial themes. All themes seen here can be purchased from the store.
Toggle Content User Info

Welcome Anonymous

Toggle Content Navigation
Toggle Content Project Status
Support Forums » DragonflyCMS » Tips & Tricks » 9.1.2 Square CPGMM CSS
Please use the forum search before making a post. Your question might have been previously answered.

9.1.2 Square CPGMM CSS
Some of the best non-standard tricks for your site all in one location.


Post new topic   Reply to topic    Forum Index » Tips & Tricks Printer Friendly Page

View previous topic :: View next topic  
Author Message
Lead Developer


PostPosted: Fri May 18, 2007 10:23 am Reply with quote

Code:
/*********************************************
  CPG Dragonflyâ„¢ CMS
  ********************************************
  Copyright © 2004 - 2007 by CPG-Nuke Dev Team
  http://dragonflycms.org

  Dragonfly is released under the terms and conditions
  of the GNU GPL version 2 or any later version

  $Source: /themes/ReDesign/style/cpgmm.css,v $
  $Revision: 9.1.0.0 $
  $Author: Madis $
  $Date: 2007/04/07 06:13:16 $
**********************************************/

/*    ------  Basic style ------    */
#menu {
  font: bold 11px Arial, Tahoma, sans-serif;
  height: 27px;
  display: inline;
  margin-top: 20px;
}

#menu a {
  float: left;/* \*/float: none;/*  */
  display: block;
  text-decoration: none;
  text-align: center;
  color: #FFF;/*muudab kõik ära*/
}
#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left: 20px;
  line-height: 27px;
  background-color: #808000;
}
/*horizontal menu item(be sure to change in submenu)*/
#menu li {
  float: left;
  position: relative;
  white-space: nowrap;
  min-width: 20px;
  display: block;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  margin-left: -1px;/*overlap borders*/
  padding: 0 5px 0 5px;
}
/*For IE*/
* html #menu li {
  width: 70px;
}

/*submenu*/
#menu li ul {
  line-height: normal;
  visibility: hidden;
  position: absolute;
  z-index: 10;
  /* width of the dropdown lists*/
  width: 140px;
  border: 0;
  border-top: 1px solid #95CCF5;
  margin-left: -6px;/*hor menu item has the same left padding, that's why+hor border*/
  background: none;
  background: transparent;
  padding-bottom: 20px; /*so that submenu won't get closed pifxel-perfectly*/
}
/*submenu item*/
#menu li ul li {
  font: normal 11px Arial, Tahoma, sans-serif;
  width: 100%;
  position: static;
  padding: 2px 0 2px 0;/*top and bottom padding*/
  border: 1px solid #95CCF5;
  border-top: 0;
  background: #F7F7FF url(../images/backgrounds/menu_leftbg.gif) repeat-y top left;
  margin: 0;/*for no effect from horizontal menu*/
}

/*mainmenu link while hovering*/
#menu li:hover a {
}

/*mainmenu item while hovering*/
#menu li:hover {
  background: #95CCF5 url(../images/backgrounds/menu_hover.jpg) repeat-x top left;
}

/*submenu item while hovering*/
#menu li ul li:hover {
  position: relative;
  background-color: #95CCF5;
  background-image: none;/*Don't use main menu's bg*/
  color: #293894;
  border: 0;
  border-bottom: 1px solid #95CCF5;
  border-left: 1px solid #95CCF5;
  border-right: 1px solid #95CCF5;
}


#menu li ul a {
  text-align: left;
}

#menu li:hover li a                   {color: #293894;}
#menu li li a                         {color: #293894;}
#menu li li:hover a                   {color: #FFF;}
 #menu li li:hover li a                {color: #293894;}
 #menu li li li a                      {color: #293894;}
 #menu li li li:hover a                {color: #FFF;}
  #menu li li:hover li:hover li a       {color: #293894;}
  #menu li li li li a                   {color: #293894;}
  #menu li li:hover li:hover li:hover a {color: #FFF;}

/* this is for the triangular arrow on the end of a category link*/
#menu li ul a.submenu {
  background: url(../images/arrow.gif) no-repeat top right;
}
/* next 3 classes control the small images/symbols for categories, list links*/
#menu li span {
  float: left;
  width: 12px;/*same as adminicon*/
  height: 2px;/* if no content */
  margin: 0 4px 0 1px; /* 1px = (14-12)/2  4px = 1px+3px as text left padding*/
  text-align: center;
  font: bold 11px Tahoma, Arial, sans-serif;
}
/*main menu dot*/
#menu li b {
  font: bold 11px Tahoma, Arial, sans-serif;
  display: none;/*disable*/
}
#menu li img {
float: left;
height: 12px;
}
.sred {
color: #FF0000;
font-weight: bolder;
}
.sgreen {
color: #32CD32;
font-weight: bolder;
}
.sgray {
color: #C0C0C0;
font-weight: bolder;
}
.sblack {
color: #000000;
font-weight: bolder;
}


/*IE fix?*/
html>body #menu li ul li {
  float: none;
  position: relative;
}

/* fix the position */
#menu li ul li ul {
  top: 0;
  left: 100%;
}

* html #menu li li a {
width: 96px;
}

/* simulate child selector for IE */
div#menu li:hover ul, #menu li:hover li:hover ul, #menu li:hover li:hover li:hover ul {
visibility: visible;
}

#menu li:hover li ul, #menu li:hover li:hover li ul, #menu li:hover li:hover li:hover li ul {
visibility: hidden;
}

/* do the normal show, with increased specificity */
#menu ul#menuList li:hover > ul {
visibility: visible;
}



.current {
  background: #95CCF5 url(../images/backgrounds/menu_hover.jpg) repeat-x top left;
}


_________________

Back to top
View user's profile Photo Gallery
  Page 1 of 1All times are GMT - 5 Hours

Post new topic   Reply to topic    Forum Index » Tips & Tricks Printer Friendly Page

  
  
  
 

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


RSS-News
RSS-Downloads
RSS-Forums
RSS-KnowledgeBase
Valid CSS!
Valid HTML 4.01!

Site Search | Support | Contact | Payments | Link to Us
All TCD logos and trademarks in this site are property of TreasureCoastDesigns.com
Interactive software released under GNU GPL, Code Credits, Privacy Policy
TCD_Natural © T.C.D.