Initial import: Carteasy Shop (Dev-Stand)
This commit is contained in:
Thomas Bartelt
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,242 @@
|
||||
#geraetezuordnung-container {
|
||||
height: 50vh;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
#geraetezuordnung-container .attributes_table h2 {
|
||||
margin-left: 2%;
|
||||
background-color: lightgrey;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.tba_container {
|
||||
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.tba_section {
|
||||
margin-bottom: 20px;
|
||||
|
||||
border-radius: 8px;
|
||||
background: #f9f9f9;
|
||||
}
|
||||
|
||||
.tba_header {
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
margin-bottom: 2px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.tba_header h4 {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.tba_grid_header, .tba_grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.tba_grid_header {
|
||||
font-weight: bold;
|
||||
background: #e0e0e0;
|
||||
padding: 10px 0;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.tba_col {
|
||||
padding: 0.5px;
|
||||
}
|
||||
|
||||
.tba_row_odd {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.tba_row_even {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* .tba_attributes_container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||
gap: 10px;
|
||||
} */
|
||||
|
||||
|
||||
|
||||
.tba_attribute_name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tba_attribute_value {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.tba_attributes_container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.tba_attribute {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
|
||||
padding: 6px 12px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.tba_attribute_name {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tba_attribute_value {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.tba_match_container {
|
||||
margin-top: 10px;
|
||||
padding: 8px;
|
||||
background: #eaeaea;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.tba_match {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*artikel CArd beschreibung */
|
||||
.content_left {
|
||||
background: #f1f1f1;
|
||||
border-radius: 8px;
|
||||
padding-left: 16px;
|
||||
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
|
||||
.content_left p {
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.content_left a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content_left a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.content_left iframe {
|
||||
border-radius: 8px;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
|
||||
/*cartbutton */
|
||||
#cart_button_box {
|
||||
position: relative;
|
||||
background: #cccccc;
|
||||
border: 1px solid #555555;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
|
||||
/* #cartbox-detail {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
gap: 10px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
*/
|
||||
|
||||
#cartbox-detail {
|
||||
display: flex;
|
||||
justify-content: space-between; /* Abstand zwischen Menge und Button */
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
border-top: 2px solid #ddd; /* Trennung optisch */
|
||||
min-height: 60px; /* Höhe reservieren */
|
||||
}
|
||||
|
||||
|
||||
#cartbox-detail .amountbox {
|
||||
width: 50px;
|
||||
height: 35px;
|
||||
border: 1px solid #ccc;
|
||||
background: white;
|
||||
color: black;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
border-radius: 4px; /* Leichte Abrundung */
|
||||
}
|
||||
|
||||
#cartbox-detail .cartbutton {
|
||||
flex-grow: 1; /* Lässt den Button den Rest des Platzes nutzen */
|
||||
max-width: 250px;
|
||||
height: 40px;
|
||||
background: linear-gradient(to bottom, #d35400, #f26522);
|
||||
border: none;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
border-radius: 4px; /* Abrundung */
|
||||
transition: background 0.3s ease-in-out, transform 0.2s;
|
||||
}
|
||||
|
||||
#cartbox-detail .cartbutton:hover {
|
||||
background: linear-gradient(to bottom, #f26522, #d35400); /* Farbverlauf umkehren */
|
||||
transform: scale(1.05); /* Leichter Hover-Effekt */
|
||||
}
|
||||
|
||||
|
||||
|
||||
.content_box_textbox .content .text_box_hidden_text {
|
||||
display: none;
|
||||
}
|
||||
.content_box_textbox .content .text_box_link_show_text {
|
||||
display: inline;
|
||||
}
|
||||
.content_box_textbox .content .text_box_link_hide_text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Responisve Anpassung für kleinere Geräte */
|
||||
@media screen and (max-width: 768px) {
|
||||
.content_grid {
|
||||
grid-template-columns: 1fr; /* Eine Spalte bei kleinen Bildschirmen */
|
||||
}
|
||||
|
||||
.tba_grid_header, .tba_grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,10 @@
|
||||
|
||||
.main_widget_login_wrapper input[type="text"] {
|
||||
padding-left: 6px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.search_widget_wrapper .widget_content_wrapper input {
|
||||
padding-left: 6px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
Reference in New Issue
Block a user