09.12.2014, 16:46
09.12.2014, 17:15
(09.12.2014, 16:46)MrBrechreiz schrieb: [ -> ]Ist es Dir möglich dies anhand eines screens darzulegen, was du meinst ?
Wenn ich ihn richtig verstanden habe, dann meint er dieses Fenster mit dem weißen Hintergrund.
[attachment=9981]
15.06.2017, 15:32
Hallo ich habe das STB Theme installiert, allerdings gefallen mir die Top Buttons Suche-Mitglieder-Kalender-Hilfe nicht wirklich, die würde ich jetzt gerne gegen meine eigenen Images austauschen. Habe die verschiedenen Templates schon durchsucht aber wieder mal nichts gefunden.
Wo genau kann ich das ändern und gegen meine Images austauschen ?
Link zum Forum: http://koederbau-forum.de/index.php
viele Dank und schönen Feiertag.
gruß Marco
Wo genau kann ich das ändern und gegen meine Images austauschen ?
Link zum Forum: http://koederbau-forum.de/index.php
viele Dank und schönen Feiertag.
gruß Marco
15.06.2017, 15:59
die Grafiken werden über CSS eingebunden, also beim CSS vom Style schauen
z.B. für den Help-Button
global.css --> #logo ul.top_links a.help {
dort den Pfad zur Grafik auf deine eigene ändern; entsprechend bei den anderen betroffenen Grafiken
z.B. für den Help-Button
global.css --> #logo ul.top_links a.help {
dort den Pfad zur Grafik auf deine eigene ändern; entsprechend bei den anderen betroffenen Grafiken
15.06.2017, 16:36
Hallo bv64 danke für deine Antwort, könntest du mir noch sagen wie der Code aussehen müsste ?
15.06.2017, 16:58
ich kenne den Pfad zu deiner Grafik nicht und verwende diesen Style nicht, von daher kann ich dir da nicht weiter helfen; aber du siehst doch, wie die Vorgabe ist, ggf. deine Grafik in das entsprechende Verzeichnis laden (per FTP) und den Namen anpassen
15.06.2017, 18:00
Sicher das es in der global.css ist habe was ind er header.css gefunden.
[attachment=11597]
Aber klappen tut es nicht mit dem einbinden der Grafiken.
Das der Code für den Suchen Textfeld.
Der Pfad zu meiner Grafik
/topbuttons/suchen.png
Wie muss ich das einbinden damit es angezeigt wird ?
gruß Marco
[attachment=11597]
Aber klappen tut es nicht mit dem einbinden der Grafiken.
Das der Code für den Suchen Textfeld.
PHP-Code:
<li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
Der Pfad zu meiner Grafik
/topbuttons/suchen.png
Wie muss ich das einbinden damit es angezeigt wird ?
gruß Marco
15.06.2017, 18:04
du schaust in den Templates, nicht im Style und den CSS !
15.06.2017, 18:21
Mhh da steht nichts davon drinnen ?
PHP-Code:
body {
background: #FCFCFC;
color: #3D3D3D;
margin: 0;
text-align: center;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
a:link {
color: #3D3D3D;
text-decoration: none;
}
a:visited {
color: #3D3D3D;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
.button {
background: #3d3d3d;
color: #E9E4E4;
padding: 5px;
cursor: pointer;
border: none;
font-size: 12px;
font-weight: bold;
}
button {
background: #3d3d3d;
color: #E9E4E4;
padding: 5px;
cursor: pointer;
border: none;
font-size: 12px;
font-weight: bold;
}
a.new_reply_button, a.new_thread_button, a.closed_button, a.rate_user_button {
background: #3d3d3d;
color: #E9E4E4;
padding: 7px 10px;
cursor: pointer;
border: none;
display: block;
font-size: 12px;
font-weight: bold;
margin: 2px;
}
a.new_reply_button:hover, a.new_thread_button:hover, a.closed_button:hover, a.rate_user_button:hover {
text-decoration: none;
}
a.postbit_multiquote_on {
background: #EFEEEE;
color: red;
border: 1px solid #E1E0E0;
padding: 2px 6px;
font-size: 11px;
font-weight: bold;
}
.postbit_edit,.postbit_pm,.postbit_website,.postbit_find,.postbit_reputation_add,.postbit_quote,.postbit_multiquote,.postbit_report,.postbit_warn,.postbit_qdelete,.postbit_delete_pm,.postbit_forward_pm,.postbit_reply_pm,.postbit_reply_pm {
background: #EFEEEE;
color: #3d3d3d;
border: 1px solid #E1E0E0;
padding: 2px 6px;
font-size: 11px;
font-weight: bold;
}
#container {
width: 90%;
color: #3D3D3D;
margin: auto auto;
padding: 0 20px;
text-align: left;
min-height: 600px;
}
#content {
/* FIX: Make internet explorer wrap correctly */
width: auto !important;
}
#header {
background:#3D3D3D;
height: 70px;
padding: 5px 0;
}
.hd {
margin: auto auto;
width: 90%;
}
.menu ul {
color: #000000;
text-align: right;
padding: 20px;
font-size: 16px;
font-weight: bold;
}
.menu ul a:link {
color: #fff;
text-transform: uppercase;
font-family: Sans-serif;
font-weight: bold;
}
.menu ul a:visited {
color: #fff;
text-decoration: none;
}
.menu ul a:hover, .menu ul a:active {
color: #F7F7F7;
text-decoration: none;
font-weight: bold;
}
#panel {
color: #000000;
height: 30px;
font-size: 11px;
}
#panel .remember_me input {
vertical-align: middle;
margin-top: -1px;
}
#panel a.reg {
background: #3D3D3D;
color: #E9E4E4;
padding: 7px 4px;
display: block;
float: right;
border: 1px solid #3d3d3d;
font-size: 14px;
font-weight: bold;
}
#panel a.reg:hover {
text-decoration: none;
}
#footer {
background: #3D3D3D;
color: #fff;
height: 110px;
border: 1px solid #E9E4E4;
padding: 0 5px;
}
table {
color: #3D3D3D;
font-family: Verdana, Arial, Sans-Serif, ;
font-size: 13px;
}
.tborder {
border: 1px solid #E9E4E4;
width: 100%;
margin: auto auto;
}
.tbordsi {
width: 100%;
margin: auto auto;
}
.thead {
background: #3D3D3D;
color: #ffffff;
line-height: 35px;
height: 35px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #3D3D3D;
margin: -1px;
}
.thead a:link {
color: #ffffff;
text-decoration: none;
}
.thead a:visited {
color: #ffffff;
text-decoration: none;
}
.thead a:hover, .thead a:active {
color: #ffffff;
text-decoration: underline;
}
.tcat {
background: #DDD9C1;
color: #3D3D3D;
font-size: 12px;
}
.tcat a:link {
color: #3D3D3D;
}
.tcat a:visited {
color: #3D3D3D;
}
.tcat a:hover, .tcat a:active {
color: #000000;
}
.trow1 {
background: #F2F0F0;
border-top: 1px solid #EAEAEA;
}
.trow2 {
background: #F7F7F7;
border-top: 1px solid #EAEAEA;
}
.trow_shaded {
background: #ffdde0;
}
.trow_selected td {
background: #FFFBD9;
}
.trow_sep {
background: #e5e5e5;
color: #000;
font-size: 12px;
font-weight: bold;
}
.tfoot {
background: #F7F7F7;
color: #3d3d3d;
}
.tfoot a:link {
color: #3d3d3d;
text-decoration: none;
}
.tfoot a:visited {
color: #3D3D3D;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active {
color: #000;
text-decoration: underline;
}
.bottommenu {
background: #DDD9C1;
color: #3d3d3d;
padding: 10px;
text-align: center;
margin: 0 -5px;
}
.bottommenu a:link {
color: #3d3d3d;
}
.navigation {
background: #DDD9C1;
color: #3D3D3D;
padding: 7px 15px;
text-align: left;
font-size: 12px;
font-weight: bold;
}
.navigation a:link {
color: #3D3D3D;
text-decoration: none;
}
.navigation a:visited {
color: #3D3D3D;
text-decoration: none;
}
.navigation a:hover, .navigation a:active {
text-decoration: none;
}
.navigation .active {
color: #3D3D3D;
font-size: 12px;
font-weight: bold;
}
.smalltext {
font-size: 11px;
}
.largetext {
font-size: 16px;
font-weight: bold;
}
input.textbox {
background: #ffffff;
color: #000000;
border: 1px solid #EFEAEA;
padding: 3px;
line-height: 24px;
height: 24px;
}
input.login {
background: #ffffff;
color: #000000;
border: 1px solid #EFEAEA;
padding: 3px;
line-height: 26px;
height: 26px;
}
input.ok {
background: #3d3d3d;
color: #E9E4E4;
padding: 7px 6px;
border: 1px solid #3d3d3d;
cursor: pointer;
font-size: 14px;
font-weight: bold;
}
textarea {
background: #ffffff;
color: #000000;
border: 1px solid #E9E4E4;
padding: 2px;
line-height: 1.4;
font-family: Verdana, Arial, Sans-Serif;
font-size: 13px;
}
select {
background: #F6F6F6;
color: #786D6D;
border: 1px solid #E5E4E4;
}
.editor {
background: #f1f1f1;
border: 1px solid #ccc;
}
.editor_control_bar {
background: #fff;
border: 1px solid #E9E4E4;
}
.autocomplete {
background: #fff;
border: 1px solid #000;
color: black;
}
.autocomplete_selected {
background: #adcee7;
color: #000;
}
.popup_menu {
background: #ccc;
border: 1px solid #000;
}
.popup_menu .popup_item {
background: #fff;
color: #000;
}
.popup_menu .popup_item:hover {
background: #C7DBEE;
color: #000;
}
.trow_reputation_positive {
background: #ccffcc;
}
.trow_reputation_negative {
background: #ffcccc;
}
.reputation_positive {
color: green;
}
.reputation_neutral {
color: #444;
}
.reputation_negative {
color: red;
}
.invalid_field {
border: 1px solid #f30;
color: #f30;
}
.valid_field {
border: 1px solid #0c0;
}
.validation_error {
background: url(images/invalid.gif) no-repeat center left;
color: #f30;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_success {
background: url(images/valid.gif) no-repeat center left;
color: #00b200;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
.validation_loading {
background: url(images/spinner.gif) no-repeat center left;
color: #555;
margin: 5px 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
padding-left: 22px;
}
/* Additional CSS (Master) */
img {
border: none;
}
.clear {
clear: both;
}
.hidden {
display: none;
float: none;
width: 1%;
}
.hiddenrow {
display: none;
}
.selectall {
background-color: #FFFBD9;
font-weight: bold;
text-align: center;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.menu ul {
list-style: none;
margin: 0;
}
.menu li {
display: inline;
padding-left: 5px;
}
.menu img {
padding-right: 5px;
vertical-align: top;
}
#panel .links {
margin: 0;
float: right;
}
.expcolimage {
float: right;
width: auto;
vertical-align: middle;
margin-top: 3px;
}
img.attachment {
border: 1px solid #E9E5D7;
padding: 2px;
}
hr {
background-color: #000000;
color: #000000;
height: 1px;
border: 0px;
}
#copyright {
font: 11px Verdana, Arial, Sans-Serif;
margin: 0;
color: #fff;
padding: 10px 0 0 0;
}
#copyright a{
color: #fff;
}
#debug {
font-size: 11px;
float: right;
text-align: right;
margin-top: 0;
}
blockquote {
border: 1px solid #E9E6E6;
margin: 0;
background: #fff;
padding: 4px;
}
blockquote cite {
font-weight: bold;
border-bottom: 1px solid #ccc;
font-style: normal;
display: block;
margin: 4px 0;
}
blockquote cite span {
float: right;
font-weight: normal;
}
blockquote cite span.highlight {
float: none;
font-weight: bold;
padding-bottom: 0;
}
.codeblock {
background: #fff;
border: 1px solid #ccc;
padding: 4px;
}
.codeblock .title {
border-bottom: 1px solid #ccc;
font-weight: bold;
margin: 4px 0;
}
.codeblock code {
overflow: auto;
height: auto;
max-height: 200px;
display: block;
font-family: Monaco, Consolas, Courier, monospace;
font-size: 13px;
}
.subforumicon {
border: 0;
vertical-align: middle;
}
.separator {
margin: 5px;
padding: 0;
height: 0px;
font-size: 1px;
list-style-type: none;
}
form {
margin: 0;
padding: 0;
}
.popup_menu .popup_item_container {
margin: 1px;
text-align: left;
}
.popup_menu .popup_item {
display: block;
padding: 3px;
text-decoration: none;
white-space: nowrap;
}
.popup_menu a.popup_item:hover {
text-decoration: none;
}
.autocomplete {
text-align: left;
}
.subject_new {
font-weight: bold;
}
.highlight {
background: #FFFFCC;
padding-top: 3px;
padding-bottom: 3px;
}
.pm_alert {
background: #DDD9C1;
border: 1px solid #C4BE97;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.red_alert {
background: #FBE3E4;
border: 1px solid #A5161A;
color: #A5161A;
text-align: center;
padding: 5px 20px;
margin-bottom: 15px;
font-size: 11px;
}
.high_warning {
color: #CC0000;
}
.moderate_warning {
color: #F3611B;
}
.low_warning {
color: #AE5700;
}
div.error {
padding: 5px 10px;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
background: #FFF6BF;
font-size: 12px;
}
div.error p {
margin: 0;
color: #000;
font-weight: normal;
}
div.error p em {
font-style: normal;
font-weight: bold;
padding-left: 24px;
display: block;
color: #C00;
background: url(images/error.gif) no-repeat 0;
}
div.error ul {
margin-left: 24px;
}
.online {
color: #15A018;
}
.offline {
color: #C7C7C7;
}
.pagination {
padding-top: 10px;
margin-bottom: 5px;
font-size: 11px;
}
.tfoot .pagination, .tcat .pagination {
padding-top: 0;
}
.pagination .pages {
margin-right: 5px;
font-weight: bold;
}
.pagination .pagination_current, .pagination a {
background: #F7F7F7;
padding: 4px 6px;
margin-bottom: 3px;
margin-left: -5px;
}
.pagination a {
border: 1px solid #E9E4E4;
}
.pagination .pagination_current {
background: #3D3D3D;
color: #fff;
border: 1px solid #E9E4E4;
font-weight: bold;
}
.pagination a:hover {
background: #F5F5F5;
text-decoration: none;
}
.thread_legend, .thread_legend dd {
margin: 0;
padding: 0;
}
.thread_legend dd {
padding-bottom: 4px;
margin-right: 15px;
}
.thread_legend img {
margin-right: 4px;
vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
margin: 0;
padding: 0;
}
.forum_legend dd {
float: left;
margin-right: 10px;
}
.forum_legend dt {
margin-right: 10px;
float: left;
}
.success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.error_message {
color: #C00;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.post_body {
padding: 5px;
}
.post_content {
padding: 5px 10px;
}
.quick_jump {
background: url(images/jump.gif) no-repeat 0;
width: 13px;
height: 13px;
padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
border: none;
}
.repbox {
font-size:16px;
font-weight: bold;
padding:5px 7px 5px 7px;
}
._neutral {
background-color:#FAFAFA;
color: #999999;
border:1px solid #CCCCCC;
}
._minus {
background-color: #FDD2D1;
color: #CB0200;
border:1px solid #980201;
}
._plus {
background-color:#E8FCDC;
color: #008800;
border:1px solid #008800;
}
.pagination_breadcrumb {
background-color: #f5f5f5;
border: 1px solid #fff;
outline: 1px solid #ccc;
padding: 5px;
margin-top: 5px;
white-space: nowrap;
font-weight: normal;
}
.pagination_breadcrumb_link {
vertical-align: middle;
cursor: pointer;
}
.mulrep {
height: 30px;
padding: 5px;
}
.name_topic {
background: #fff;
color: #B9B9B9;
font-size: 16px;
border: 1px solid #EFEAEA;
font-weight: bold;
padding: 10px;
margin: 5px;
}
.post_ltop {
background: #DDD9C1;
white-space: nowrap;
text-align: center;
border-top: 1px solid #D3CDA9;
border-left: 1px solid #D3CDA9;
border-right: 1px solid #D3CDA9;
padding: 4px;
}
.post_rtop {
background: #F7F7F7;
border-left: 1px solid #E9E4E4;
border-right: 1px solid #E9E4E4;
}
.post_lbot {
background: #DDD9C1;
border-bottom: 1px solid #D3CDA9;
border-left: 1px solid #D3CDA9;
border-right: 1px solid #D3CDA9;
text-align: center;
}
.post_rbot {
background: #F7F7F7;
border-bottom: 1px solid #E9E4E4;
vertical-align: middle;
border-left: 1px solid #E9E4E4;
border-right: 1px solid #E9E4E4;
padding: 4px;
}
.tlr {
width: 93px;
}
.tl {
float: left;
width: 50px;
text-align: right;
}
.tr {
float: right;
width: 40px;
text-align: left;
padding-left: 3px;
}
/** jGrowl Start **/
/** Special IE6 Style Positioning **/
.ie6 {
position: absolute;
}
.ie6.top-right {
right: auto;
bottom: auto;
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6.top-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6.bottom-right {
left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6.bottom-left {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.ie6.center {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
width: 100%;
}
/** jGrowl Styling **/
.jGrowl {
z-index: 9999;
color: #fff;
font-size: 12px;
position: fixed;
}
.jGrowl.top-left {
left: 0px;
top: 0px;
}
.jGrowl.top-right {
right: 0px;
top: 0px;
}
.jGrowl.bottom-left {
left: 0px;
bottom: 0px;
}
.jGrowl.bottom-right {
right: 0px;
bottom: 0px;
}
.jGrowl.center {
top: 0px;
width: 50%;
left: 25%;
}
/** Cross Browser Styling **/
.center .jGrowl-notification,
.center .jGrowl-closer {
margin-left: auto;
margin-right: auto;
}
.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
background-color: #000;
opacity: .85;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
zoom: 1;
width: 235px;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: left;
display: none;
border-radius: 5px;
}
.jGrowl .jGrowl-notification {
min-height: 40px;
}
.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
margin: 10px;
}
.jGrowl .jGrowl-notification .jGrowl-header {
font-weight: bold;
font-size: .85em;
}
.jGrowl .jGrowl-notification .jGrowl-close {
z-index: 99;
float: right;
font-weight: bold;
font-size: 1em;
cursor: pointer;
}
.jGrowl .jGrowl-closer {
padding-top: 4px;
padding-bottom: 4px;
cursor: pointer;
font-size: .9em;
font-weight: bold;
text-align: center;
}
/** Hide jGrowl when printing **/
@media print {
.jGrowl {
display: none;
}
}
/** jGrowl End **/
/** Modal Start **/
.modal {
display: none;
width: 400px;
text-align: left;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(images/close.png) no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url(images/spinner_big.gif) no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
/** Modal End **/
/** Impromptu Start **/
/*! jQuery-Impromptu - v5.2.4 - 2014-05-26
* http://trentrichardson.com/Impromptu
* Copyright (c) 2014 Trent Richardson; Licensed MIT */
.jqifade {
position: absolute;
background-color: #777777;
}
div.jqi {
width: 400px;
max-width:90%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
position: absolute;
background-color: #ffffff;
font-size: 11px;
text-align: left;
border: solid 1px #eeeeee;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding: 7px;
}
div.jqi .jqiclose {
position: absolute;
top: 4px; right: -2px;
width: 18px;
cursor: default;
color: #bbbbbb;
font-weight: bold;
}
div.jqi .jqistate {
background-color: #fff;
}
div.jqi .jqititle {
padding: 5px 10px;
font-size: 16px;
line-height: 20px;
border-bottom: solid 1px #eeeeee;
}
div.jqi .jqimessage {
padding: 10px;
line-height: 20px;
color: #444444;
}
div.jqi .jqibuttons {
text-align: right;
margin: 0 -7px -7px -7px;
border-top: solid 1px #e4e4e4;
background-color: #f4f4f4;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqibuttons button {
margin: 0;
padding: 15px 20px;
background-color: transparent;
font-weight: normal;
border: none;
border-left: solid 1px #e4e4e4;
color: #777;
font-weight: bold;
font-size: 12px;
}
div.jqi .jqibuttons button.jqidefaultbutton {
color: #489afe;
}
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus {
color: #287ade;
outline: none;
}
.jqiwarning .jqi .jqibuttons {
background-color: #b95656;
}
/* sub states */
div.jqi .jqiparentstate::after {
background-color: #777;
opacity: 0.6;
filter: alpha(opacity=60);
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
div.jqi .jqisubstate {
position: absolute;
top: 0;
left: 20%;
width: 60%;
padding: 7px;
border: solid 1px #eeeeee;
border-top: none;
border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqisubstate .jqibuttons button {
padding: 10px 18px;
}
/* arrows for tooltips/tours */
.jqi .jqiarrow {
position: absolute;
height: 0; width: 0;
line-height: 0;
font-size: 0;
border: solid 10px transparent;
}
.jqi .jqiarrowtl {
left: 10px;
top: -20px;
border-bottom-color: #ffffff;
}
.jqi .jqiarrowtc {
left: 50%;
top: -20px;
border-bottom-color: #ffffff;
margin-left: -10px;
}
.jqi .jqiarrowtr {
right: 10px;
top: -20px;
border-bottom-color: #ffffff;
}
.jqi .jqiarrowbl {
left: 10px;
bottom: -20px;
border-top-color: #ffffff;
}
.jqi .jqiarrowbc {
left: 50%;
bottom: -20px;
border-top-color: #ffffff;
margin-left: -10px;
}
.jqi .jqiarrowbr {
right: 10px;
bottom: -20px;
border-top-color: #ffffff;
}
.jqi .jqiarrowlt {
left: -20px;
top: 10px;
border-right-color: #ffffff;
}
.jqi .jqiarrowlm {
left: -20px;
top: 50%;
border-right-color: #ffffff;
margin-top: -10px;
}
.jqi .jqiarrowlb {
left: -20px;
bottom: 10px;
border-right-color: #ffffff;
}
.jqi .jqiarrowrt {
right: -20px;
top: 10px;
border-left-color: #ffffff;
}
.jqi .jqiarrowrm {
right: -20px;
top: 50%;
border-left-color: #ffffff;
margin-top: -10px;
}
.jqi .jqiarrowrb {
right: -20px;
bottom: 10px;
border-left-color: #ffffff;
}
/** Impromptu End */
15.06.2017, 18:40
dann musst du mal in den weiteren CSS deines Styles schauen, irgendwo wird es sich verstecken