/* *************************************** RESET BASE STYLES *************************************** */ html, body, div, span, applet, object, br, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; %; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } ol, ul { list-style: none; } /* tables still need cellspacing="0" (for ie6) */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: top; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } .clearfloat { clear:both; ; px; line-px; } /* *************************************** DEFAULTS *************************************** */ /* elgg open source blue #4690d6 */ /* elgg open source dark blue #0054a7 */ /* elgg open source light yellow #FDFFC3 */ /* simple blue&white page bgnd blue #41b0dc */ body { text-align:left; margin:0 auto; padding:0; font: 80%/1.4 "Lucida Grande", Verdana, sans-serif; color: #333333; background: #41b0dc; } a { color: #4690d6; text-decoration: none; -moz-outline-style: none; outline: none; } a:visited { /* color: #0054a7; */ } a:hover { color: #0054a7; text-decoration: underline; } p { margin: 0px 0px 15px 0; } img { border: none; } ul { margin: 5px 0px 15px; padding-left: 20px; } ul li { margin: 0px; } ol { margin: 5px 0px 15px; padding-left: 20px; } ul li { margin: 0px; } form { margin: 0px; padding: 0px; } small { %; } h1, h2, h3, h4, h5, h6 { font-weight: bold; line-normal; } h1 { .8em; } h2 { .5em; } h3 { .2em; } h4 { .0em; } h5 { .9em; } h6 { .8em; } /* *************************************** PAGE LAYOUT - MAIN STRUCTURE *************************************** */ #page_container { margin:0; padding:0; "text"]:focus { border: solid 1px #4690d6; background: #e4ecf5; color:#333333; } .submit_button { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#4690d6; border: 1px solid #4690d6; -webkit-border-radius: 4px; -moz-border-radius: 4px; auto; px; padding: 2px 6px 2px 6px; margin:10px 0 10px 0; cursor: pointer; } .submit_button:hover, input[type="submit"]:hover { background: #0054a7; } input[type="submit"] { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:#4690d6; border: 1px solid #4690d6; -webkit-border-radius: 4px; -moz-border-radius: 4px; auto; px; padding: 2px 6px 2px 6px; margin:10px 0 10px 0; cursor: pointer; } .cancel_button { font: 12px/100% Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; background:#dddddd; border: 1px solid #999999; -webkit-border-radius: 4px; -moz-border-radius: 4px; auto; px; padding: 2px 6px 2px 6px; margin:10px 0 10px 10px; cursor: pointer; } .cancel_button:hover { background: #cccccc; } .input-text, .input-tags, .input-url, .input-textarea { %; } .input-textarea { px; } /* *************************************** LOGIN / REGISTER *************************************** */ #login-box { margin: 10px; text-align:left; padding:10px; background: #ffffff; } #login-box .login-textarea { px; } #login-box label, #register-box label { .2em; color:gray; } #login-box input[type="text"], #login-box input[type="password"], #register-box input[type="text"], #register-box input[type="password"] { margin:0 0 10px 0; } #login-box-openid { margin: 10px; text-align:left; padding:10px; background: #ffffff; } #login-box h2, #login-box-openid h2, #register-box h2, #add-box h2 { "socialadr.com/_graphics/friends_picker_arrows.gif") no-repeat left top; } .friendsPickerNavigationR { "socialadr.com/_graphics/friends_picker_arrows.gif") no-repeat -60px top; } .friendsPickerNavigationL:hover { "socialadr.com/_graphics/friends_picker_arrows.gif") no-repeat left -44px; } .friendsPickerNavigationR:hover { "socialadr.com/_graphics/friends_picker_arrows.gif") no-repeat -60px -44px; } .friends_collections_controls a.delete_collection { display:block; cursor: pointer; px; px; margin:0 3px 0 0; "socialadr.com/_graphics/icon_customise_remove.png") no-repeat 0 0; } .friends_collections_controls a.delete_collection:hover { background-position: 0 -16px; } /* *************************************** WIDGET PICKER (PROFILE & DASHBOARD) *************************************** */ /* 'edit page' button */ a.toggle_customise_edit_panel { float:right; clear:right; color: #4690d6; background: white; border:1px solid #cccccc; padding: 5px 10px 5px 10px; margin:10px 28px 10px 20px; px; text-align: left; } a.toggle_customise_edit_panel:hover { color: #ffffff; background: #0054a7; text-decoration:none; } #customise_editpanel { display:none; margin: 0 0 10px 8px; padding:20px 20px 10px 20px; background: #f4f4f4; px; border-bottom:1px solid #999999; } /* Top area - instructions */ .customise_editpanel_instructions { px; padding:0 0 10px 0; } .customise_editpanel_instructions h2 { padding:0 0 10px 0; } .customise_editpanel_instructions p { margin:0 0 5px 0; line-.4em; } /* RHS (widget gallery area) */ #customise_editpanel_rhs { float:right; px; background:white; } #customise_editpanel #customise_editpanel_rhs h2 { color:#333333; .4em; margin:0; padding:6px; } #widget_picker_gallery { border-top:1px solid #cccccc; background:white; px; px; padding:10px; overflow:scroll; overflow-x:hidden; } /* main page widget area */ #customise_page_view { px; padding:10px; margin:0 0 10px 0; background:white; } #customise_page_view h2 { border-top:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc; margin:0; padding:5px; px; color: #0054a7; background: #f5f5f5; .25em; line-.2em; } #profile_box_widgets { px; margin:0 10px 10px 0; padding:5px 5px 0px 5px; min-px; border:1px solid #cccccc; background: #f5f5f5; } #customise_page_view h2.profile_box { px; color: #999999; } #profile_box_widgets p { color:#999999; } #leftcolumn_widgets { px; margin:0 10px 0 0; padding:5px 5px 40px 5px; min-px; border:1px solid #cccccc; } #middlecolumn_widgets { px; margin:0 10px 0 0; padding:5px 5px 40px 5px; min-px; border:1px solid #cccccc; } #rightcolumn_widgets { px; margin:0; padding:5px 5px 40px 5px; min-px; border:1px solid #cccccc; } #rightcolumn_widgets.long { min-px; } /* IE6 fix */ * html #leftcolumn_widgets { px; } * html #middlecolumn_widgets { px; } * html #rightcolumn_widgets { px; } * html #rightcolumn_widgets.long { px; } #customise_editpanel table.draggable_widget { px; background: #cccccc; margin: 10px 0 0 0; vertical-align:text-top; border:1px solid #cccccc; } #widget_picker_gallery table.draggable_widget { px; background: #cccccc; margin: 10px 0 0 0; } /* take care of long widget names */ #customise_editpanel table.draggable_widget h3 { word-wrap:break-word;/* safari, webkit, ie */ px; line-.1em; overflow: hidden;/* ff */ padding:4px; } #widget_picker_gallery table.draggable_widget h3 { word-wrap:break-word; px; line-.1em; overflow: hidden; padding:4px; } #customise_editpanel img.more_info { "#menh a" rule so that the menu boxes will have space on either side of the text -- try it */ } #menuh li { position:relative; min-px; /* Sophie Dennis contribution for IE7 */ vertical-align: bottom; /* Sophie Dennis contribution for IE7 */ } #menuh ul ul { .8em; position:absolute; z-index:500; top:auto; display:none; padding: 1em; margin:-1em 0 0 -1em; } #menuh ul ul ul { top:0; left:100%; } div#menuh li:hover { cursor:pointer; z-index:100; } div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul {display:none;} div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {display:block;} #menugreen a:link, #menugreen a:visited, #menugreen a:active { background-color: #5e8c18; /*#009966;*/ background: #5e8c18; /*#009966;*/ } #menugreen a:hover /* menu on mouse-over */ { color: white; background-color: #1da4dc; /*cornflowerblue;*/ text-decoration:none; } #menuupgrade a:link, #menuupgrade a:visited, #menuupgrade a:active { background-color: #003366; background: #003366; } #menuupgrade a:hover /* menu on mouse-over */ { color: white; background-color: #1da4dc; text-decoration:none; } /* End CSS Drop Down Menu */ #profile_icon_wrapper { float:left; } .usericon { position:relative; } .avatar_menu_button { px; px; position:absolute; cursor:pointer; display:none; right:0; bottom:0; } .avatar_menu_arrow { "submit"] { background: #dedede; border-color: #dedede; color:#333333; } .resetdefaultprofile input[type="submit"]:hover { background: red; border-color: red; color:white; } /* Banned user */ #profile_banned { background-color:#FF8888; border:3px solid #FF0000; padding:2px; } #custom_index { margin:10px 30px 10px 30px; } #index_left { px; float:left; margin:0 0 30px 0; padding:0 0 20px 0px; } #index_right { px; float:right; margin:0 0 30px 0; padding:0 0px 20px 0; } #index_welcome { padding:5px 10px 5px 10px; margin:0 0 20px 0; border:1px solid silver; background: white; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #index_welcome #login-box { margin:5px 0 10px 0; padding:0 0 10px 0; background: white; border:1px solid #cccccc; px; } #index_welcome #login-box form { margin:0 10px 0 10px; padding:0 10px 4px 10px; background: white; -webkit-border-radius: 8px; -moz-border-radius: 8px; px; } #index_welcome #login-box h2, .index_box h2 { color:#0054A7; .35em; line-.2em; margin:0 0 0 8px; padding:5px; } #index_welcome #login-box h2 { padding-bottom:5px; color:white; margin:0 0 10px 0; padding:2px 5px 5px 5px; } .index_box { margin:0 0 20px 0; background: white; padding:0 0 5px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border:1px solid #cccccc; } .index_box .search_listing { margin:0 10px 3px 10px; } .index_box .contentWrapper { background:white; margin:0 10px 3px 10px; } .index_box .index_members { float:left; margin:2pt 5px 3px 0pt; } #persistent_login { float:right; display:block; margin-top:-48px; } #persistent_login label { em; } /*body { align:center; text-align: center; } */ #outline { margin-right: auto; margin-left: auto; border: 1px solid #999; px; } #mainContent { color: #000; background-color: #fff; padding:15px; font-family: arial, helvetica, sans serif; px; line-px; text-align: left; margin-right: auto; margin-left: auto; } .greybox { /* apply this class to a paragraph to give it a grey box around it */ background-color: #F3F3F3; border: 1px solid #E2E2E2; %; margin-right: auto; margin-left: auto; margin-bottom: 20px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } .whitebox { /* apply this class to a paragraph to give it a grey box around it */ /*background-color: #F3F3F3;*/ border: 1px solid #E2E2E2; %; margin-right: auto; margin-left: auto; margin-bottom: 20px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } #squeeze blockquote { /* this creates a blockquote with a single quotation mark on the left side and indents the text to fit */ "Times New Roman", Times, serif; px; font-weight: bold; background-image: url(/mod/externalpages/images/coupon-bg.jpg); background-repeat: repeat-x; background-position: bottom; } .offercouponoutline { %; margin-right: auto; margin-left: auto; text-align: center; border: 4px dashed #CC0000; padding: 5px; margin-top: 30px; margin-bottom: 30px; } .offercoupon form { margin: 0px; padding: 0px; } #mainContent .offercoupon p { line-px; } .shadowbox { /* this styles the box that looks like the lower right corner is turned up */ background-color: #FFFFFF; %; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 20px; text-align: center; } .sbcontent { /* shadow box content styles */ padding: 15px; border: 1px solid #E2E2E2; background-color: #F3F3F3; background-image: url(/mod/externa
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.