Relook Profile Page with Fairloke's Eclipse design.
DeviantArt - Fairloke Eclipse Profile Design by zigaudrey
Details
Authorzigaudrey
LicenseNo License
Categorydeviantart.com
Created
Updated
Size8.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Work with All Themes and while Log Out
Not Compatible with "Eclipse Exp+" and "Profile Page Style" family.
This is made out of tribute of Fairloke's Eclipse design for Profiles in 2018.
The Userstyle is based on the Default one. If you want to customize the color, the link is below:
https://www.deviantart.com/fairloke/art/How-DeviantART-Eclipse-should-have-been-773699472
You can see all color scheme here:
https://sta.sh/22ad2bthv1sy
Source code
/* ==UserStyle==
@name DeviantArt - Fairloke Eclipse Profile Design
@namespace deviantart.com
@description Relook Profile Page with Fairloke's Eclipse design.
@author zigaudrey
@preprocessor stylus, stylish
@version 1
*/
@-moz-document domain("deviantart.com") {
html {min-height:1500px;}
.jorkG {padding-left:16px!important; padding-right:16px!important; overflow-x: hidden;}
._2_H34 {background-color: rgb(76,76,76);}
div[class="_2nbyL _2126X _3GjpA"] {padding-top: 0px;}
nav[class="_2dSSN _1qfTS"] ._3AoBG, nav[class="_2dSSN _1qfTS"] ._3AoBG .-E1_C, nav[class="_2dSSN _3XQhW _1qfTS"] ._3AoBG, nav[class="_2dSSN _3XQhW _1qfTS"] ._3AoBG .-E1_C, div[class="_1qllx _1WQgT"] div , div[class="_1qllx _1WQgT"] span {color: white;}
div[class="_2POQg _37nRN"] {margin-top:5px;}
span[aria-label="(Profile owner only)"] svg {color: rgb(202,203,204)!important}
/*=========================================*/
img[data-hook="user_avatar"] {border-radius:0px!important}
._1-rIy {margin-left:30px; margin-right: 30px; padding: 0px!important; height:35px; display: block;}
.jorkG ._2Ofv6 {background-color: rgb(0,0,0,0.5); height: 100px; margin-top:60px;}
._3oLE7 ._33syq {font-size:18px!important; margin: -2px 0px 0px 0px;}
._3oLE7 ._1PMUg {font-size:12px!important; height: 14px; margin-top: -2px;}
._3oLE7 ._38K3K {margin-top:3px;}
._3oLE7 ._33syq a, ._3oLE7 ._33syq, ._3oLE7 ._1PMUg span, ._3oLE7 ._38K3K div, ._3oLE7 ._38K3K a, ._3oLE7 ._38K3K span {font: 'Palatino';}
._3oLE7 ._38K3K a {font-size:40px!important; font-family: "Verdana", sans-serif; font-weight: bold;}
._3oLE7 ._1PMUg {height:20px;}
._1VOOn, ._1EdvB {height:30px!important}
div[class="_2GZvO qEcLy _2ueVP"] ._3wuhk {margin-top: 20px;}
._2GZvO.qEcLy .h94jY, button[aria-label="Edit tagline"], ._26Qyj button[type="button"] {background-color: rgb(63,101,92)!important; color: rgb(70,159,137)!important; height: 30px;}
._2GZvO.qEcLy .h94jY span, ._2GZvO.qEcLy .h94jY span:hover, ._2GZvO.qEcLy:hover .h94jY span, button[aria-label="Edit tagline"] svg, ._26Qyj button[type="button"] span {color: rgb(70,159,137)!important}
/*=========================================*/
nav[data-hook="profile_nav"] {height:40px; margin-left:30px; margin-right: 30px; width:100% ; padding: 0px 10px 0px 15px!important; background-color: rgb(22,26,31);}
nav[data-hook="profile_nav"] a {margin-left:10px!important; margin-right:30px!important;}
nav[data-hook="profile_nav"] a[aria-current="page"], nav[data-hook="profile_nav"] ._3k06Z { font: 'Palatino'; font-size: 18px; color: rgb(45,126,106);}
nav[data-hook="profile_nav"] a[aria-current="page"] {color: white!important;}
nav[data-hook="profile_nav"] a[aria-current="page"]::after {display: none;}
nav[data-hook="profile_nav"] a::before {content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b44911dd-2092-4cf6-a753-bdb96f54e23d/dfyds55-e12b23d4-1a97-4266-a584-ec586b85c752.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I0NDkxMWRkLTIwOTItNGNmNi1hNzUzLWJkYjk2ZjU0ZTIzZFwvZGZ5ZHM1NS1lMTJiMjNkNC0xYTk3LTQyNjYtYTU4NC1lYzU4NmI4NWM3NTIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.9GopJNuvTpiQ3ALaDGbiCV4_IEDpaXFUifJB-T9o6Po"); margin-right: 5px; margin-top:2px;}
nav[data-hook="profile_nav"] a[aria-current="page"]::before {content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b44911dd-2092-4cf6-a753-bdb96f54e23d/dfyapgv-c449d8f4-5977-4c4a-ad60-85d376885c05.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I0NDkxMWRkLTIwOTItNGNmNi1hNzUzLWJkYjk2ZjU0ZTIzZFwvZGZ5YXBndi1jNDQ5ZDhmNC01OTc3LTRjNGEtYWQ2MC04NWQzNzY4ODVjMDUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.pFm5_g9hj9UZ5P25OoBHoiSeIEwh1HnN9WL5cgb-erM"); margin-right: 5px; margin-top:2px;}
.n_Vkl svg, button[class="_3Vvhk _1aj3v _gOzo _hZXS xSB8L"] span, div[class="_2KLhi _3Ldy-"] button, ._2vziw ._2ITft, div[class="_3Jbpo _3XQhW"] a[class="_3AoBG _2cjnC"], nav[class="_2dSSN _1qfTS"] a[class="_3AoBG _2cjnC"] {color: rgb(93,210,167)!important;}
div[class="_2KLhi _3Ldy-"] button:hover, ._1VOOn button[class="_3Vvhk _3mpuU _1vmxf _3FMlD"] svg, ._1VOOn button[class="_3jeJQ _1R7IY _3JYU8"] svg {color: white;}
div[class="_1eu2O _18UWO d8Xur"] {display: none; z-index:0!important;}
nav[class="_1EdvB _1x5z4 _1cJpr"] {display: none;}
/*=========================================*/
.jorkG div[class="_1EnH0 _3WnyP"] {margin-bottom:0px;}
._2L0cL .l_7z8 {width: calc(48% - 14px)!important; margin-right:14px!important;}
._2L0cL ._2Q3jU {width: 48%!important;}
div[class="_3tn4a _2c8JV"] a, .PY_FA div[class="_3CR67 _1pn40"] {margin-right:2px!important; margin-bottom:0px!important}
div[class="_3tn4a _2c8JV"] a, div[class="_11hTq _1vvnL"] a {padding:8px!important }
div[class="_3tn4a _2c8JV"] a {width:115px!important}
div[class="_3tn4a _2c8JV"] a, div[class="_11hTq _1vvnL"] a, .PY_FA div[class="_22eEA _2ZDha"], section div[class="_2PjA0 _3fDYc"], .OIJSr._2bTcg, div[class="_2vziw uaTRv"], section .dNCsU, section ._1xqOS, section ._2DwkT, section ._3NvLu, section div[class="_1cQpR d6GtM"], section ._2XeTK {background: transparent!important; border-radius: 0px!important; border: none!important;}
button[class="_3Vvhk r4jfg _3Wcb6 _1Nkgi _3Zcfm"] {display: none!important;}
section[class="_3ntv0 _1hCfW"] ._2ITft {color: rgb(70,229,211)}
div[class="_1hN1O _3L_2x _1vm-_"] p, div[class="legacy-journal py0Gw"], a[data-role="see-all-link"], div[class="_3tn4a _2c8JV"] ._1kDW5, ._3oLE7 div, ._3oLE7 a, ._3oLE7 span, ._13KHC, ._3rpUj, ._3oLE7 li, ._2AQ_cdiv, ._2AQ_c a, ._3dAR9 div, ._3dAR9 a, span[data-hook="widget-header-counter"], ._3rpUj li, section[class="_3ntv0 _1hCfW"] .legacy-journal, section[class="_3ntv0 _1hCfW"] .legacy-journal p, section[class="_3ntv0 _1hCfW"] .legacy-journal a, ._2VtxP, ._2cHeo, section[class="_3ntv0 _1hCfW"] button[type="button"], ._3y1pI ._2UI2c, section[class="_3ntv0 _1hCfW"] div[class="_3KGpM _2ukW9"] p, div[class="_1hN1O _3L_2x _2MDl2"] p, div[class="_1hN1O _3L_2x _2MDl2"] div, div[class="_1hN1O _3L_2x _2MDl2"] span, div[class="_1hN1O _3L_2x _2MDl2"] a, h3[class="_3uf2N _1iFMF"], section[class="_3ntv0 _1hCfW"] .dnx6x {color: white!important;}
span[data-hook="widget-header-counter"] {font-size: 16px;}
._26Qyj {margin-right:5px;}
._1AZY0::after, section[class="_3ntv0 _1hCfW"] ._380UR {display: none}
/*=========================================*/
section[class="_3ntv0 _1hCfW"], section[class="_3ntv0 _1hCfW _3N2kv"] {background-color: rgb(14,14,14); border-radius: 4px;overflow: hidden; padding:0px!important; margin-bottom: 14px; box-shadow:inset 0px 2px 2px rgb(43,86,80);}
div[class="_30GtD b2l8h"] {margin-bottom: 5px;}
section[class="_3ntv0 _1hCfW"] .RMUi2 {margin-bottom:-2px;}
section[class="_3ntv0 _1hCfW _3N2kv b3LBc"] ._3z-jh {display: none}
._2WIwE {margin-right: 20px; color: #2C3635!important;}
section[class="_3ntv0 _1hCfW"] ._2QawT {color: white;}
._2QawT div[class="_3tn4a _2c8JV"], .PY_FA {padding-bottom:15px;}
._11tIg ._3z-jh, section[class="_3ntv0 _1hCfW"] ._3z-jh {margin:0px; padding:5px; border-radius: 4px 4px 0px 0px; width: auto;}
._11tIg ._3z-jh ._3sXDp, section[class="_3ntv0 _1hCfW"] ._3z-jh ._3sXDp {margin:0px 10px 10px 5px; color: rgb(175,234,222)!important; font: 14pt Trebuchet MS,sans-serif;display: inline-block; text-transform: uppercase; font: 'Eldwin'; font-weight: bold; font-size: 16px;}
._11tIg ._3z-jh ._3sXDp::before, section[class="_3ntv0 _1hCfW"] ._3z-jh ._3sXDp::before {content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b44911dd-2092-4cf6-a753-bdb96f54e23d/dfydu1i-1f9de14a-b506-4bba-b3b8-062f48cf822f.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2I0NDkxMWRkLTIwOTItNGNmNi1hNzUzLWJkYjk2ZjU0ZTIzZFwvZGZ5ZHUxaS0xZjlkZTE0YS1iNTA2LTRiYmEtYjNiOC0wNjJmNDhjZjgyMmYucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.neo9S_MySWQKV7l7RJCq0_tS2Y304fB7trlXhlM_LQk"); margin-top:10px; margin-right:25px; display: inline-block;}
._2QawT {padding: 0px 12px 12px 12px;}
._3-5jw, div[class="_3h7d3 _1YrNO"] {display: none;}
span[class="z8jNZ _2X9dx yAk2E _3ofRz Vww-1"] {background: none!important}
section[class="_3ntv0 _1hCfW"] div[data-hook="comment_footer"] button, section[class="_3ntv0 _1hCfW"] div[data-hook="comment_footer"] svg {color: rgb(177,177,185)!important}
}