diff --git a/styles/netscape/catppuccin.user.css b/styles/netscape/catppuccin.user.css index 31aec03a48..2aa8e18da3 100644 --- a/styles/netscape/catppuccin.user.css +++ b/styles/netscape/catppuccin.user.css @@ -1,11 +1,11 @@ /* ==UserStyle== -@name Catppuccin -@namespace github.com/catppuccin/userstyles/styles/ -@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/ +@name netscape Catppuccin +@namespace github.com/catppuccin/userstyles/styles/netscape +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/netscape @version 0.0.1 -@updateURL https://github.com/catppuccin/userstyles/raw/main/styles//catppuccin.user.css -@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3A -@description Soothing pastel theme for +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/netscape/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Anetscape +@description Soothing pastel theme for netscape @author Catppuccin @license MIT @@ -95,38 +95,59 @@ /* Start styling your website here: */ background-color: @base; color: @text; - #bdi, #hdbrd { - background-color: @base; + #bdi, + #hdbrd { + background-color: @base; } div.innerBdr { border-color: @accent-color; } - #hdrShdw, #mnbkgd,#hdr,#hdbrd,div#hdrbk, #hdrLf { + #hdrShdw, + #mnbkgd, + #hdr, + #hdbrd, + div#hdrbk, + #hdrLf { background: unset !important; } .AOL #hdrSrchBtn { background: unset !important; - color:@text; + color: @text; } .wxWrapper { - color:@text; - background-color:@surface0; height:60px; + color: @text; + background-color: @surface0; + height: 60px; } #nav div.menuBlk { - background-color:@surface0; - border-color:@accent-color; + background-color: @surface0; + border-color: @accent-color; } .AOL #nav div.menuBlk { - background-color:@surface0; - border-color:@accent-color; + background-color: @surface0; + border-color: @accent-color; } - #nav div#navWhatsNew a, div#navWhatsNew a:link, div#navWhatsNew a:visited {color:darken(@blue, 2%);} - .Walmart .menuBlk a:link, .Walmart .menuBlk a:visited, .isp .menuBlk a:link, .isp .menuBlk a:visited {color:@teal;} - .Walmart h3.title, .isp h3.title {background-color:@surface1;} - .Walmart .wxWrapper input.button, .isp .wxWrapper input.button, input[type="submit"] { + #nav div#navWhatsNew a, + div#navWhatsNew a:link, + div#navWhatsNew a:visited { + color: darken(@blue, 2%); + } + .Walmart .menuBlk a:link, + .Walmart .menuBlk a:visited, + .isp .menuBlk a:link, + .isp .menuBlk a:visited { + color: @teal; + } + .Walmart h3.title, + .isp h3.title { + background-color: @surface1; + } + .Walmart .wxWrapper input.button, + .isp .wxWrapper input.button, + input[type="submit"] { background: darken(@peach, 15%) !important; } - + div.tileOutline { background-color: @surface0; border-color: darken(@accent-color, 5%); @@ -134,20 +155,25 @@ div.tileEdge { border-color: darken(@accent-color, 5%); } - .Walmart .wxWrapper input.box, .isp .wxWrapper input.box { + .Walmart .wxWrapper input.box, + .isp .wxWrapper input.box { border-color: lighten(@accent-color, 2%); } .mainContent { color: @blue; } - .mainContent a, .mainContent a:link, .mainContent a:visited {color:darken(@blue, 5%);} + .mainContent a, + .mainContent a:link, + .mainContent a:visited { + color: darken(@blue, 5%); + } .mainContent h3 { background: unset; color: @text; } - + #mnFooter p { - color: @subtext0; + color: @subtext0; } .mBdr { border-color: @accent-color; @@ -155,122 +181,227 @@ div.masthead div.offset { background-color: @mantle; } - #topMenu .highlight a { - color: @text; - font-weight: bold; + // import css + .stdBrdr { + border-color: darken(@accent-color, 5%); + } + .whiteSideBrdr { + border-color: @accent-color; + } + // .Member .siteLogo, + // .MemberCS .siteLogo, + // .CompuServe .siteLogo, + // .Walmart .siteLogo, + // .isp .siteLogo, + // .Netscape .siteLogo, + // .AOL .siteLogo + // above is todo since i have to color filter them + div.bannerAdWrapper { + background: unset !important; + } + div.masthead div.offset { + background-color: @surface0; + } + div.mastheadShadow, + .siteLogo { + background: unset !important; } -// import css -.stdBrdr {border-color: darken(@accent-color, 5%); } -.whiteSideBrdr {border-color: @accent-color;} -// .Member .siteLogo, -// .MemberCS .siteLogo, -// .CompuServe .siteLogo, -// .Walmart .siteLogo, -// .isp .siteLogo, -// .Netscape .siteLogo, -// .AOL .siteLogo -// above is todo since i have to color filter them -div.bannerAdWrapper {background: unset !important;} -div.masthead div.offset { background-color:@surface0;} -div.mastheadShadow,.siteLogo { background: unset !important;} - - - -div.menu {color:@subtext0;} -#topMenu li {border-color: @accent-color;} -#topMenu .highlight a {color:@blue;} - - -div#pageFooter { color:@subtext0; } -div#pageFooter hr { color:@subtext1;} -ul#ftrLinks li {border-color: @accent-color; } - - -div#pageBody {color:@text;} -div#pageBody a, div#pageBody a:hover, div#pageBody a:link, div#pageFooter a, div#pageFooter a:hover, div#pageFooter a:link {color:darken(@blue, 5%);} -div#mainContent { background-color:@base;} -div#relatedContent { background-color:@base;} -div#relatedContent div.tempBlock {background-color:@red;} -div#leftRail {background-color:@base;} -div#leftRail div.tempBlock {background-color:@yellow;} - -div.cntBl div.promoContainer ul {list-style-type:square;color:darken(@blue, 4%);} -//TODO IMAGES -.Member div.cntBl, -.MemberCS div.cntBl, -.CompuServe div.cntBl {background-image: unset !important;} -.isp div.cntBl, .Walmart div.cntBl, .Netscape div.cntBl {background-image:url(NS_plinth_middle.gif);} -.AOL div.cntBl {background-image:url(aol_plinth_middle.gif);} - -div.tsBl {border-color: darken(@accent-color, 5%);} - -h2.title {color:@subtext1;} -div.cntBlFtr {background-color:@surface0; border-color: darken(@accent-color, 5%);} -.isp div.cntBlFtr, .Walmart div.cntBlFtr, .Netscape div.cntBlFtr, .AOL div.cntBlFtr {background-color:@surface0;} -div.fullBrdr {border-color: darken(@accent-color, 5%);} -div.brdrBox {border-color: darken(@accent-color, 5%);} -#newsSearch form {background-color:@surface1;} -.isp #newsSearch form, .Walmart #newsSearch form, .Netscape #newsSearch form, .AOL #newsSearch form {background-color:@surface0;} - -.blockContainer li {color:@blue;} - -li.hdlnItem {border-color: darken(@accent-color, 5%);} - -div#featuredForums {background-color:@surface0;} -.blubkgd {background-color:@surface0;} -.isp .blubkgd, .Walmart .blubkgd, .Netscape .blubkgd, .AOL .blubkgd {background-color:@surface0;} -.ltblubkgd {background-color:@surface0;} -.isp .ltblubkgd, .Walmart .ltblubkgd, .Netscape .ltblubkgd, .AOL .ltblubkgd {background-color:@surface0;} + div.menu { + color: @subtext0; + } + #topMenu li { + border-color: @accent-color; + } + #topMenu .highlight a { + color: @blue; + } + div#pageFooter { + color: @subtext0; + } + div#pageFooter hr { + color: @subtext1; + } + ul#ftrLinks li { + border-color: @accent-color; + } + div#pageBody { + color: @text; + } + div#pageBody a, + div#pageBody a:hover, + div#pageBody a:link, + div#pageFooter a, + div#pageFooter a:hover, + div#pageFooter a:link { + color: darken(@blue, 5%); + } + div#mainContent { + background-color: @base; + } + div#relatedContent { + background-color: @base; + } + div#relatedContent div.tempBlock { + background-color: @red; + } + div#leftRail { + background-color: @base; + } + div#leftRail div.tempBlock { + background-color: @yellow; + } -div.paidPlacement {border-color: @accent-color;} + div.cntBl div.promoContainer ul { + list-style-type: square; + color: darken(@blue, 4%); + } + //TODO IMAGES + .Member div.cntBl, + .MemberCS div.cntBl, + .CompuServe div.cntBl { + background-image: unset !important; + } + // .isp div.cntBl, .Walmart div.cntBl, .Netscape div.cntBl {background-image:url(NS_plinth_middle.gif);} + // .AOL div.cntBl {background-image:url(aol_plinth_middle.gif);} -div#photoSearchNav h3 {color:@subtext0;} + div.tsBl { + border-color: darken(@accent-color, 5%); + } -div.phSrchBody li {border-color: darken(@accent-color, 5%)} + h2.title { + color: @subtext1; + } + div.cntBlFtr { + background-color: @surface0; + border-color: darken(@accent-color, 5%); + } + .isp div.cntBlFtr, + .Walmart div.cntBlFtr, + .Netscape div.cntBlFtr, + .AOL div.cntBlFtr { + background-color: @surface0; + } + div.fullBrdr { + border-color: darken(@accent-color, 5%); + } + div.brdrBox { + border-color: darken(@accent-color, 5%); + } + #newsSearch form { + background-color: @surface1; + } + .isp #newsSearch form, + .Walmart #newsSearch form, + .Netscape #newsSearch form, + .AOL #newsSearch form { + background-color: @surface0; + } -div.altBkgrnd li.bkgrndB,div.altBkgrnd tr.bkgrndB {background-color:@surface0;} + .blockContainer li { + color: @blue; + } -// TODO IMAGES -div#starScoop div.attribution {height:22px; background:url("312_wenn_branding.gif") no-repeat;} -div.styCtnr.WENN div.attribution {height:22px; background:url("456_wenn_branding.gif") no-repeat; margin-bottom:10px;} -div.hdlnCtnr.WENN div.attribution {height:22px; background:url("476_wenn_branding.gif") no-repeat; margin-bottom:10px;} + li.hdlnItem { + border-color: darken(@accent-color, 5%); + } + div#featuredForums { + background-color: @surface0; + } -.lcmsList .wLeads ul li {color:@text;} + .blubkgd { + background-color: @surface0; + } + .isp .blubkgd, + .Walmart .blubkgd, + .Netscape .blubkgd, + .AOL .blubkgd { + background-color: @surface0; + } + .ltblubkgd { + background-color: @surface0; + } + .isp .ltblubkgd, + .Walmart .ltblubkgd, + .Netscape .ltblubkgd, + .AOL .ltblubkgd { + background-color: @surface0; + } -.lcmsList .wLedes ul li {border-color: darken(@accent-color, 5%); color:@text;} -div.paging a {border-color:@accent-color; background:@surface0;} + div.paidPlacement { + border-color: @accent-color; + } + div#photoSearchNav h3 { + color: @subtext0; + } + div.phSrchBody li { + border-color: darken(@accent-color, 5%); + } -/* oneminutetests */ -div.testCntr { background-color:@surface0; } + div.altBkgrnd li.bkgrndB, + div.altBkgrnd tr.bkgrndB { + background-color: @surface0; + } -/* flashgames */ -div.flashCntr { background-color:@surface0;} + // TODO IMAGES + // div#starScoop div.attribution {height:22px; background:url("312_wenn_branding.gif") no-repeat;} + // div.styCtnr.WENN div.attribution {height:22px; background:url("456_wenn_branding.gif") no-repeat; margin-bottom:10px;} + // div.hdlnCtnr.WENN div.attribution {height:22px; background:url("476_wenn_branding.gif") no-repeat; margin-bottom:10px;} -div.links { - background-color: @surface0; -} -/* IE6 & IE7 specific styles */ -.IE6 div.menu a, .IE7 div.menu a {color:@surface1;} -.locations tbody tr.odd { - background-color: @surface0; -} + .lcmsList .wLeads ul li { + color: @text; + } -#hdrChannelLogo {background: url(header_pf.gif) no-repeat;} -.logo span {display:none;} + .lcmsList .wLedes ul li { + border-color: darken(@accent-color, 5%); + color: @text; + } + div.paging a { + border-color: @accent-color; + background: @surface0; + } + /* oneminutetests */ + div.testCntr { + background-color: @surface0; + } + /* flashgames */ + div.flashCntr { + background-color: @surface0; + } -#tickerSearch form {background-color:@surface0;} -.isp #tickerSearch form, .Walmart #tickerSearch form, .Netscape #tickerSearch form {background-color:@surface1;} + div.links { + background-color: @surface0; + } + /* IE6 & IE7 specific styles */ + .IE6 div.menu a, + .IE7 div.menu a { + color: @surface1; + } + .locations tbody tr.odd { + background-color: @surface0; + } + // #hdrChannelLogo {background: url(header_pf.gif) no-repeat;} + .logo span { + display: none; + } -} + #tickerSearch form { + background-color: @surface0; + } + .isp #tickerSearch form, + .Walmart #tickerSearch form, + .Netscape #tickerSearch form { + background-color: @surface1; + } + } } /* prettier-ignore */