/* ================== */ /* = Layout = */ /* ================== */ a#feedback_tab {background-color:#67819E; background-image:url(/images/feedback.png); color:#FFFFFF; cursor:pointer; cursor:pointer; height:97px; left:0; margin-left:-7px; overflow:hidden; position:fixed; text-indent:-100000px; top:25%; width:42px; z-index:100000;} a#feedback_tab:hover {background-color:#183565; margin-left: -4px;} body {background: #ddd url(/images/background/gradient_f_to_d.jpg) repeat-x;} #header {background: url(/images/background/gradient_e_to_f.jpg) repeat-x; background-color: #fff; border-top: 1px solid white; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 0.7em;} #main {background: url(/images/background/gradient_e_to_f.jpg) repeat-x; background-color: #fff; border-top: 1px solid white; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 0.7em;} .footer {background: url(/images/background/gradient_e_to_f.jpg) repeat-x; background-color: #fff; border-top: 1px solid white; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 0.7em;} /* ============= */ /* = StartPage = */ /* ============= */ #header_left h1 {margin-left: -3px;} #header_right {margin-left: 15px; padding-top: 0.3em; text-align: right;} div.start-box {padding-top: 1em;} h2#selected_promises {color: #57677C; font-size: 16px; border: 1px solid #67819E; width: 562px; padding: 6px 8px 5px 8px; margin-top: 0px;} h3#latest_promises {color: #57677C; margin-top: 3em;} /* ========== */ /* = BASICS = */ /* ========== */ a {cursor: pointer;} a:hover {text-decoration: underline;} p img.action_icon {vertical-align: top;} /* ========= */ /* = Forms = */ /* ========= */ input, textarea, select {-moz-border-radius: 2px; -webkit-border-radius: 2px;} button.ui-datepicker-trigger {background: url(/images/cal.gif) no-repeat; border: none; display: inline; float: none; margin-left: 0.8em; padding: 2px 4px;} optgroup {background: #eee; font-style: normal;} option {background: #fff;} div.source {border-bottom: 1px solid #A0ACBA; border-right: 1px solid #A0ACBA;} a.button {border: 1px solid #aaa; border-right: 1px solid #777; border-bottom: 1px solid #777; -moz-border-radius: 2px; -webkit-border-radius: 2px;} a.button:hover {border: 1px solid #67819E;} /* ======================= */ /* = Promise New = */ /* ======================= */ div#warning {border: 2px solid #183565; padding: 1em; margin-bottom: 2em; background-color: #FEFDED;} div#warning p {margin: 0;} div#warning ol {margin-bottom: 0;} /* ================= */ /* = Promise-Boxes = */ /* ================= */ div.promise_box {background: #fff; border: 1px solid #67819E; height: 133px; margin-bottom: 1em; max-width: 570px; padding: 4px 4px 0px;} div.promise_box div.picture {float: left; height: 100px; padding: 4px; width: 74px;} div.promise_box div.statuses {color: #333; float: left; font-weight: bold; height: 100px; margin-left: 1px; margin-right: 6px; padding: 4px; text-align: right; width: 74px;} div.promise_box div.statuses a.label_default {background: #67819E; padding: 2px 4px; color: white; -moz-border-radius: 1px; -webkit-border-radius: 1px;} div.promise_box div.statuses a.label_default:hover {background: #183565;} div.promise_box div.statuses a.offen {background: #777;} div.promise_box div.statuses a.offen:hover {background: #666;} div.promise_box div.statuses a.erfllt {background: #5E6F41;} div.promise_box div.statuses a.erfllt:hover {background: #4B5434;} div.promise_box div.statuses a.gebrochen {background: #CF3E3B;} div.promise_box div.statuses a.gebrochen:hover {background: #CF3E3B;} div.promise_box div.statuses a.nichterfllbar {background: #DBAD49;} div.promise_box div.statuses a.nichterfllbar:hover {background: #B5923C;} div.promise_box div.statuses a.hinfllig {background: #DBAD49;} div.promise_box div.statuses a.hinfllig:hover {background: #B5923C;} div.promise_box div.text {border-left: 1px solid #ccc; float: right; height: 100px; padding: 4px 6px 4px 12px; width: 375px;} div.promise_box div.text h4 {margin: 0.2em 0 0.1em;} div.promise_box div.text a.accountable_link {color: #444; font-size: 90%; line-height: 110%;} div.promise_box div.text a.accountable_link:hover {color: #183565;} div.promise_box div.menu {background: #C7D7E1; border-top: 1px solid #7FA1BB; clear: left; float: left; font-size: 90%; padding: 1px 12px 0px; text-align: right; width: 546px;} div.promise_box img.action_icon {vertical-align: middle;} /* =========================== */ /* = small promise_box = */ /* =========================== */ /* ===================== */ /* = Promise toolS Box = */ /* ===================== */ div.promise_small a.accountable_link {color: #333; font-size: 90%;} div#promise_admin_box, div#promise_tools_box {background: #FFF; border: 1px solid #67819E; margin-bottom: 1em; max-width: 560px; padding: 2px 10px;} div#promise_tools_box img.action_icon {vertical-align: middle;} div#promise_tools_box span#rate {color: #444; margin-left: 50px;} div#promise_tools_box div.text {color: #183565; clear: left; float: right; font-size: 90%; padding: 1px 12px 0px; text-align: right;} div#promise_details_box {background: #FFF; border: 1px solid #67819E; margin-bottom: 1em; max-width: 560px; padding: 2px 10px;} div#promise_details_box h4 {background: #C7D7E1; border-top: 1px solid #7FA1BB; color: #183565; padding: 4px 4px 2px 4px;} div#promise_comments_box {background: #FFF; border: 1px solid #67819E; margin-bottom: 1em; max-width: 560px; padding: 2px 10px;} div#promise_comments_box h4 {background: #C7D7E1; border-top: 1px solid #7FA1BB; color: #183565; padding: 4px 4px 2px 4px;} div#details_box {background: #FFF; border: 1px solid #67819E; margin-bottom: 1em; max-width: 560px; padding: 2px 10px;} div#details_box h1 {background: #CAD6E0; border-top: 1px solid #7FA1BB; color: #183565; padding: 4px 4px 2px 4px;} div#details_box h4 {background: #CAD6E0; border-top: 1px solid #7FA1BB; color: #183565; padding: 4px 4px 2px 4px;} div#details_box b {display: block; float: left; width: 120px;} div#promise_box div#menu {background: #C7D7E1; border-top: 1px solid #7FA1BB; clear: left; float: left; font-size: 90%; padding: 1px 12px 0px; text-align: right; width: 546px;} /* pagination */ .page_entries_info_promise_box {border: 1px solid #67819E; color: #666; margin-bottom: 0.6em; padding: 0.2em 6px 0.1em; width: 566px;} div#promise_admin_box /* =============== */ /* = Pages = */ /* =============== */ div#page {margin-bottom: 2em;} div#page h1 {border-bottom: 2px solid #7FA1BB; line-height: 70%; margin-top: 1.4em;} /* ================ */ /* = Quickbuttons = */ /* ================ */ div#quickbuttons {margin-bottom: 2em;} div#quickbuttons a.bar {background: #67819E; border: 2px solid #515F91; color: #fff; display: block; font-size: 130%; font-weight: bold; margin-bottom: 0.5em; padding: 0.3em 0 0.2em 0; text-align: center; text-shadow: #384250 1px 1px 2px;} div#quickbuttons a.bar:hover {background: #61738B;} div#quickbuttons a.newpromise {background-color: #FF8000; font-weight: normal;} div#quickbuttons a.getstarted {background: #7FA1BB;} div#quickbuttons a.getstarted:hover {background: #73889C;} /* ================= */ /* = Quickfacebook = */ /* ================= */ div#quickfacebook {border: 2px solid #999; padding: 0.3em 0 0.2em 0.4em;} div#quickfacebook a {color: #555;} div#quickfacebook a:hover {background-color:#ccc; color: #333;} div#quickfacebook img {margin-right: 0.4em; vertical-align: middle;} /* =============== */ /* = Quicksearch = */ /* =============== */ div#quicksearch {padding: 0.2em 0.2em;} div#quicksearch form {margin-bottom: 0;} div#quicksearch input.text {background: url(/images/search.png) 240px 4px no-repeat; border: 1px solid #67819E; color: #183565; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 100%; padding: 4px 4px;} div#quicksearch input.text:focus {background: #eee;} div#quicksearch input.wide {margin-bottom: 0.6em; width: 255px;} div#quicksearch select.wide {margin-bottom: 0.6em; width: 265px;} div#quicksearch input.button {margin: 0.2em 0 0 0; padding:0;} /* ======================== */ /* = Other Quick Elements = */ /* ======================== */ div#quicktagcloud {margin-bottom: 1em; padding: 0.2em 0.2em;} div#quickcategories {padding: 0.2em 0.2em;} div#quickactivity {padding: 0.2em 0.2em;} div#quickpages {padding: 0.2em 0.2em;} div#quickwip {background: url(/images/icons_action_16x16/table.png) no-repeat 0px 3px; padding-left: 24px;} /* =================== */ /* = Tagcloud = */ /* =================== */ div#quicktagcloud h4 {margin-bottom: 0;} div#quicktagcloud p {margin: 0 0 0.4em 0;} div#quicktagcloud p a {color: #666;} div#quicktagcloud a {padding: 1px 2px;} .css1 { font-size: 0.8em; display: none; } /*.css1:hover { background: #183565; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; }*/ .css2 { font-size: 0.9em; } .css2:hover { background: #183565; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .css3 { font-size: 1.3em; } .css3:hover { background: #183565; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .css4 { font-size: 1.6em; } .css4:hover { background: #183565; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; } h1#show_tag {line-height: 1.3em;} /* ================ */ /* = Promise Show = */ /* ================ */ div#wip_note {border: 1px solid #B1812A; background-color: #F5ECC8; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom: 1em; padding: 1em 1em 0 1em; width: 552px; background-image: url(/images/under_construction.gif); background-position: 10px 10px; background-repeat: no-repeat;} div#wip_note p {margin-left: 50px;} div#wip_note p a {font-weight: bold; color:#345F9E;} div.promise table {} div.promise td {width: 230px; text-align: center;} ul#comments {list-style: none; margin:0 0 0 0.25em;} ul#comments li {margin:0;} ul#comments li h5 {margin:0 0 0 26px; text-indent: -26px; line-height: 80%;} ul#comments li h5 img {vertical-align: middle; margin-right:8px;} ul#comments li p {margin: 0 1em 0 26px;} ul#comments li p.text {} ul#comments li p.meta {color: #666; margin: 0 0 0.4em 26px;} /* ====================== */ /* = Tooltips = */ /* ====================== */ #tooltip {-moz-border-radius:3px; -webkit-border-radius:3px; background:#eee url(/images/background/gradient_e_to_f.jpg) repeat-x; border:1px solid #ccc; color:#000; display:none; font-size:130%; line-height:130%; padding:8px 10px 10px 10px; position:absolute; width:300px;} #tooltip h3 { color: #444; font-size: 110%; margin: 0;} /* ================================= */ /* = Quicklist for key/value-Lists = */ /* ================================= */ div.quicklist {margin-bottom: 1em;} div.quicklist p {clear: left; margin-bottom: 0.2em;} div.quicklist p b {display: block; float: left; min-width: 130px;} /* ================================= */ /* = Quickform for simple forms = */ /* ================================= */ div.quickform {margin-bottom: 1em;} div.quickform p {clear: left; margin-bottom: 0.6em;} div.quickform label {display: block; float: left; min-width: 130px;} div.quickform .extra_info {color: #777; font-size: 90%; margin-left: 100px;} /* ========================== */ /* = for AJAX-Autocompleter = */ /* ========================== */ div.autocomplete{position:absolute;width:350px;background-color:white;border:1px solid #888;margin:0;padding:0;} div.autocomplete ul{list-style-type:none;margin:0;padding:0;} div.autocomplete ul li.selected{background-color:#ffb;} div.autocomplete ul li{list-style-type:none;display:block;margin:0;padding:1px;height:1.6em;cursor:pointer;} /* =================== */ /* = Footer-Feedback = */ /* =================== */ div#footerfeedback {text-align: left; width: 620px;} div#footerfeedback p {margin-bottom: 0.2em;} div#footerfeedback h2 {font-size: 110%; margin-bottom: 0.2em;} div#footerfeedback h2:hover {color: #333;} div#footerfeedback form textarea {color: #333; height: 6em; width: 600px;} div#footerfeedback form textarea.placeholder {color: #aaa; height: 1.4em;} div#footerfeedback form p.submitrow label #feedbackemail {width: 200px; margin-left: 1em;} div#footerfeedback form input.button {float: right; margin: 0.3em 0.5em;} div#footerfeedback form p#feedbackstatus {color: #777; margin-top: 1em;} /* ================ */ /* = Footer-Links = */ /* ================ */ div#footerlinks {text-align: right; padding: 0.6em 1.6em 0.6em 0; float: left;} div#footerlinks ul {list-style: none; margin-left: 0;} div#footerlinks ul li {display: inline; width: 130px; float: left; margin-left: 0;} div#footerlinks ul li ul li {display: block; text-align: left;} div#footerlinks a {padding: 0px 12px 0 0; color: #555; font-weight: bold;} div#footerlinks a:hover {color: #183565;} div#footerlinks p {margin-bottom: 0.2em;} div#footerlinks h2 {font-size: 110%; margin-bottom: 0.2em;} div#footerlinks h2:hover {color: #333;} /* ========================== */ /* = from rails scaffolding = */ /* ========================== */ .fieldWithErrors {padding:0px 4px; background-color: #FF5140; display:table; -moz-border-radius: 2px; -webkit-border-radius: 2px;} #errorExplanation {width:400px; border:2px solid #FF5140; padding:7px; padding-bottom:12px; margin-bottom:20px; background-color:#C7D7E1; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #errorExplanation h2 {text-align:left; font-weight:bold; padding:5px 5px 5px 15px; font-size:12px; margin:-7px; background-color:#FF5140; color:#fff;} #errorExplanation p {color:#333; margin-bottom:0;padding:5px;} #errorExplanation ul li {font-size:12px; list-style:square;} /* ============== */ /* = Pagination = */ /* ============== */ div.pagination a , div.pagination span.current, div.pagination span.disabled {border: 1px solid #ccc; padding: 0.15em 0.3em 0.1em 0.3em;} div.pagination span.current, div.pagination span.disabled {color: #aaa;} div.pagination a:hover {background: #333; color: #fff;} div.pagination span.gap {margin: 0 0.7em;} .page_entries_info {color: #999;} /* ============================= */ /* = Promises in Profile = */ /* ============================= */ div.promise_in_profile {background: #fff; border: 1px solid #A0ACBA; height: 60px; margin-bottom: 1em; max-width: 640px; padding: 2px 4px 0px;} div.promise_in_profile div.picture {float: left; height: 51px; padding: 4px; width: 51px;} div.promise_in_profile div.statuses {color: #333; float: left; font-weight: bold; height: 51px; margin-left: 1px; margin-right: 6px; padding: 4px; text-align: right; width: 60px;} div.promise_in_profile div.statuses .label_default {font-size: 90%; line-height: 110%;} div.promise_in_profile div.text h4 {font-size: 110%; margin: 0;} /* ============================= */ /* = Promises small = */ /* ============================= */ div.promise_small {background: #fff; border: 1px solid #A0ACBA; height: 68px; margin-bottom: 1em; width: 572px; padding: 2px 4px 0px;} div.promise_small div.picture {float: left; height: 51px; padding: 4px; width: 51px;} div.promise_small div.statuses {color: #333; float: left; font-weight: bold; height: 51px; margin-left: 1px; margin-right: 6px; padding: 4px; text-align: right; width: 80px;} div.promise_small div.statuses .label_default {font-size: 90%; line-height: 110%;} div.promise_small div.text h4 {font-size: 110%; margin: 0;} div.promise_small div.text p {font-size: 90%; margin: 0; color: #333;} /* ========================= */ /* = Flash - Messages = */ /* ========================= */ #flash { background: #FDFBED url(/images/icons_action_16x16/error.png) 12px 11px no-repeat; border: 2px solid #5E6F41; color:#363E54; font-weight: bold; margin: 1em 0 0 0; padding-left: 42px; text-align: left; width: 420px;} div#flash a {color: #5E6F41;} /* ============================ */ /* = user profile page = */ /* ============================ */ div#user_show h3 {color: #183565;} ul.activity_list {list-style: none; margin: 0 0 4em 0; clear: right; width: 770px;} ul.activity_list li { margin: 0.5em 0 0 0; border-top: 1px solid #aaa;} ul.activity_list li p {margin:0;} ul.activity_list li p.date {width: 130px; float: left; overflow: hidden; color: #777;} ul.activity_list li p.text {margin-left: 130px; color: #222;} /* ========================= */ /* = utility classes = */ /* ========================= */ .light {color: #777;} .round2 {-moz-border-radius: 2px; -webkit-border-radius: 2px;} .round3 {-moz-border-radius: 3px; -webkit-border-radius: 3px;} .round5 {-moz-border-radius: 5px; -webkit-border-radius: 5px;}