Skip to content

Blur Theme update #1624

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
HeyItsJono wants to merge 16 commits into
base: master
Choose a base branch
from
Open

Blur Theme update #1624

Changes from 3 commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
083baa4
Avatar container background change
HeyItsJono Oct 12, 2015
d6f6abf
Update blur.css
HeyItsJono Sep 15, 2018
f7ad2a4
Add actual blur to header container!
HeyItsJono Sep 16, 2018
b71c148
Bump version
HeyItsJono Sep 27, 2018
7bc61ae
Merge branch 'master' into HeyItsJono-blur-theme
HeyItsJono Dec 25, 2018
095fe2b
Upload new background
HeyItsJono Dec 27, 2018
97fbde5
Delete tumblr_ov0ei7Mfc71v3baxro2_r1_raw_shrunk_blur.jpg
HeyItsJono Dec 27, 2018
605e251
Upload new body background
HeyItsJono Dec 27, 2018
f4054ad
Add new background, more glass, and other changes
HeyItsJono Dec 27, 2018
f8f982f
Update blur.css
HeyItsJono Dec 27, 2018
301f997
The !important Update
HeyItsJono Jan 31, 2019
09753d1
Also update the version number.
HeyItsJono Jan 31, 2019
9c387fa
Pull version back down to 2.0.0
HeyItsJono Jan 31, 2019
b999eb0
Publish Draft overlay fixes, accent changes
HeyItsJono Feb 2, 2019
202b7e8
Update blur.css
HeyItsJono Feb 9, 2019
65fb449
Update blur.css
HeyItsJono May 17, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 47 additions & 1 deletion Themes/blur/blur.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,10 @@ body {
}

.l-header-container--refresh {
background-color: rgba(50,53,60,0.67);
/* old pre-blur color -- background-color: rgba(50,53,60,0.67); */
background-color: rgba(100, 117, 154, 0.19);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

.selected .tab_notice {
Expand Down Expand Up @@ -120,3 +123,46 @@ body {
.rapid-recs-container .rapid-recs {
background-image: linear-gradient(to bottom,rgba(68, 76, 88, 0)0%,rgba(44, 47, 51, 0.18) 15%,rgba(44, 47, 51, 0.18) 85%,rgba(68, 76, 88, 0)100%);
}

.post_avatar {
background-color: rgba(44, 47, 51, 0.18);
}

.post_avatar .post_avatar_link {
background-color: rgba(44, 47, 51, 0.18);
}

/* Change Reblog Post background overlay to black. */
.post-forms-glass {
background-color: rgba(26, 29, 33, 0.86);
}

/* Add light drop-shadow to avatars */
.post_avatar.post-avatar--sticky .post_avatar_wrapper {
box-shadow: 0px 2px 3px rgba(0,0,0,0.15);
}

/* Dog-ear transparency code by https://motackt.tumblr.com, thanks for the help! */
/*when hovering over post, use gradient to cut away upper-right corner.*/
.post.post_full:hover {
background: linear-gradient(225deg, transparent 0%, transparent 12px, #FFF 12px, #FFF 100%);
}

/*otherwise, use gradient to show the whole post container (this will be more useful when transitions are available for linear gradients*/
/*and ofc make sure new post buttons never dog ear*/
.post.post_full, .new_post_buttons_container {
background: linear-gradient(225deg, #FFF 0%, #FFF 12px, #FFF 12px, #FFF 100%);
}

/*remove transition when going to hover over post too*/
.post_full:hover .post_permalink {
transition: unset;
}

/*remove the dark blue border + bg-color of the dog-ear, and remove transition when post stops being hovered over, because linear gradients don't have transitions yet*/
.post_full .post_permalink {
border-color: transparent transparent #d0d0d0 #d0d0d0;
background: transparent;
transition: unset;
}
/* End dog-ear transparency code */