rounded corners
This commit is contained in:
@@ -705,8 +705,6 @@ data:
|
|||||||
min-height: 2.2em !important;
|
min-height: 2.2em !important;
|
||||||
padding: 0.5em 0 0.5em 12px !important; /* top right bottom LEFT */
|
padding: 0.5em 0 0.5em 12px !important; /* top right bottom LEFT */
|
||||||
box-sizing: border-box !important;
|
box-sizing: border-box !important;
|
||||||
border-top-left-radius: 12px !important;
|
|
||||||
border-top-right-radius: 12px !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The h2 title text inside */
|
/* The h2 title text inside */
|
||||||
@@ -774,8 +772,6 @@ data:
|
|||||||
.widget-type-reddit,
|
.widget-type-reddit,
|
||||||
.widget-type-bookmarks {
|
.widget-type-bookmarks {
|
||||||
background-color: rgba(20, 50, 70, 0.35) !important; /* DARK BLUE, semi-transparent */
|
background-color: rgba(20, 50, 70, 0.35) !important; /* DARK BLUE, semi-transparent */
|
||||||
border-bottom-left-radius: 12px !important;
|
|
||||||
border-bottom-right-radius: 12px !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* RSS feed items */
|
/* RSS feed items */
|
||||||
@@ -823,6 +819,39 @@ data:
|
|||||||
background: rgba(45, 126, 136, 0.16);
|
background: rgba(45, 126, 136, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* =========================================================================
|
||||||
|
WIDGET ROUNDED CORNERS
|
||||||
|
========================================================================= */
|
||||||
|
|
||||||
|
/* The parent widget container - round ALL corners and clip children */
|
||||||
|
.widget {
|
||||||
|
border-radius: 12px !important;
|
||||||
|
overflow: hidden !important; /* This clips the children to the rounded shape */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header - round only TOP corners */
|
||||||
|
.widget-header {
|
||||||
|
border-top-left-radius: 12px !important;
|
||||||
|
border-top-right-radius: 12px !important;
|
||||||
|
border-bottom-left-radius: 0 !important;
|
||||||
|
border-bottom-right-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Content - round only BOTTOM corners */
|
||||||
|
.widget-content,
|
||||||
|
.widget-content:not(.widget-content-frameless),
|
||||||
|
.widget-content-frame {
|
||||||
|
border-top-left-radius: 0 !important;
|
||||||
|
border-top-right-radius: 0 !important;
|
||||||
|
border-bottom-left-radius: 12px !important;
|
||||||
|
border-bottom-right-radius: 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For widgets without headers (content only), round all corners */
|
||||||
|
.widget:not(:has(.widget-header)) .widget-content {
|
||||||
|
border-radius: 12px !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* =========================================================================
|
/* =========================================================================
|
||||||
BOOKMARK STYLING
|
BOOKMARK STYLING
|
||||||
The link cards in bookmark widgets
|
The link cards in bookmark widgets
|
||||||
|
|||||||
Reference in New Issue
Block a user