/* all pp Standards ---------------------------------------------------------------------------------------------------------------- */ body { background:#d5d3d4 url(ppBg.gif) repeat-x top left; margin:0; font-family: 'Lucida Grande', Geneva, Tahoma ,Verdana, Arial, Helvetica; } p,h1,h2,h3,h4,li a .editLinkTitle { margin-top: 0px; margin-bottom: 0px; color: #555; font-size: 12px; font-weight: } h1 { font-size: 20px; margin: 4px 0 10px 0 ; font-weight: normal; } p { padding: 5px; line-height: 15px; } a { text-decoration: none; } /* get info area formating */ #ppPageGetInfo { color: #555; font-size: 10px; } #ppPagesList { line-height: 14px; } #ppPagesList li a .url { font-size: 9px; } .ppPageLink { color: #555; line-height: 18px; } a.ppPageLink:hover { color: green; } .ppWindowTitle { width: 250px; } body, input, select, textarea, p.display, .ppPageLink { font: 10px/14px 'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, sans-serif; } .ppPageGetInfo { width: 200px; padding: 0px; left: 0px; height: 16px; } /* all pp DIV Positions ------------------------------------------------------------------------------------------------------------ */ /* site */ #site { margin:0 auto; padding:120px 0 30px; width:705px; position:relative; } /* header */ #logoArea { background-image:url(ppHeaderLogo.gif); background-repeat: no-repeat; width:690px; height:100px; position:absolute; top:0; } /* nav bar */ #navBar { width:645px; height:30px; position:absolute; top:70px; padding: 3px 30px 0 30px; } #navBar a, #navBar span { text-indent:-9999px; display: block; height:23px; } #ppNavBarPages { background:transparent url(ppNavBarPages.gif) no-repeat center left; width:73px; float:left; } body.edit #ppNavBarPages { background:transparent url(ppNavBarPages.gif) no-repeat top left; width:73px; float:left; } #ppNavBarEdit { background:transparent url(ppNavBarEdit.gif) no-repeat top left; width:64px; float:left; } body.edit #ppNavBarEdit { background:transparent url(ppNavBarEdit.gif) no-repeat center left; width:64px; float:left; } a#ppNavBarLogout { background:transparent url(ppNavBarLogout.gif) no-repeat top left; width:68px; float:right; } body.edit a#ppNavBarPages:hover, a#ppNavBarLogout:hover { background-position:left bottom; } /* fixed top bar, needs nore work to fully implement: #logoArea, #navBar { position:fixed; z-index:100; } */ /* Page */ #ppPageHeader { background-image:url(ppPageHeader.gif); width:705px; height:35px; float:left; } #ppPageTopLeft { background-image:url(ppPageTopLeft.gif); width:30px; height:75px; float:left; margin-top: 10px; } #ppPageTopButtons { background-image:url(ppPageTopButtons.gif); width:622px; height:75px; float:left; margin-top: 10px; } #ppPageTopButtons a { text-indent:-9999px; display:block; } #ppPageTopButtons ul { list-style: none; margin: 0; height: 20px; position: relative; left: 242px; padding: 7px 0; } #ppPageTopButtons li { display: inline; float: left; padding-right: 5px; } #ppPageTopRight { background-image:url(ppPageTopRight.gif); width:53px; height:75px; float:right; margin-top: 10px; } #ppPageGetInfo { width: 585px; float:left; position: relative; left:60px; padding-top:8px; } .ppPageGetInfo { width: 360px; } #dateControl, #timeControl { position:absolute; right:0px; top:8px; } #timeControl { top:33px; } #ppPageBody { background-image:url(ppPageBody.gif); width:705px; float:left; } #ppPageFooter { background:#d5d3d4 url(ppPageFooter.gif) no-repeat top left; width:705px; height:75px; float:left; } /* Pieces */ #ppPagePieces { width:665px; height:100%; float:left; padding:19px; } #ppPagePieceTop { background-image:url(ppPagePieceTop.gif); width:668px; height:20px; float:left; } #ppPagePieceBody { background-image:url(ppPagePieceBody.gif); width:668px; float:left; height: auto; } #ppPagePieceBottom { background-image:url(ppPagePieceBottom.gif); width:668px; height:20px; float:left; } /* */ #ppPagePieces a { text-indent:-9999px; display:block; } #ppPagePieces ul { list-style: none; margin: 0; height: 20px; position: relative; padding: 7px 0; } #ppPagePieces li { float: left; padding-right: 5px; } .thePagePiece { width:668px; } .stretcher { background-image:url(ppPagePieceEditArea.gif); padding-left: 50px; } .stretcher h1 { font-size: 10px; margin:4px 0; color: white; } .stretcher select { margin-top:2px; } .editArea { position: relative; width: 668px; } .editArea textarea { width:588px; height: 100px; position: relative; left:40px; } .editAreaHeading { position: relative; width: 668px; height: 20px; } .editAreaHeading textarea, input, p.display { width:588px; height: 20px; position: relative; left:40px; } p.display { color:#888; text-align:center; width:576px; height:10px; border:1px dotted #bbb; overflow:hidden; } input.imageURL { width:200px; left:0px; float:left; } .ppPagePiecesImgUpload { float:left; } /*img piece area */ .imagePiece { width:586px; height: 100px; position: relative; left:40px; border: solid 1px #999; background-color: white; } /* Pages Dir & Saved Confirmation Page */ #ppPagesDir { margin:0 auto 0 160px; } #ppPagesDir img { border: none; } #ppPagesDir a { text-indent:-9999px; display:block; } #ppPagesDir ul { list-style: none; margin:0px 0 0 0; position: relative; padding-left: 7px; } #ppPagesDir li { float: left; padding: 0 10px 30px 0; } #ppPagesList { width:660px; float: left; padding-left: 40px; } #ppPagesList a { color: 10px; color: #888; } #ppPagesList ul { list-style: none; margin: 0; position: relative; padding-left: 0px; } #ppPagesList li { width:660px; color: #888; font-size: 10px; padding-top: 10px; float: left; } #ppSvSaved { margin: 0 auto 0 160px; } #ppSvSaved img { border: none; } #ppSvSaved a { text-indent:-9999px; display:block; } #ppSvSaved ul { list-style: none; margin: 0; position: relative; padding-left: 7px; } #ppSvSaved li { float: left; padding: 10px 10px 50px 0; } /* Login page */ #pploginPage { width: 650px; margin: 30px 0 30px 0; } .loginfield { position: relative; margin:0px; } #pploginPage label { position:absolute; width:190px; text-align:right; } input.textCssHack { width:300px; border:1px solid #183964; margin:0px; padding: 4px; height: 12px; } .loginfield .edit { margin-left:170px; margin-right:105px; position:relative; z-index:5; } .loginError { margin: 190px; } /* Image Upload */ #ppUpload { background-image:url(ppUpload.gif); width: 420px; height: 180px; padding: 20px; margin: 0px; } #ppUpload h1 { font-size: 15px; margin: 0 0 5px 5px; } /* all pp Buttons -------------------------------------------------------------------------------------------------------------------- */ /* Nav Bar (h1) */ a.ppPagePieceAdd, a.ppPagePieceUp, a.ppPagePieceDown, a.ppPagePieceDelete { width: 21px; height: 21px; } a.ppPagePieceAdd { background:transparent url(ppPagePieceAdd.gif) no-repeat top left; margin: 10px auto; } .addPagePieceDropDown { margin-left:240px; padding-bottom:10px; } .addPagePieceDropDown select { margin-bottom:20px;} a.ppPagePieceUp { background:transparent url(ppPagePieceUp.gif) no-repeat top left; position: absolute; } a.ppPagePieceUp { top: 0px; left: 10px; } .editAreaHeading a.ppPagePieceUp { top: -12px; left: 10px; } a.ppPagePieceDown { background:transparent url(ppPagePieceDown.gif) no-repeat top left; position: absolute; } a.ppPagePieceDown { top: 80px; left: 10px; } .editAreaHeading a.ppPagePieceDown { top: 12px; left: 10px; } a.ppPagePieceDelete { background:transparent url(ppPagePieceDelete.gif) no-repeat top left; margin: 10px auto; float: right; position: absolute; } a.ppPagePieceDelete { top: 30px; right: 10px; } .editAreaHeading a.ppPagePieceDelete { top: -10px; right: 10px; } a.ppPagePieceAdd:hover, a.ppPagePieceUp:hover, a.ppPagePieceDown:hover, a.ppPagePieceDelete:hover { background-position:left bottom; } /* Page Options (Preview,Save,Delete) */ a.ppPagePiecesNavPreview, a.ppPagePiecesNavSave, #ppPagePiecesNavDelete, #ppPagePiecesNavDelete.disabled, #ppPagePiecesNavHide, #ppPagePiecesNavShow, #ppPagePiecesNavShow.disabled, #ppPagePiecesNavSource { height: 44px; width: 38px; margin-top: 15px; } #ppPagePiecesNavDelete.disabled, #ppPagePiecesNavShow.disabled { text-indent:-9999px; display:block; } /* messy - needs less fb slackness !! soz in a rush */ a.ppPagePiecesNavPreview { background:transparent url(ppPagePiecesNavPreview.gif) no-repeat top left; } a.ppPagePiecesNavSave { background:transparent url(ppPagePiecesNavSave.gif) no-repeat top left; } #ppPagePiecesNavDelete { background:transparent url(ppPagePiecesNavDelete.gif) no-repeat top left; } #ppPagePiecesNavDelete.disabled { background:transparent url(ppPagePiecesNavDeleteDisabled.gif) no-repeat top left; } #ppPagePiecesNavHide { background:transparent url(ppPagePiecesNavHide.gif) no-repeat top left; } #ppPagePiecesNavShow { background:transparent url(ppPagePiecesNavShow.gif) no-repeat top left; } #ppPagePiecesNavShow.disabled { background:transparent url(ppPagePiecesNavShowDisabled.gif) no-repeat top left; } #ppPagePiecesNavSource { background:transparent url(ppPagePiecesNavSource.gif) no-repeat top left; } a.ppPagePiecesNavPreview:hover, a.ppPagePiecesNavSave:hover, #ppPagePiecesNavDelete:hover, #ppPagePiecesNavHide:hover, #ppPagePiecesNavShow:hover, #ppPagePiecesNavSource:hover { background-position:left bottom; } /* Body Copy Format Buttons */ a.ppPagePieceBold, a.ppPagePieceItalic, a.ppPagePieceLink { height: 16px; width: 30px;} a.ppPagePieceBold { background:transparent url(ppPagePieceBold.gif) no-repeat top left; width: } a.ppPagePieceItalic {background:transparent url(ppPagePieceItalic.gif) no-repeat top left; width: } a.ppPagePieceLink {background:transparent url(ppPagePieceLink.gif) no-repeat top left; } a.ppPagePieceBold:hover, a.ppPagePieceItalic:hover, a.ppPagePieceLink:hover { background-position:left bottom; } /* Image Format Buttons */ a.ppPagePiecesImgLeft, a.ppPagePiecesImgRight, a.ppPagePiecesImgFull { height: 18px; } a.ppPagePiecesImgLeft { background:transparent url(ppPagePiecesImgLeft.gif) no-repeat top left; width: 22px; } a.ppPagePiecesImgRight { background:transparent url(ppPagePiecesImgRight.gif) no-repeat top left; width: 22px; } a.ppPagePiecesImgFull { background:transparent url(ppPagePiecesImgFull.gif) no-repeat top left; width: 32px; } a.ppPagePiecesImgUpload { background:transparent url(ppPagePiecesImgUpload.gif) no-repeat top left; width: 51px; height: 16px; } a.ppPagePiecesImgLeft:hover, a.ppPagePiecesImgRight:hover, a.ppPagePiecesImgFull:hover, a.ppPagePiecesImgUpload:hover { background-position:left bottom; } /* Pages Dir & Saved Confirmation Page Buttons */ .ppPageAddEvent, a.ppPageAddNews, a.ppSvEditPages, a.ppSvGoToWeb { height: 266px; } a.ppPageAddEvent { background:transparent url(ppPageAddEvent.gif) no-repeat top left; width: 188px; } a.ppPageAddNews { background:transparent url(ppPageAddNews.gif) no-repeat top left; width: 188px; } a.ppSvEditPages { background:transparent url(ppSvEditPages.gif) no-repeat top left; width: 188px; } a.ppSvGoToWeb { background:transparent url(ppSvGoToWeb.gif) no-repeat top left; width: 188px; } a.ppPageAddEvent:hover, a.ppPageAddNews:hover, a.ppSvEditPages:hover, a.ppSvGoToWeb:hover { background-position:left bottom; } /* Existing page buttons*/ a.ppPagePreview, a.ppPageEdit { height: 44px; width: 34px; display: block; float: left; text-indent:-9999px; margin-right: 10px; } a.ppPagePreview { background:transparent url(ppPagePreview.gif) no-repeat top left; } a.ppPageEdit { background:transparent url(ppPageEdit.gif) no-repeat top left; } a.ppPagePreview:hover, a.ppPageEdit:hover{ background-position:left bottom; } /* login Buttons */ a.ppLogin { background:transparent url(ppLogin.gif) no-repeat top left; width: 44px; height: 18px; display: block; text-indent:-9999px; margin: 10px 0 0 40px; } a.ppLogin:hover { background-position:left bottom; }