css.css

Simple涂乌板2

/*<agl.folder "body">*/
	/*predefine*/
	* { margin: 0; padding: 0; }
	*html .note-text { height: 69px; }
	body { font-family: arial; background-image: url(page_images/background.gif); background-position: center 0; }
	#body { background-image: url(page_images/background-LOGO.gif); background-repeat: no-repeat; background-position: center 0; }
/*</agl.folder>*/
/*<agl.folder "LOGO">*/
	#LOGO { background-position: center 0; min-height: 133px; }
	*html #LOGO { background-position: center 0; height: 133px; }
/*</agl.folder>*/
/*<agl.folder "block">*/
	#block { color: #666; font-size: 12px; font-family: arial; }
	/*Frame And Background*/
	.title { background-image: url(page_images/title.gif); text-align: right; width: 627px; height: 24px; clear: both; }
	.frame-top { background-image: url(page_images/frame-top.gif); width: 627px; height: 34px; clear: both; }
	.frame-bottom { background-image: url(page_images/frame-bottom.gif); width: 627px; height: 20px; clear: both; }
	.frame-body { clear: both; }
	.frame-left { background-image: url(page_images/frame-left.gif); width: 21px; }
	.name { background-image: url(page_images/name.gif); text-align: center; vertical-align: top; width: 93px; }
	.frame-main { background-color: #E7EFEF; }
	.frame-right { background-image: url(page_images/frame-right.gif); background-repeat: repeat; background-position: 0 bottom; width: 21px; }
	.note { background-color: #fbfcff; background-image: url(page_images/note.gif); background-position: 0 bottom; width: 492px; overflow: auto; float: none; min-height: 69px; }
	.info { background-image: url(page_images/info.gif); width: 492px; height: 26px; }
	/*Content And Div Definition in Frame*/
	.name-image { margin-right: -20px; margin-left: -20px; padding-right: 4px; }
	.face-image { position: relative; top: 6px; left: 6px; float: left; }
	.message-image { position: relative; top: 6px; right: 40px; float: right; }
	.date-image { position: relative; top: 7px; right: 28px; float: right; }
	/*Text in Frame*/
	.name-text { color: #666; font-size: 12px; position: relative; top: 9px !important; top: 7px; }
	.note-text { color: #666; font-size: 13px; line-height: 160%; text-align: left; vertical-align: top; padding: 2px 18px 4px 6px; cursor: crosshair; }
	.face-text { color: #666; font-size: 13px; position: relative; top: 9px; left: 12px; float: left; }
	.message-text { color: #666; font-size: 10px; margin-right: 6px; margin-left: 2px; }
	.date-text { color: #666; font-size: 10px; position: relative; top: 12px; right: 20px; float: right; }
	/*Link Part*/
	.title-frame { font-size: 10px; position: relative; right: 10px; float: right; padding-right: 6px; padding-bottom: 2px; }
	.title-a_link { padding-right: 2px; border: solid 1px #ccc; cursor: pointer; }
	.title-frame a { color: #666; text-decoration: none; }
	.title-frame a:hover { color: #fcb913; }
	.title-frame a.retain { color: #666; text-decoration: none; }
	.message-frame { color: #666; position: relative; top: 12px !important; top: 7px; right: 42px; float: right; margin-left: 2px; }
	.message-frame a { color: #666; text-decoration: none; }
	.message-frame a:hover { color: #fcb913; }
/*</agl.folder>*/
/*<agl.folder "theme">*/
	#theme { }
	/*Frame And Background*/
	.note-text-title-image { }
	.face-image2 { position: relative; top: 6px; left: 6px; float: left; margin-bottom: -4px; }
	.message-image2 { position: relative; top: 8px; right: 40px; float: right; }
	.date-image2 { position: relative; top: 6px; right: 28px; float: right; }
	/*Text in Frame*/
	.face-text2 { color: #666; font-size: 12px; position: relative; top: 10px; left: 6px; float: left; }
	.message-text2 { color: #666; font-size: 12px; position: relative; top: 10px; right: 36px; float: right; }
	.date-text2 { color: #666; font-size: 12px; position: relative; top: 10px; right: 24px; float: right; }
	/*Link Part*/
	.note-text-list {  }
	.note-text-list-text { line-height: 150%; float: left; }
	.note-text-list-text2 { font-weight: bold; float: none; margin-bottom: 2px; }
	.note-text-list-date { color: #999; font-size: 10px; float: right; }
	.note-text-list-image { margin-right: 4px; }
	.note-text-list a { color: #666; text-decoration: none; }
	.note-text-list a:hover { color: #fcb913; }
/*</agl.folder>*/
/*<agl.folder "image">*/
	#image { color: #666; font-size: 12px; font-family: arial; }
	.note-text-name { width: 462px; overflow: auto; padding-top: 10px; }
	.note-text-head { width: 450px; overflow: auto; padding-top: 10px; padding-left: 16px; }
	.note-text-input-image { padding-top: 10px; padding-left: 10px; }
	.image-preview { line-height: 250%; text-align: center; float: left; padding-right: 20px; cursor: pointer; }
	.note-text-head-image { line-height: 200%; padding-right: 24px; cursor: pointer; }
	a.preview:hover { outline: solid 1px #999; }
	.button-next { color: #666; font-size: 10px; font-family: arial; background-color: #fff; position: relative; top: 8px; left: 10px; width: 64px; height: 17px; float: left; border: solid 1px #fff; }
	#sign-copyright { color: #999; font-size: 10px; position: relative; top: 11px; right: 10px; float: right; }
	.input-tip { position: relative; left: 15px; }
/*</agl.folder>*/
/*<agl.folder "sign">*/
	#sign { color: #666; font-size: 12px; font-family: arial; }
	.note-text-input-text { height: 24px; clear: both; }
	#input-text { text-align: right; width: 50px; float: left; padding-right: 6px; }
	#input-frame { color: #666; font-size: 12px; font-family: arial; text-align: left; width: 14em; float: left; padding-right: 2px; padding-left: 2px; border: solid 1px #999; }
	#input-text-rightflow { font-family: arial; text-align: right; padding-right: 10px; width: 30px; float: right; }
	#input-frame-rightflow { color: #666; font-size: 12px; font-family: arial; text-align: left; width: 14em; float: right; border: solid 1px #999; }
	.input-fieldset { margin-bottom: 10px; border-top: 1px dotted #ccc; border-right-style: none; border-right-width: 1px; border-bottom-style: none; border-bottom-width: 1px; border-left-style: none; border-left-width: 1px; }
	.input-legend { padding-right: 10px; padding-left: 10px; }
	.input-text-textare { width: 406px !important; height: 80px; overflow: auto; margin-bottom: 8px; }
	.input-text-textare3x { width: 406px !important; margin-bottom: 8px; height: 240px; overflow: auto; }
	.textare-3x { color: #666; font-size: 10px; text-decoration: none; }
	.input-quote-textare { width: 406px !important; margin-bottom: 8px; height: 60px; overflow: auto; }
	.input-image-face { position: relative; left: 60px; float: left; padding-right: 10px; cursor: pointer; }
	a.face:hover { outline: solid 1px #999; }
	.input-image-weather { position: relative; left: 60px; padding-right: 10px; float: left; cursor: pointer; }
	.input-text-addr { width: 406px !important; }
	.input-image-link { position: relative; left: 30px; }
/*</agl.folder>*/
/*<agl.folder "media">*/
	.note-text-reply { color: #999; line-height: 150%; border-bottom: 1px dotted #ccc; }
	.note-text-quote { color: #999; line-height: 150%; width: 400px; margin-top: 4px; margin-bottom: 6px; margin-left: 24px; padding-top: 2px; padding-right: 6px; padding-left: 12px; border: dotted 1px #ccc; }
	.media-download { width: 120px; margin-top: 6px; padding-bottom: 8px; padding-left: 8px; border: dashed 1px #ccc; }
	.media-download-image { position: relative; top: 9px; }
	.media-download-text { position: relative; top: 3px; }
	.media-download-text a { color: #666; text-decoration: none; }
	.media-download-text a:hover { color: #ccc; }
/*</agl.folder>*/
/*<agl.folder "page">*/
	/*Whole Body*/
	.LOGO-image {  }
	.themebar { width: 627px; padding-top: 12px; padding-left: 30px; }
	.themebar-text { color: #666; font-size: 12px; line-height: 200%; text-align: left; }
	.themebar-text a { color: #666; font-size: 12px; text-decoration: none; }
	.themebar-text a:hover { color: #ccc; }
	.selectframe { color: #666; font-size: 12px; position: relative; top: 2px; width: 55px; height: 13px; border: solid 1px #ccc; }
/*</agl.folder>*/
/*<agl.folder "login">*/
	#login-text { text-align: right; width: 80px; float: left; padding-right: 6px; }
	#login-frame { color: #666; font-size: 12px; font-family: arial; text-align: left; float: left; padding-right: 2px; padding-left: 2px; border: solid 1px #999; }
/*</agl.folder>*/
/*<agl.folder "manage">*/
	#manage-text { text-align: right; width: 120px; float: left; padding-right: 6px; }
	.manage-frame { color: #666; font-size: 12px; font-family: Arial; text-align: left; width: 8em; float: left; padding-right: 2px; padding-left: 2px; border: solid 1px #999; }
	.manage-frame2 { color: #666; font-size: 12px; font-family: arial; text-align: left; padding-right: 2px; padding-left: 2px; width: 23em; float: left; border: solid 1px #999; }
	.manage-button { height: 20px; border-color: #999; border-width: 1px; }
	.manage-name { height: 24px; }
	.manage-name a { color: #666; font-size: 12px; text-decoration: none; }
	.manage-name a:hover { color: #ccc; }
	.manage-tip { position: relative; left: 16px; }
/*</agl.folder>*/
/*<agl.folder "copyright">*/
	#copyright { background-image: url(page_images/background-copyright.gif); background-repeat: no-repeat; background-position: center bottom; padding-top: 16px; padding-bottom: 16px; }
	.copyright-frame { background-color: #f6f6f6; background-image: url(page_images/background-copyright-frame.gif); width: 600px; height: 60px; padding-top: 6px; border: solid 1px #ccc; }
	.copyright-text { color: #666; font-size: 12px; font-weight: bold; line-height: 160%; }
	.copyright-text a { color: #666; font-size: 12px; text-decoration: none; }
	.copyright-text a:hover { color: #ccc; }
/*</agl.folder>*/