/* Theme Name: PACP Description: Version: 1.0 Author: Ruramai Nhapata (www.flowsa.com) Date: April 2009 */ /*RESET AND CLEARFIX ----------------------------*/ :link,:visited {} ul,ol {list-style:none} h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0} a img,:link img,:visited img {border:none} address {font-style:normal} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} /* BODY -----------------------------------*/ html, body {height:100%;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font: 62.5%/1.2em Arial, "Times New Roman", sans-serif; background:#E7E7E7 url(/pacptheme/images/wrap.jpg) repeat-y; background-position: 50% 0;} p, ul, ol {font-size:1.2em; line-height:1.5em; margin-bottom: 1em;} a:link {outline:none; color:#872c28;} a:visited {} a:hover {} h1 {font-size:2.0em;} h2 {font-size:1.8em;} h3 {font-size:1.6em;} h4 {font-size:1.4em;} h5 {font-size:1em;} h1, h2, h3, h4, h5, h6 {font-weight:normal; margin-bottom:0.3em; line-height:1.2em; color:#fff;} blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1;} /* BASE TEMPLATE ---------------------------------*/ #wrap {width:942px;} #container {width:942px; margin:0px auto;} /* LAYOUT STRUCTURE -------------------------------- */ #content {float:left; margin-bottom:0px; background-color:#EFEAD6; width:942px;} #homepagemain {width:622px; float:left;} /*MAIN HOMEPAGE ---------------------------------*/ #fpmain {float:left; width:628px;background: url(/pacptheme/images/main_shadow-trans.png) repeat-y left; margin-left:-4px;} #fpmain-middle {width:357px;float:left;margin-left:4px;} #fpmain-middle p {padding-right:10px;} #fpmain-right {margin-left:5px;float:left;} #fpmain h1 {background:url(/pacptheme/images/fp_h1_bg.jpg) no-repeat; padding-left:24px; height:27px; color:#fff;} #fpmain p {margin-left:24px;} .fp-image {margin-bottom:10px;} #main {float:left; width:608px; background: url(/pacptheme/images/main_shadow-trans.png) repeat-y left; margin-left:-3px; padding-left:10px; padding-right:8px;} #main p {} #main a {color:#485B83;} /* HEADER ------------------------------- */ #header {background: #fff url(/pacptheme/images/header.jpg) no-repeat; height:216px; margin-bottom:0px;} #header h1 span {margin-left:-9999px;} /*FOOTER ------------------------*/ #footer {clear:both; height:45px; font:0.85em Arial, Trebuchet, Helvetica, Arial, sans-serif;} #footer p {text-align:center; color:#000; margin-top:0px;} #footer a:link {color:#000;} #footer a:visited {color:#000;} /*MAIN CONTENT GENERAL -------------------------*/ #main h1 {background:url(/pacptheme/images/h1_bg.jpg) no-repeat; padding-left:24px; padding-top:10px; height:43px; margin-left:-7px; margin-right:-10px;} #main h2 {padding-left:24px; color:#000;} #main h3 {color:#000} /* MAIN CONTENT LISTS -------------------------*/ #fpsidebar ul {list-style-type:disc; margin-left:1.6em;padding-bottom:10px;} #fpsidebar ol {list-style-type:decimal; margin-left:1.6em;} #fpsidebar li {margin-bottom:0.3em;} #fpsidebar li li {font-size:80.9%;} #fpsidebar li li li {font-size:82.6%;} #main ul {list-style-type:disc; margin-left:1.6em;} #main ol {list-style-type:decimal; margin-left:1.6em;} #main li {margin-bottom:0.3em;} #main li li {font-size:80.9%;} #main li li li {font-size:82.6%;} /*Floats -------------------------*/ .floatright {float:right; margin-left:10px;} .floatleft {float:left; margin-right:10px;} /* NAVIGATION PRIMARY ------------------------------*/ /*#nav ul li#nav-home a {background-position:0px 82px; width:109px;} #nav ul li#nav-publications a {background-position:-108px 82px; width:105px;} #nav ul li#nav-congresses a {background-position:-212px 82px; width:105px;} #nav ul li#nav-gallery a {background-position:-316px 82px;width:105px;} #nav ul li#nav-members a {background-position:-421px 82px;width:104px;} #nav ul li#nav-contact a {background-position:-526px 82px;width:100px;} #nav ul li#nav-home a:hover {background-position:0px 41px; width:109px;} #nav ul li#nav-publications a:hover {background-position:-108px 41px; width:105px;} #nav ul li#nav-congresses a:hover {background-position:-212px 41px;width:105px;} #nav ul li#nav-gallery a:hover {background-position:-316px 41px; width:105px;} #nav ul li#nav-members a:hover {background-position:-421px 41px; width:104px;} #nav ul li#nav-contact a:hover {background-position:-526px 41px; width:100px;} #nav ul li#nav-home.current a {background-position:0px 41px; width:109px;} #nav ul li#nav-publications.current a {background-position:-108px 41px; width:105px;} #nav ul li#nav-congresses.current a {background-position:-212px 41px;width:105px;} #nav ul li#nav-gallery.current a {background-position:-316px 41px;width:105px;} #nav ul li#nav-members.current a {background-position:-421px 41px;width:104px;} #nav ul li#nav-contact.current a {background-position:-526px 41px;width:100px;}*/ #nav {float:left; width:631px; height:41px;background-color:#E5DCB9;margin-left:-2px;} #nav ul li {float:left; margin-top: 6px;} #nav ul li a {display:block; line-height: 41px; color: #FFFFFF; font-size: 15px;background: url('/pacptheme/images/nav_sliding_door_first.jpg') no-repeat left top; height:41px; margin-right:-4px; padding-left:11px;} #nav ul li a span{background: url('/pacptheme/images/nav_sliding_doors.jpg') no-repeat right top; height: 41px; display: block; padding-right: 15px;} #nav-searchbox {float:left; padding-left:10px; padding-top:4px;width:303px;background-color:#e5dcb9;height:37px;} #nav-searchbox form {} .languages {width:300px; float:right; padding-top:5px; padding-left:5px; color:white; font-size:12px; font-weight:bold;} .languages a {margin-right:5px; color:white;} /*#flags-left {width:315px;background: #e5dcb9 url(/pacptheme/images/main_shadow-trans.png) no-repeat top right; top right;float:left;} #flags {float:left; background-color: #efead6; height:21px; width:184px; padding-left:443px; padding-top:8px;} #flags a {font-size:1.2em; color:#000;padding-right:10px;} #flags a.current {color:red;} #flags p {line-height:0em !important; margin-bottom: 0em !important;} */ /* SIDEBAR- Homepage -----------------------*/ #fpsidebar-titles hr {color:white;} #fpsidebar-titles p {color:white; padding-right:25px;padding-left:25px;} #fpsidebar-titles {background-color:#756548;padding-top:8px;padding-bottom:3px;} #fpsidebar-titles a{padding-left:24px; text-decoration: none;} #fpsidebar {width:314px; float:left; color:#fff;background-color:#E5DCB9;} #fpsidebar-image {float:left;} #fpsidebar-bluebox {padding-top:20px;padding-left: 24px;background: #475A82 url(/pacptheme/images/blue_box_bot.jpg) bottom no-repeat;min-height:147px;} *html #bluebox-image {background-color:#495C84;height:31px;} #fpsidebar h3 {font-size: 1.5em; color:#56A1DB;} #fpsidebar h2 {padding-left: px;margin-right:14px; color:#fff;} #fpsidebar a {color:white;} #sidebar h4 {font-size: 1.5em; color:#fff; padding-left:10px;} #sidebar ul li {margin-left:30px; list-style-type:disc;} #sidebar hr {color:white; width:90%;} #breadcrumb ul {list-style-type:none;} /* SEARCH BOX -------------------*/ #nav-searchbox input {} #searchinput {border:1px inset #000; border-left:2px inset #000; width:150px; height:18px; } #cse-search-box {margin-top:3px;} /* COPYRIGHT -------------------*/ #copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;} /* GALLERY -----------------*/ .subcat{ margin-left: 15px;} #gallery-albumview {} #gallery-albumview ul {list-style:none; margin-left:0;} #gallery-albumview li {float:left; list-style:none;} #gallery-albumview li a {display:block; margin:10px; padding:3px; border:2px solid black; background-color:#E4E4E4;} #gallery-albumview li a:hover {border:2px solid #6F3E39; background-color:#C9C3B3;} #gallery-catdescription {} #gallery-catdescription p {text-align:center; font-style:oblique;} #caption {width:600px; margin: 0 auto;} /* ----------------------------------------------------------------------- RMSforms CSS Forms Framework 0.5 http://rmsjr.com * Copyright (c) 2009-Present. ----------------------------------------------------------------------- */ @charset "utf-8"; /* CSS Document */ /* CONTAINING DIV */ .formContainer {overflow:hidden; font-family:Arial, Helvetica, sans-serif; padding-left:10px;} /* GLOBALS */ .formContainer form{ margin:0; padding:0;} .formContainer fieldset{ margin:0; padding:0;} .formContainer legend{ margin:0; padding:0;} #main .formContainer ul{ margin:0; padding:0; margin-bottom: 15px;} .formContainer li{ width:100%; float:left;} .formContainer ul{ margin:0; padding:0; list-style:none; overflow:hidden; height:1%; } .formContainer fieldset{ margin-bottom:10px; display:block; } /*optional elememt */ .formContainer ul li ul{ list-style:none; /*background-color:#F8F3B8*/} .formContainer em{color:#FF0000;} .formContainer ul {margin-bottom:5px;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* BASE FORM CLASS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .form { margin:0 0 0 0; padding:7px 10px 10px 10px; list-style:none;} .form ul{ padding:2px 5px 5px 5px; overflow:hidden; height:1%; } .form label{ width:120px; padding:3px 5px 3px 0px; float:left; display:inline; } .form li{margin:3px 0 0 0; padding-bottom:3px; } .form li ul li{ border-bottom:0px solid #ff0000;} .form input{ float:left; display:inline; line-height:100%;} .form select{ float:left; display:inline;} .form textarea{ float:left; display:inline;} .form input[type='radio'] { border:0px; } .form input[type='checkbox'] { border:0px; } /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* FORM MODIFIERS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* All of the modifier classes should be applied to fomr uls and are used to present the structure:
    • . Each letter represented in the class name represents the orientation of the li - label - input elements respectively. h = horizontal block element (floated left) v = vertical block element i = inline element for example, the class:.hvv = [LI:Horizontal Block Element] [LABEL:Verticle block element] [INPOUT:Vertical block element] */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .vvv li { display:block; clear:both; width:100%; /*/*/ margin-bottom:2px;} .vvv label{ display:block; width:100%; clear:both; float:none;} .vvv input{ display:block; float:left;} .vvv select{ display:block; float:left;} .vvv textarea{ display:block; float:left;} .hvv{ overflow:hidden; height:1%; } .hvv li{ float:left; margin-right:10px; display:inline; width:auto; } .hvv label{ display:block; width:auto; float:none; } .hvv input{ display:block;} .hvv select{ display:block;} .hvv textarea{ display:block;} .hii{ overflow:hidden; height:1% } .hii li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;} .hii label{ display:inline; margin-right:0px; vertical-align:middle; text-align:left; width:auto;} .hii input{ display:inline; vertical-align:middle; } .hii select{ display:inline; vertical-align:middle;} .hii textarea{ display:inline; vertical-align:middle;} .hii li li{ clear:both; } /* reset second level lis */ .hhh{ overflow:hidden; height:1% } .hhh li{ float:left; margin-right:10px; display:inline; width:auto; border-bottom:0;} .hhh label{ float:left; width:100px; } .hhh input{ float:left} .hhh select{ float:left} .hhh textarea{ float:left} .hhh li li{ clear:both; } /* reset second level lis */ .vii{ float:left; display:inline; width:auto} .vii li{ display:block; float:left; width:auto; clear:both;} .vii label{ display:inline; width:auto; vertical-align:middle; float:none;} .vii input{display:inline; vertical-align:middle; float:none; } .vii select{ display:inline; vertical-align:middle; float:none;} .vii textarea{display:inline; vertical-align:middle; float:none;} .vhh{ float:left; display:inline;} .vhh li{ display:block; clear:both; float:left; width:auto;/* border-bottom:3px solid #efefef*/ padding-bottom:5px;} .vhh label{ float:left; width:120px; display:inline; } .vhh input{ float:left; display:inline;} .vhh select{ float:left; display:inline;} .vhh textarea{ float:left; display:inline;} .vii #submit-button {margin-top:5px;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* LABEL MODIFIERS */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ label.v { display:block; float:none; width:auto; padding:3px; text-align:left} label.h { display:block; float:left; width:auto; display:inline;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* MULTI-SELECT BOX */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .multiSelect {height:400px; width:90%; float:left; padding:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px inset #ccc; } .multiSelect .form {height:auto; margin:0; padding:0; border:0;} .multiSelect .vhh {margin:0; padding:0;} .multiSelect .vhh input{ float:left; } .multiSelect .vhh label{ float:none; margin-left:20px; display:block; width:auto; clear:none; } .multiSelect .vhh li{ overflow:hidden; width:100%} .multiSelect .vii li{ width:100%;} /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* OTHER STYLES */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* COLOR CODE - FOR CLARIFICATION & DEBUGGING ul { background-color:#666} ul li{ background-color:#999} ul li ul{ background-color:#ccc} ul li ul li{ background-color:#eee} label{ background-color:#A0EFED; }*/ /* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/ .form input.noBorder{ border:0px;} /* REQUIRED FIELD STLES */ .requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; } .req{ color:#FF0000;} .req label:Before{ content:"* "} .requiredDesignation:before{ content:"* " } /* FORM NOTES */ .leftNote{ padding:3px 5px 0 5px; color:#FF9933; float:left} .bottomNote{ padding:0; color:#FF9933; clear:both; display:block;} .tar label{ text-align:right;} /* GENERAL TWEAKING STYLES */ .fl{ float:left;} .cb{ clear:both;} .w100p{ width:100%;} .mr20{ margin-right:20px;} .ml20{ margin-left:20px;} .offset1{ margin-left:130px;} .offset2{ margin-left:105px;} .vii.col2 li {width:50%;} .vii.col2 li {clear:none;} .vii.col2 label {width: auto;} li.widelabel label {width:auto;} fieldset.col2 {width:50%; float:left;} .formContainer legend {margin-bottom:10px;} .formContainer fieldset fieldset legend {margin-bottom:5px;} label.error { font: normal 10px arial, sans-serif; padding: 3px; margin: 3px; background-color: #ffc; border: 1px solid #c00; } /*-- PROFILE EDIT ----------------------*/ .formContainer label {font-weight: bold !important;} .formContainer fieldset legend {font-size: 14px; font-weight: bold; color: #bb202e;} .formContainer fieldset {border-bottom: 2px solid #999;} .formContainer input.title {font-size: 18px; width: 100%;} /* table ----------------------------------------------- */ table { width:100%; border:1px solid #bbb; margin-bottom:10px; border-collapse:collapse; } col.colC { width:8em; } th, td { padding:.2em 1em; text-align:left; } thead th { border-bottom:0px solid #888; background:#756548; color:white; padding:.4em 1em .2em; } thead th.table-head { font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555; } tbody th, tbody td { border-top:1px solid #bbb; border-bottom:1px solid #bbb; } tbody tr.odd th, tbody tr.odd td { background:#fff; } tfoot th, tfoot td { border-top:2px solid #666; background:#eee; } tfoot tr.total th, tfoot tr.total td { border-top:6px double #666; } tfoot tr.total th { text-transform:uppercase; } th.currency, td.currency { text-align:right; } td p {font-size:11px; margin-bottom:0; padding:3px;} /* PAPERS ------------------*/ #author {width:20%;} #title {width:60%;} #conference {width:20%;} .promo {border:2px solid #756548; padding:5px; margin-top:5px; margin-bottom:5px; background: #BFB89B;} .promo p {margin-left:0 !important; font-size:14px; text-align:center;} #fpmain-right {width:257px;} /** ---------------------------------------- /** Gati /** ----------------------------------------*/ #pagination {padding-top: 10px;} #pagination div {display: inline-block; float: left; padding: 0 10px 0 0 ; margin: 0;} .pagination span, .pagination a {display: inline-block; padding: 0 10px 0 0 ; margin: 0;}