Newspaper feel
dune.com/lido/lido-morning-coffee-dashboard by vshvsh
Details
Authorvshvsh
LicenseCC Zero
Categorydune
Created
Updated
Size9.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name dune.com/lido/lido-morning-coffee-dashboard
@version 20230812.11.31
@namespace userstyles.world/user/vshvsh
@description Newspaper feel
@author vshvsh
@license CC Zero
==/UserStyle== */
@-moz-document url-prefix("https://dune.com/lido/lido-morning-coffee-dashboard") {
@import "https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic|Droid+Serif:400,700,400italic,700italic";
body {
font-family: 'Droid Serif', serif;
font-size: 14px;
color: #2f2f2f;
background-color: #f9f7f1;
}
header {
font-family: 'Playfair Display', serif;
font-weight: 900;
font-size: 80px;
text-transform: uppercase;
display: inline-block;
line-height: 72px;
margin-bottom: 20px;
}
p {
margin-top: 0;
margin-bottom: 20px;
}
.head {
text-align: center;
position: relative;
}
.visual_wrap__BRTHj {
text-transform: uppercase;
border-bottom: 2px solid #2f2f2f;
border-top: 2px solid #2f2f2f;
padding: 12px 0 12px 0;
font-family: 'Droid Serif', serif;
font-size: 14px;
color: #2f2f2f;
background-color: #f9f7f1;
text-align: center;
}
.visual_html__b2_lS {
text-transform: uppercase;
border-bottom: 2px solid #2f2f2f;
border-top: 2px solid #2f2f2f;
padding: 12px 0 12px 0;
font-family: 'Droid Serif', serif;
font-size: 14px;
color: #2f2f2f;
background-color: #f9f7f1;
text-align: center;
}
.visual_watermark__G6bXz {
display: None;
}
.axis_tick__iIK3n text {
font-size: 1.0rem;
}
.chart_watermark__zSrtM {
display: None;
}
.Badge_filled__DqQJ8.Badge_color-success__2gy_7 {
color: #2f2f2f;
background-color: #f9f7f1;
}
.avatar_avatar__oYgDG.avatar_rounded__zSZkP {
display: None;
}
.header_link__El_0d span:nth-of-type(2) {
display: None;
font-style: italic;
font-size: 12px;
font-weight: 400;
}
.header_description__frTz_ p {
display: None;
}
svg text {
fill: #2f2f2f!important;
}
.pagetitle_avatar__6x3eR {
display: None;
}
.pagetitle_actions__N6uDs {
display: None;
}
.Header_header__yKi_v {
display: None;
}
.pagetitle_titleWrapper__sVeyL a {
display: None;
}
.pagetitle_titleUser__EElTI .pagetitle_title__ng6a3 h1 {
font-family: 'Playfair Display', serif;
font-weight: 900;
font-size: 80px;
text-transform: uppercase;
display: inline-block;
line-height: 72px;
margin-bottom: 20px;
}
.visual_wrap__BRTHj {
border: 3px double #2f2f2f
}
.visual_wrap__BRTHj.visual_counter__Ru_xH {
border: 2px solid #2f2f2f
}
.visual_counter__Ru_xH .visual_result__tveha svg {
fill: black;
}
.table_table__fuS_N th {
background: #D1CBC1;
}
.table_footer__aB65O input {
background: #D1CBC1;
}
.table_footer__aB65O .table_total___lqki {
background: #D1CBC1;
}
.visual_wrap__BRTHj.visual_text__qucEL {
background: #D1CBC1;
}
article.react-grid-item.widgets_cell__72oor.cssTransforms.react-resizable-hide.react-resizable:nth-of-type(36) {
background: #D1CBC1 !important;
}
article.react-grid-item.widgets_cell__72oor.cssTransforms.react-resizable-hide.react-resizable:nth-of-type(34) {
background: #D1CBC1 !important;
}
article.react-grid-item.widgets_cell__72oor.cssTransforms.react-resizable-hide.react-resizable:nth-of-type(35) {
background: #D1CBC1 !important;
}
article.react-grid-item.widgets_cell__72oor.cssTransforms.react-resizable-hide.react-resizable:nth-of-type(37) {
background: #D1CBC1 !important;
}
.header_header__uXFID {
font-size: 1.4rem;
line-height: 21px;
text-transform: none;
text-align: center;
}
[class^="table_footer_"] {
visibility: hidden;
}
.pagetitle_titleWrapper__sVeyL {
display: block !important;
text-align: center;
}
.pagetitle_titleWrapper__sVeyL h1 {
display: none !important;
}
.pagetitle_titleWrapper__sVeyL:after {
content: 'The Lido Daily';
}
.header_title__y_I68 {
font-size: 1.4rem;
line-height: 21px;
text-transform: none;
text-align: center;
}
.header_link__El_0d {
font-size: 1.4rem;
line-height: 21px;
text-transform: none;
text-align: center;
}
.headerobjectswrapper {}
.subhead {
text-transform: uppercase;
border-bottom: 2px solid #2f2f2f;
border-top: 2px solid #2f2f2f;
padding: 12px 0 12px 0;
}
.weatherforcastbox {
position: relative;
width: 12%;
left: 10px;
border: 3px double #2f2f2f;
padding: 10px 15px 10px 15px;
line-height: 20px;
display: inline-block;
margin: 0 50px 20px -360px;
}
.content {
font-size: 0;
line-height: 0;
word-spacing: -.31em;
display: inline-block;
margin: 30px 2% 0 2%;
}
.collumns {}
.collumn {
font-size: 14px;
line-height: 20px;
width: 17.5%;
display: inline-block;
padding: 0 1% 0 1%;
vertical-align: top;
margin-bottom: 50px;
transition: all .7s;
}
.collumn + .collumn {
border-left: 1px solid #2f2f2f;
}
.collumn .headline {
text-align: center;
line-height: normal;
font-family: 'Playfair Display', serif;
display: block;
margin: 0 auto;
}
.collumn .headline.hl1 {
font-weight: 700;
font-size: 30px;
text-transform: uppercase;
padding: 10px 0 10px 0;
}
.collumn .headline.hl2 {
font-weight: 400;
font-style: italic;
font-size: 24px;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .headline.hl2:before {
border-top: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 7px;
display: block;
margin: 0 auto;
}
.collumn .headline.hl2:after {
border-bottom: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 13px;
display: block;
margin: 0 auto;
}
.collumn .headline.hl3 {
font-weight: 400;
font-style: italic;
font-size: 36px;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .headline.hl4 {
font-weight: 700;
font-size: 12px;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .headline.hl4:before {
border-top: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 7px;
display: block;
margin: 0 auto;
}
.collumn .headline.hl4:after {
border-bottom: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 10px;
display: block;
margin: 0 auto;
}
.collumn .headline.hl5 {
font-weight: 400;
font-size: 42px;
text-transform: uppercase;
font-style: italic;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .headline.hl6 {
font-weight: 400;
font-size: 18px;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .headline.hl6:before {
border-top: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 7px;
display: block;
margin: 0 auto;
}
.collumn .headline.hl6:after {
border-bottom: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 10px;
display: block;
margin: 0 auto;
}
.collumn .headline.hl7 {
font-weight: 700;
font-size: 12px;
box-sizing: border-box;
display: block;
padding: 10px 0 10px 0;
}
.collumn .headline.hl8 {
font-weight: 700;
font-size: 12px;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .headline.hl9 {
font-weight: 700;
font-size: 12px;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .headline.hl10 {
font-weight: 700;
font-size: 12px;
box-sizing: border-box;
padding: 10px 0 10px 0;
}
.collumn .citation {
font-family: 'Playfair Display', serif;
font-size: 36px;
line-height: 44px;
/*font-style: italic;*/
text-align: center;
font-weight: 400;
display: block;
margin: 40px 0 40px 0;
font-feature-settings: "liga", "dlig";
}
.collumn .citation:before {
border-top: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 16px;
display: block;
margin: 0 auto;
}
.collumn .citation:after {
border-bottom: 1px solid #2f2f2f;
content: '';
width: 100px;
height: 16px;
display: block;
margin: 0 auto;
}
.collumn .figure {
margin: 0 0 20px;
}
.collumn .figcaption {
font-style: italic;
font-size: 12px;
}
.media {
-webkit-filter: sepia(80%) contrast(1) opacity(0.8);
filter: sepia(80%) grayscale(1) contrast(1) opacity(0.8);
mix-blend-mode: multiply;
width: 100%;
}
/*________________________________________________________________________________________________________________________________*/
/*MEDIAQUERIES*/
@media only all and (max-width: 1300px) {
.weatherforcastbox {
display: none;
}
}
@media only all and (max-width: 1200px) {
.collumn {
width: 31%;
}
}
@media only all and (max-width: 900px) {
.collumn {
width: 47%;
}
}
@media only all and (max-width: 600px) {
.collumn {
width: 100%;
}
.collumn + .collumn {
border-left: none;
border-bottom: 1px solid #2f2f2f;
}
header {
max-width: 320px;
font-size: 60px;
line-height: 54px;
overflow: hidden;
}
}
}