/** * CPG Dragonfly CMS * Copyright (c) 2004-2005 by CPG-Nuke Dev Team, www.dragonflycms.com * Released under the GNU GPL version 2 or any later version * $Id: style.css,v 9.6 2005/06/21 15:55:31 djmaze Exp $ */ /**************************************************************************************************************/ /* body */ body { color: #000000;font-size: 10px; padding: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; background-attachment: scroll; background-color: #acb3bd; background-image: url(../images/header/body_bg.jpg); background-repeat: repeat-x; background-position: top; } a:link, a:active, a:visited { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } /**************************************************************************************************************/ /**************************************************************************************************************/ /* header */ /* change here the width and height of the header */ .headtable,.header_left,.header_midbg,.header_right { width: 100%; height: 131px; border: 0px; } /* change here the pics of the header */ .header_left { background-image: url(../images/header/header_bg_left.jpg); background-repeat: no-repeat; background-position: left center;} .header_midbg { background-image: url(../images/header/header_bg_mid.jpg); background-repeat: repeat-x; background-position: center; } .header_right { background-image: url(../images/header/header_bg_right.jpg); background-repeat: no-repeat; background-position: right center; padding-right: 30px;} .headmenu_left { white-space: nowrap; width: 20px; height: 35px; word-spacing: 16px; background-image: url(../images/header/header_menu_left.jpg);} .headmenu { white-space: nowrap; background-image: url(../images/header/header_menu_mid.jpg);} .headmenu_right { white-space: nowrap; width: 20px; height: 35px; word-spacing: 16px; background-image: url(../images/header/header_menu_right.jpg);} .headmenu_vline { background-image: url(../images/header/vline.jpg); width: 20px; height: 25px; word-spacing: 16px;} .tube_left { white-space: nowrap; width: 17px; height: 55px; word-spacing: 13px; background-image: url(../images/header/tube_left.jpg);} .tube_mid { white-space: nowrap; background-image: url(../images/header/tube_mid.jpg);} .tube_right { white-space: nowrap; width: 17px; height: 55px; word-spacing: 13px; background-image: url(../images/header/tube_right.jpg);} .user_left { white-space: nowrap; width: 19px; height: 131px; word-spacing: 14px; background-image: url(../images/header/user_left.jpg);} .user_mid { color:#CCCCCC; white-space: nowrap; background-image: url(../images/header/user_mid.jpg);} .user_right { white-space: nowrap; width: 19px; height: 131px; word-spacing: 14px; background-image: url(../images/header/user_right.jpg);} /**************************************************************************************************************/ /**************************************************************************************************************/ /* maintable */ .maintable { width: 100%; border-collapse: collapse; border-spacing: 1; padding: 0; text-align: left; } .mainside {width: 100px; vertical-align: top; } .main { width: 100%; vertical-align: top; padding-left: 10px; padding-right: 10px; } /**************************************************************************************************************/ /**************************************************************************************************************/ /* menue -> this will change the design of any menue blocks in gpgnuke */ /* change here the width of the block */ .menue { width: 200px; border-width: 0; } /* change here the width and hight of the left-top graphic */ .menue_lt { width: 10px; height: 42px; word-spacing: 6px;} /* change here the width and hight of the right-bottom graphic */ .menue_rb { width: 10px; height: 42px; word-spacing: 6px;} .menueheader { vertical-align: bottom; padding-bottom: 10px; white-space: nowrap; padding-left: 10px; color: #000000; padding-right: 5px;} /* change here the graphics of the block */ .menue_lt { background-image: url(../images/blocks/lt.jpg); } .menueheader { background-image: url(../images/blocks/mt.jpg); } .menue_rt { background-image: url(../images/blocks/rt.jpg); } .menue_lm { background-image: url(../images/blocks/lm.jpg);} .menuecontent { background-color: #dbdee2; padding: 5px;} .menue_rm { background-image: url(../images/blocks/rm.jpg);} .menue_lb { background-image: url(../images/blocks/lb.jpg); } .menuefooter { background-image: url(../images/blocks/mb.jpg);} .menue_rb { background-image: url(../images/blocks/rb.jpg); } /**************************************************************************************************************/ /**************************************************************************************************************/ /* news an tables -> this will change the design of the nes and centered tables in gpgnuke */ /* change here the width and hight of the left-top graphic */ .news_lt { width: 10px; height: 42px; word-spacing: 6px;} /* change here the width and hight of the right-bottom graphic */ .news_rb { width: 10px; height: 42px; word-spacing: 6px;} .newshead { vertical-align: bottom; padding-bottom: 8px; white-space: nowrap; padding-left: 10px; padding-right: 10px; color: #000000;} .newsfooter { vertical-align: bottom; text-align: right; white-space: nowrap; padding-bottom: 15px; } /* change here the graphics of the block */ .news_lt { background-image: url(../images/blocks/lt.jpg); } .newshead { background-image: url(../images/blocks/mt.jpg);} .news_rt { background-image: url(../images/blocks/rt.jpg); } .news_lm { background-image: url(../images/blocks/lm.jpg); } .newscontent{ background-color: #dbdee2; padding: 10px;} .newscontent2{ border-top-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #000066;} .news_rm { background-image: url(../images/blocks/rm.jpg); } .news_lb { background-image: url(../images/blocks/lb.jpg); } .newsfooter { background-image: url(../images/blocks/mb.jpg); padding-right: 10px; padding-left: 10px;} .news_rb { background-image: url(../images/blocks/rb.jpg); } .vline { background-image: url(../images/blocks/hline.gif); width: 5px;} /**************************************************************************************************************/ /**************************************************************************************************************/ /* glass-field -> this will change the design of the glass fields */ /* change here the width of the table */ .glass { width: 180px; border-width: 0; } /* change here the width and hight of the left-top graphic */ .glass_lt { width: 8px; height: 8px; word-spacing: 4px;} /* change here the width and hight of the right-bottom graphic */ .glass_rb { width: 8px; height: 8px; word-spacing: 4px;} /* change here the graphics of the block */ .glass_lt { background-image: url(../images/blocks/glass/lt.jpg); font-size: 4px; } .glass_mt { background-image: url(../images/blocks/glass/mt.jpg); font-size: 4px; } .glass_rt { background-image: url(../images/blocks/glass/rt.jpg); font-size: 4px;} .glass_lm { background-image: url(../images/blocks/glass/lm.jpg); font-size: 4px;} .glass_mm { background-image: url(../images/blocks/glass/mbg.jpg); background-color: #3786d1; background-repeat: repeat-x; background-position: top; padding: 5px; color: #d5e8f7;} .glass_rm { background-image: url(../images/blocks/glass/rm.jpg); font-size: 4px;} .glass_lb { background-image: url(../images/blocks/glass/lb.jpg); font-size: 4px; } .glass_mb { background-image: url(../images/blocks/glass/mb.jpg); font-size: 4px; } .glass_rb { background-image: url(../images/blocks/glass/rb.jpg); font-size: 4px; } /**************************************************************************************************************/ /**************************************************************************************************************/ /* text */ /* big */ .maintitle, h1, h2 { font-size: 18px; } .title,.storytitle,.cattitle,.storycat,th.thHead, td.catHead,.gal_title { font-size: 14px; } .nav,.topictitle,.name,.name,.catlink,.alblink,.statlink,.postbody,.blockcontent,.newshead,.calendartoday,.forumlink { font-size: 12px; } /* med */ .gen,.genmed,.tiny,font,th,td,p,.copyright,.postdetails,.option,.gal_desc,.navmenu,.doc_title,.navbar,.thumb_title,.album_stat,.thumb_caption,.thumb_num_comments,.menuecontent,.newscontent,.row1,.row2,.row3,.content { font-size: 11px; } /* small */ .cur_name,.doc_desc,.newscontent2,comment_date,.gensmall,.calendarday,.menueheader,.forumdesc { font-size: 10px; } .code,.quote { border: #D1D7DC; border-style: solid; border-width: 1px; background: #FAFAFA; color: #444444; font: 11px Courier, 'Courier New', sans-serif; } /* text bold */ .statlink,legend,.navmenu,.newshead,.maintitle, h1, h2,.headmenu,.menueheader,.doc_title,.thumb_title,.calendartoday,.forumlink { font-weight: bold; } /* text colors */ .sqlname { color: #006600; } /* all glass text */ .bright,.bright a:link,.bright a:visited,.bright a:active,.glass_mm,.glass_mm a:link,.glass_mm a:visited,.glass_mm a:active { color:#d5e8f7; font-size: 10px; } .bright a:hover,.glass_mm a:hover { color:#FFFFFF;} /**************************************************************************************************************/ /**************************************************************************************************************/ /* tables */ /* tables with border */ .newsindex,.newsarticle { width: 100%; border: 1px solid #DDDDDD; border-spacing: 0; padding: 5px; } .table1,.table2,.bbcbutton,.helpcontent { border: 1px solid #DDDDDD; border-spacing: 0; padding-right: 5px; padding-left: 5px; } /* tables without border */ th.thHead,td.catHead,td.spaceRow,td.row3right, td.catSides,td.catleft,td.catright,td.catbottom, th.thSides,th.thleft,th.thright,th.thtop,th.thbottom,th.thCornerL,th.thCornerR,.bodyline,.forumline,td.row3right, td.spaceRow,.img_caption_table,.helpline { border-width: 0; } /* table with pic - big */ .head,.pagetitle,.blockhead,td.rowpic,td.cat, td.catHead, td.catSides, td.catleft, td.catright, td.catbottom, td.catBottom,th,.img_caption_table th,.img_caption_table td,.tableh1_compact,.tableh1,.catlink,.navmenu,.doc_head,.user_thumb_infobox th,.calendarblocktitle,.calendartime,doc_head doc_title { border-width: 0; border-spacing: 2px; background: url(../images/cellpic1.gif); font-size: 12px; font-weight: bold; height: 30px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 10px; color: #000000;} /* table with pic - small */ .admin_menu,.navbar,.tableh2_compact,.calendarth,.button,.comment_button,.admin_menu_thumb,.helphead { border-width: 0; padding-right: 5px; padding-left: 5px; font-size: 10px; background-image: url(../images/cellpic1.gif); height: 20px; color: #000000;} .navbar2 { font-size: 10px; background-image: url(../images/cellpic3.gif); white-space: nowrap; height: 20px; padding-right: 5px; padding-left: 5px; color: #000000;} /**************************************************************************************************************/ /**************************************************************************************************************/ /* bg-colors */ .bgcolor1,td.row1,.tableb,.calendarday { background: #cdd1d7; } .bgcolor2,td.row2,.thumbnails,.tableb_compact,.thumb_cell,.calendartoday { background: #bbc1cb; } .bgcolor3,td.row3,.tableh2,.tablef,.calendarbg,.table1,.table2,.bbcbutton,.helpcontent { background: #aab2be; } .bgcolor4 { background: #99a3b1; } td.row2,.thumbnails,.tableb_compact,.thumb_cell,td.row3,.tableh2,.tablef,td.row1,.tableb { padding: 5px; } .sqlname { background-color: #8ab9f2; } /**************************************************************************************************************/ /* horizontal line */ hr { height: 0; border: 1px solid #000000; } /* input fields and textareas and buttons*/ input.mainoption,input.liteoption,input.button,input.post, textarea.post, select, textarea, select, input { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #000000;} .button,.comment_button,.admin_menu_thumb { cursor: hand; color: #000000; background-image: url(../images/cellpic3.gif); height: 20px; border-width: 0;} input { cursor: hand; color: #000000;} /* Help Layer */ .helphead { width: 242px;} .helpcontent { width: 240px;} /* fieldset around each admin item */ .adminitem { border: 0px; padding: 0px; width: 130px; display: table-cell; vertical-align: bottom; text-align: center; } fieldset { border: #999; border-style: double; padding: 10px; margin-bottom: 10px; } br { clear: left; } label.set,radio.set,input.set,label.ulog, input.ulog { display: block; float: left; } radio.set { vertical-align: text-bottom; } label.set { text-align: left; width: 300px; padding-right: 10px; margin-bottom: 5px; } label.ulog { text-align: left; width: 125px; padding-right: 10px; margin-bottom: 5px; } .rd { text-align: left; width: 60px; padding-left: 3px; padding-right: 10px; } .no { text-align: right; width: 8px; padding-right: 10px; } .yes { text-align: left; width: 20px; padding-right: 10px; vertical-align: bottom; } input.sub { left: 20px; float: none; } .user_thumb_infobox { margin-top: 1px; margin-bottom: 1px; } .user_thumb_infobox td { font-size: 10px; margin-top: 1px; margin-bottom: 1px; text-align : center; } .sortorder_options,.sortorder_cell { background : #b4d6f7 ; padding: 0px; margin: 0px; font-size: 9px; white-space: nowrap; } .image { border-style: solid; border-width:1; border-color: #000000; margin: 2px; } .thumbnail { padding: 5px; border-left : 1px solid #FFFFFF; border-right : 1px solid #000000; } .radio,.checkbox { font-size: 12px; vertical-align : middle; }