Skip to content

Instantly share code, notes, and snippets.

@crbdev
crbdev / gv-table-styles.css
Last active January 4, 2023 12:55
Styles applied to the GV Table layout when used to create a report card (GravityKit blog)
View gv-table-styles.css
.gv-container table td {
border:1px solid #444444 !important;
}
.gv-container table {
border-collapse:collapse;
}
.gv-container table td, #customers th {
border: 1px solid #ddd;
View esports.css
.e-wrapper {text-align:center; color:#ffffff;}
.e-socials {display: flex; justify-content:space-between; max-width:100px; margin:0 auto;}
.e-alias {font-size:22px; color: #FBCC01;}
.e-name {font-size:18px;}
.e-position {font-size:16px;}
.e-socials img {width:20px; filter: invert(70%) sepia(0%) saturate(2%) hue-rotate(5deg) brightness(100%) contrast(100%); margin-bottom:15px !important; margin-top:10px !important;}
View esports.html
<div class="e-wrapper">
<p class="e-alias">
"{Alias:4}"
</p>
<p class="e-name">
{Name (First):1.3} {Name (Last):1.6}
</p>
<p class="e-position">
{Position:3}
</p>
@crbdev
crbdev / search-bar-styles.css
Last active May 19, 2021 11:11
GravityView search bar styles as seen on the GravityView blog
View search-bar-styles.css
/* Container */
.gv-search-horizontal {
box-shadow: 0px 0px 5px 2px #b3b3b3;
padding:20px;
border-radius:17px;
}
/* search bar */
.gv-search-box input[type=search] {
border-radius: 10px;
@crbdev
crbdev / edit-entry-button styles.css
Created April 13, 2021 07:34
Styling the buttons on the edit entry page (as seen on the GravityView blog)
View edit-entry-button styles.css
/* Update button */
#publishing-action .gv-button-update {
background-color: #4CAF50;
border: 2px solid #4CAF50;
color: #ffffff;
padding: 15px 32px;
text-align: center;
font-size: 16px;
}