/** This CSS file is included into of each user template after amember.css and before site.css (if it is exists). There you can see variable %bgcolor% - it is configured in setup form (see application/default/themes/sample/Theme.php) and now substituted here. Files with variables must be added to special list ($publicWithVars) of Am_Theme class and these files are routed via special URL. Routed via URL, it is cached in browser for 1 hour. @link Am_View->printLayoutHead() */ body { font-size: 16pt; background-color: %bgcolor%; } /** aMember-specific styles here */ /* properties for entire page and text inside tables */ body, th, td { color: #222222; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; background: #fff; } /* properties for all input elements */ form input[type=text], form input[type=password], textarea { width: 250px; border: 1px solid #dddddd; /* color:#aaa9a9; */ background-color: #f4f4f4; padding: 5px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } form input[type="text"].narrow { width: 118px; } form input[type="text"].narrow2 { width: 150px; } textarea { height: 100px; } hr { background: #dedede; border: 0; width: 100%; height: 2px; } .hr { background: #dedede; border: 0; width: 100%; height: 2px; } ul, li { list-style: disc; } .small { font-size: 8pt; } .powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; } strong, .strong { font-weight: bold; } .text_disabled { color: ButtonFace; } /* properties for headers */ h1, h2, h3 {} h1 { font-size: 16pt; } h2 { font-size: 18px; font-weight: bold; line-height: 20px; } h3 { font-size: 15px; text-align: left; } h4 { font-size: 16px; font-weight: bold; line-height: 20px; } /* other elements */ div.centered { text-align: center; } div.centered table { margin: 0 auto; text-align: left; } ul, ol { margin-left: 2em; } .code { font-family: "Courier New", Monospace; font-size: 120%; color: blue; } /* vedit - vertical table (signup, profile edit) */ .vedit { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /* vedit - usual column (right) */ .vedit td { text-align: left; vertical-align: middle; padding: 15px 10px 10px 10px; background-color: #EFF3E0; } /* vedit - header column (left) */ .vedit th { padding: 10px 15px 10px 10px; text-align: right; vertical-align: middle; font-weight: bold; background-color: #E1E3BB; } /* vedit - heading row */ .vedit .headrow { font-weight: bold; text-align: left; font-size: 20px; } /* hedit - horizontal table (payments list) */ .hedit { border: solid 1px #8CACBB; } /* hedit - usual column */ .hedit td { padding: 5px; background-color: #E0E0E0; font-size: 8pt; background-color: white; border: solid 1px #8CACBB; } /* hedit - header column */ .hedit th { padding: 5px; font-weight: bold; text-align: center; background-color: #DEE7EC; border: solid 1px #8CACBB; } table.errmsg { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: red; border: #cc0000 1px solid; margin: 5px 0px 5px 0px; } table.errmsg td { padding: 5px 50px 5px 5px; font-weight: bold; color: #ed1c24; } table.errmsg td li { list-style: square; } /* Receipt table from thanks.html */ .receipt td { background-color: #F0F0F0; border: solid 1px black; padding: 2px 4px 2px 4px; } .receipt th { background-color: #C0C0C0; border: solid 1px black; font-weight: bold; padding: 2px 4px 2px 4px; } .receipt td.total { background-color: #C0C0C0; border: solid 1px black; } .receipt { border-collapse: collapse; } /* Newsletters table on member.php */ .newsletters td { padding: 5px; margin: 5px; } .newsletters td.disabled { padding: 5px; margin: 5px; color: #505050; } /* Newsletters archive table on member.php */ .newsletters_archive td { padding: 2px; margin: 0px; } /*** gwsol *****************************************************************/ #basis { width: 100%; border: none; } #main { width: 100%; background-color: #ffffff; border: none; } #content { width: 840px; margin: 0 auto; padding: 10px; border: none; } #header-content { width: 960px; margin: 0 auto; padding: 8px 0; border: none; } P.powered { display: none; } #tbl { background-color: #fff; padding: 5px; } #tbl TD, #tbl TH { /* font-size: 12px; */ vertical-align: top; padding-right: 10px; } #tbl TH { text-decoration: underline; } #am-receipt-price { text-align: right; } .vedit { border: none; background-color: transparent; } .vedit TH, .vedit TD { border: none; padding: 4px 10px 7px 4px; background-color: transparent; font-weight: normal; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .vedit TH { font-weight: bold; width: 100%; padding-top: 6px; } .vedit TH .small { color: #566710; } .hedit { margin-top: 5px; } .hedit TH, .hedit TD { font-size: 14px; padding: 4px 10px 7px 4px; font-weight: normal; } .hedit TH { font-weight: bold; padding-top: 6px; } #tbl A, #tbl A:visited { color: #92ac26; text-decoration: underline; } #tbl A:hover { color: #000000; } INPUT.btn { background-image: url(../next.html); background-position: 90% -13px; background-repeat: no-repeat; background-color: #f4f4f4; border: 1px solid #dddddd; color: #aaa9a9; padding: 2px 20px 3px 5px; margin: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } INPUT.btn:hover { background-image: url(../next.html); background-position: 90% 5px; background-repeat: no-repeat; color: #000; } INPUT.btn-back { background-image: url(../back.html); background-position: 10% -13px; background-repeat: no-repeat; background-color: #f4f4f4; border: 1px solid #dddddd; color: #aaa9a9; padding: 2px 5px 3px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } INPUT.btn-back:hover { background-image: url(../back.html); background-position: 10% 5px; background-repeat: no-repeat; color: #000; } INPUT.btn2 { border: none; width: 140px; height: 26px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; background-image: url(../btn-bg.html); background-repeat: no-repeat; padding: 0px; background-color: transparent; margin: 0px 10px 0px 10px; } #tbl table.errmsg { width: 100%; } #tbl table.errmsg td { padding: 5px; font-weight: bold; font-size: 12px; color: #ed1c24; text-align: center; background-color: #ffc9cb; } #tbl A.hidden { text-decoration: none; font-size: 0px; } /*** footer *************************/ #footer { width: 100%; background-color: #6693a3; text-align: center; vertical-align: middle; height: 39px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #A5C9D8; /* #e9f0f3 */ padding: 0 0 10px 0; margin: 0; border-top: 7px solid #e9f0f3; } #producedby { font-size: 10px; } #producedby a { text-decoration: none; color: #fff; } #producedby A:hover { color: #ffffff; text-decoration: underline; } /** ** Added ** **/ .border { border: 1px solid red; } #header { border-bottom: 7px solid #a2c4ce; padding: 10px; } #content h1 { border-bottom: 2px solid #DEDEDE; color: #000000; font-size: 26px; font-weight: normal; line-height: 32px; margin: 0 0 20px; padding: 0 0 10px; } form label { display: block; font-size: 14px; line-height: 18px; margin-top: 10px; margin-bottom: 5px; } form .inline { display: inline; font-size: 14px; margin-bottom: 0; } form .inline .small { padding-left: 15px; font-size: 14px; } .red { color: #D90000; } .size12 { font-size: 14px; } .checkbox { display: inline; } .indent8 { text-indent: 8px; } .required { font-size: 11px; color: #000; } /* simple css-based tooltip */ .tooltip { max-width: 300px; background-color: #000; border: 1px solid #fff; padding: 5px 15px; display: none; color: #fff; text-align: left; font-size: 12px; /* outline radius for mozilla/firefox only */ -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; } .margin75 { margin-right: 75px; } .margin100 { margin-right: 135px; } .margin90 { margin-right: 90px; } .tbl-added { float: left; } .tbl-added td { padding: 0 0 20px 20px; width: 33%; } .tbl-added td p { font-size: 13px; } .link { color: #5f84b0; font-size: 14px; text-decoration: none; } .link:hover { color: #d40000; text-decoration: underline; } select { width: 265px; border: 1px solid #dddddd; /* color:#aaa9a9; */ background-color: #f4f4f4; padding: 3px 3px 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .am-form fieldset legend { background: #4C804C; text-indent: 10px; } .am-login-form input[name=login], .am-login-form input[name=amember_login], .am-login-form input[name=amember_pass], .am-sendpass-form input[name=login], .am-sendpass-form input[name=amember_login] { width: 200px; } .am-body .am-body-content-wrapper { border-width: 0px; } .am-form .element>input, .am-form .element>select, .am-form .element>textarea, .am-form .element>div { margin-bottom: 5px; margin-top: 5px; } .am-body .errors li { color: red; font-weight: bold; font-size: 1.2em; margin-bottom: 0.5em; } div#am-block-active-subscriptions { float: left; clear: both; width: 100%; } ul.am-tabs { top: 0px; } div#am-block-payments { width: 100%; clear: both; } ul.am-active-invoice-product-list { margin: 20px; } div#am-block-active-subscriptions h2 { color: rgb(11, 77, 94); padding: 10px 0px; } /* Customizion of amember.css */ @media screen and (min-width:768px) and (max-width: 1024px){ #content {width: auto;} .am-body {background: white;} #header-content {width: auto;} #content .am-login-text{margin-bottom: 20px;} } @media screen and (max-width:767px) and (orientation:portrait) { #content {width: 100%; padding:0px;} #basis {width: 100%; max-width: 100%;} #row-html1-0 .element > div{margin: 0px!important;} #row-address-0-legend{color:#fff;} #page-0{margin-top: 25px;} .tbl-added td {padding: 0 0 20px 20px; width: auto;} #header{overflow: auto;} #header-content{overflow:auto; width: auto;} #header-content > img{width: 100%;} #content .am-login-text ul li{line-height: 22px;} #content #row-address-0 .form.label{margin-top: 0px; margin-bottom: 0px;} #content .tbl-added tbody > tr{display: -webkit-grid; display: -moz-grid; display: -o-grid; display: grid;} #content{padding-top: 10px;} } @media screen and (max-width:767px) and (orientation:landscape){ #header {padding: 10px 22px;} #header-content {width: auto;} #header-content > img {width: auto;} #content {width: auto;} #content .am-login-text{margin-bottom: 20px;} }