מכיוון שאני מכור לדף הבית של @zvizvi, ומכיוון שיש לי יותר מדאי קישורים לשים שם
כתבתי עיצוב לעצמי, ואני משתף אותו כאן כולל תמונה.
הריפרנס הוא כמובן האתר הכי מעוצב בסביבה, נחשו מה...
לא השקעתי כלל בלדייק את הקוד ויש בו כמה טלאים, אבל יש תוצאה.
במבנה הזה שייך להכניס כ56 קישורים
על התגיות ויתרתי, עיצבתי אותם מינימליסטי רק בשביל לציין למשל איזו תיבת מייל מדובר וכו'.
d5af26b8-fad8-4b1e-b21d-599547c32c75-image.png
@import url('https://fonts.googleapis.com/css2?family=Arimo:
[email protected]&family=Assistant:
[email protected]&display=swap');
.ng-valid.ng-not-empty.ng-dirty.ng-valid-parse.ng-touched {
font-family: 'Assistant', sans-serif;
}
.day-info .sefirat-haomer iframe{
height: 2px;
}
.ng-scope iframe{
height: 200px
}
.main-layout {
background-color: #f7f7f7
}
.navigation .nav-links {
background-color: #1c2b36
}
.zmdi {
color: #97988b
}
.label {
color: #97988b
}
.navigation .nav-links a.show {
background-color: rgba(226,225,225,0.13)
}
.navigation .nav-links a.settings-link .icon i {
color: #ff3366
}
.stream {
background-color: #dadada;
border: 0px solid;
}
.home.daily-background .links .link {
background-color: rgba(242,253,253,0.21);
border-radius: 50px;
}
.links .link .title {
font-size: 0.em;
width:
}
.music .main-layout .music-container .stream-list .stream {
border: 0px solid;
border-radius: 12px;
}
.music .main-layout .music-container .stream-list .stream:hover {
background: #c9c9c9;
}
.links{
max-width: 90%;
border-radius: 20px;
background: rgba(205,205,205,0.07);
padding-top: 20px;
}
.links:hover{
border-radius: 20px;
background: rgba(205,205,205,0.13);
padding-top: 20px;
}
.day-info {
padding: 0px 20px 20px 0px !important;
border-radius: 20px;
background: rgba(205,205,205,0.07);
padding-top: 20px;
}
.day-info:hover {
padding-right: 15px !important;
border-radius: 20px;
background: rgba(205,205,205,0.13);
padding-top: 20px;
}
.ui-sortable-handle {
height: 75px !important;
width: 75px !important;
}
.links .link .icon img {
max-width: 37px !important;
max-height: 37px !important;
width: 24px !important;
height: 24px !important;
filter: drop-shadow(0 0 2px rgba(255,255,255,0)) !important;
}
.ui-sortable-handle:hover {
border-radius: 13px !important;
background-color: rgba(157,197,210,0) !important;
}
.ui-sortable-handle .icon {
border-radius: 13px !important;
background-color: rgba(112,159,174,0.16) !important;
}
.ui-sortable-handle .icon:hover{
background-color: rgba(112,159,174,0.25) !important;
}
.links .link .title {
background-color: #ff3366;
color: #fff;
border-radius: 5px;
max-width: 40%;
font-size: 10px;
position: relative;
top: -61.5px;
left: -21px;
}
.settings .main-layout .links-settings .links-list .link {
height: 35px !important;
width: 200px !important;
}
