farmOS/modules/core/ui/theme/css/toolbar.css

58 lines
14 KiB
CSS

/**
* @file
* Styling for farmOS toolbar.
*/
/* Add padding to the wrapper around the logo. */
.toolbar .toolbar-bar #toolbar-item-administration-tray .toolbar-logo {
padding: .5em !important;
}
/* Logo size and spacing. */
.toolbar .toolbar-bar #toolbar-item-administration-tray .toolbar-logo img.toolbar-icon-home {
max-width: 100px;
margin: 20px auto;
}
/* Locations icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-farm-locations::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='10'%3e%3c/circle%3e%3cline fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' x1='2' y1='12' x2='22' y2='12'%3e%3c/line%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3e%3c/path%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='10'%3e%3c/circle%3e%3cline fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' x1='2' y1='12' x2='22' y2='12'%3e%3c/line%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3e%3c/path%3e%3c/svg%3e");
}
/* Plans icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-views-viewviews-farm-plan-page::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' d='M4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M4 14.5C4 13.837 4.26339 13.2011 4.73223 12.7322C5.20107 12.2634 5.83696 12 6.5 12H20' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M6.5 2H20V22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2V2Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' d='M4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M4 14.5C4 13.837 4.26339 13.2011 4.73223 12.7322C5.20107 12.2634 5.83696 12 6.5 12H20' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M6.5 2H20V22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2V2Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
/* Records icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-farm-records::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='8' y1='6' x2='21' y2='6'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='8' y1='12' x2='21' y2='12'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='8' y1='18' x2='21' y2='18'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='3' y1='6' x2='3.01' y2='6'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='3' y1='12' x2='3.01' y2='12'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='3' y1='18' x2='3.01' y2='18'%3e%3c/line%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='8' y1='6' x2='21' y2='6'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='8' y1='12' x2='21' y2='12'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='8' y1='18' x2='21' y2='18'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='3' y1='6' x2='3.01' y2='6'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='3' y1='12' x2='3.01' y2='12'%3e%3c/line%3e%3cline fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' x1='3' y1='18' x2='3.01' y2='18'%3e%3c/line%3e%3c/svg%3e");
}
/* People icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-farm-people::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' fill-rule='evenodd' clip-rule='evenodd' d='M12 12.5C15.0376 12.5 17.5 10.0376 17.5 7C17.5 3.96243 15.0376 1.5 12 1.5C8.96243 1.5 6.5 3.96243 6.5 7C6.5 10.0376 8.96243 12.5 12 12.5Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M1.5 22V21C1.5 17.5 7.59563 16 12 16C16.4044 16 22.5 17.5 22.5 21V22' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.5 22C22.5 22 16.1052 22.5 12 22.5C7.89485 22.5 1.5 22 1.5 22' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' fill-rule='evenodd' clip-rule='evenodd' d='M12 12.5C15.0376 12.5 17.5 10.0376 17.5 7C17.5 3.96243 15.0376 1.5 12 1.5C8.96243 1.5 6.5 3.96243 6.5 7C6.5 10.0376 8.96243 12.5 12 12.5Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M1.5 22V21C1.5 17.5 7.59563 16 12 16C16.4044 16 22.5 17.5 22.5 21V22' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.5 22C22.5 22 16.1052 22.5 12 22.5C7.89485 22.5 1.5 22 1.5 22' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
/* Reports icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-farm-report::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' d='M5.75 14.5V21.4913C5.75104 21.7589 5.55139 22.0092 5.218 22.1581C4.17743 22.6201 2.82257 22.6201 1.782 22.1581C1.44861 22.0092 1.24896 21.7589 1.25 21.4913V14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M5.75 14.5C5.75 13.6716 4.74264 13 3.5 13C2.25736 13 1.25 13.6716 1.25 14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3V20.985C14.251 21.3863 14.0514 21.7616 13.718 21.985C12.6774 22.6778 11.3226 22.6778 10.282 21.985C9.94861 21.7616 9.74896 21.3863 9.75 20.985V3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3C14.25 2.17157 13.2426 1.5 12 1.5C10.7574 1.5 9.75 2.17157 9.75 3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 8.08579 22.75 9 22.75 9M18.25 7.5C18.25 14.7471 18.25 21.0573 18.25 21.0573C18.249 21.4395 18.4486 21.797 18.782 22.0097C19.8226 22.6696 21.1774 22.6696 22.218 22.0097C22.5514 21.797 22.751 21.4395 22.75 21.0573C22.75 21.0573 22.75 17.7945 22.75 12.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 6.67157 21.7426 6 20.5 6C19.2574 6 18.25 6.67157 18.25 7.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' d='M5.75 14.5V21.4913C5.75104 21.7589 5.55139 22.0092 5.218 22.1581C4.17743 22.6201 2.82257 22.6201 1.782 22.1581C1.44861 22.0092 1.24896 21.7589 1.25 21.4913V14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M5.75 14.5C5.75 13.6716 4.74264 13 3.5 13C2.25736 13 1.25 13.6716 1.25 14.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3V20.985C14.251 21.3863 14.0514 21.7616 13.718 21.985C12.6774 22.6778 11.3226 22.6778 10.282 21.985C9.94861 21.7616 9.74896 21.3863 9.75 20.985V3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M14.25 3C14.25 2.17157 13.2426 1.5 12 1.5C10.7574 1.5 9.75 2.17157 9.75 3' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 8.08579 22.75 9 22.75 9M18.25 7.5C18.25 14.7471 18.25 21.0573 18.25 21.0573C18.249 21.4395 18.4486 21.797 18.782 22.0097C19.8226 22.6696 21.1774 22.6696 22.218 22.0097C22.5514 21.797 22.751 21.4395 22.75 21.0573C22.75 21.0573 22.75 17.7945 22.75 12.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M22.75 7.5C22.75 6.67157 21.7426 6 20.5 6C19.2574 6 18.25 6.67157 18.25 7.5' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
/* Quick icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-farm-quickfarm-quick::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' fill-rule='evenodd' clip-rule='evenodd' d='M13.045 14.136L9.33301 14.667L9.86301 10.954L19.409 1.40804C20.2877 0.529352 21.7123 0.529352 22.591 1.40804C23.4697 2.28672 23.4697 3.71135 22.591 4.59004L13.045 14.136Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M18.75 14.25V21.75C18.75 22.5784 18.0784 23.25 17.25 23.25H2.25C1.42157 23.25 0.75 22.5784 0.75 21.75V6.75C0.75 5.92157 1.42157 5.25 2.25 5.25H9.75' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='none' fill-rule='evenodd' clip-rule='evenodd' d='M13.045 14.136L9.33301 14.667L9.86301 10.954L19.409 1.40804C20.2877 0.529352 21.7123 0.529352 22.591 1.40804C23.4697 2.28672 23.4697 3.71135 22.591 4.59004L13.045 14.136Z' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath fill='none' d='M18.75 14.25V21.75C18.75 22.5784 18.0784 23.25 17.25 23.25H2.25C1.42157 23.25 0.75 22.5784 0.75 21.75V6.75C0.75 5.92157 1.42157 5.25 2.25 5.25H9.75' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
/* Administration icon. */
.toolbar .toolbar-bar .toolbar-menu-administration .toolbar-icon-system-admin::before {
-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='3'/%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3e%3c/svg%3e");
mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ccircle fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' cx='12' cy='12' r='3'/%3e%3cpath fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' d='M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z'/%3e%3c/svg%3e");
}