<head>
Title that appears in search results
<data:blog.title/>
<data:messages.search/>: <data:view.search.query/>
<data:blog.pageName/> - <data:blog.title/>
Blog archive in: <data:blog.pageName/>
Blog - <data:blog.title/>
Error 404: Not Found!
It will omit the blog title when the character count exceeds 57
<data:blog.pageName/>
<data:blog.pageName/> - <data:blog.title/>
Replace Add_your_image_url_here with your image url
<style>/*
*/
/*
THEME DETAILS:
.
Name : Median UI
Demo site : median-ui.jagodesain.com
Powered by : jagodesain.com
For : blogger.com
.
============================================================================
NOTE:
This theme is premium (paid). You can only get it by purchasing officially.
If you get it for free through any method, that mean's you get it illegally.
============================================================================
*/
/* Variable */
:root{
/* var: Font */
--fontSize: $(fontSize) ;
--fontHead: 'Inter', sans-serif ;
--fontBody: 'Inter', sans-serif ;
--fontBody-alt: 'Fira Sans', sans-serif ;
--fontCode: 'Fira Mono', sans-serif ;
--head-H1: 2rem ;
--head-H2: 1.8rem ;
--head-H3: 1.7rem ;
--head-H4: 1.6rem ;
--head-H5: 1.5rem ;
--head-H6: 1.4rem ;
--head-fontWg: 400 ;
}
.nB{
/* var: Light-mode */
--lightLink: $(themeLink) ;
--lightC: $(themeC) ;
--lightC-alt: $(themeC.alt)cc ; /* cc mean's opacity 80% */
--lightBg: $(themeBg) ;
--lightBg-alt: $(themeBg.alt) ;
--lightBg-sec: $(themeBg.sec) ;
--lightBg-pop: rgb(14 20 27 / 30%) ;
--lightBd-color: $(themeBd.color) ;
/* var: Dark-mode */
--darkLink: $(darkLink) ;
--darkC: $(darkC) ;
--darkC-alt: $(darkC.alt)B3 ; /* B3 mean's opacity 70% */
--darkBg: $(darkBg) ;
--darkBg-alt: $(darkBg.alt) ;
--darkBg-sec: $(darkBg.sec) ;
--darkBg-pop: rgb(14 20 27 / 90%) ;
--darkBd-color: $(darkBd.color) ;
/* var: Theme */
--themeLink: var(--lightLink) ;
--themeC: var(--lightC) ;
--themeC-alt: var(--lightC-alt) ;
--themeBg: var(--lightBg) ;
--themeBg-alt: var(--lightBg-alt) ;
--themeBg-sec: var(--lightBg-sec) ;
--themeBg-pop: var(--lightBg-pop) ;
--themeBd-color: var(--lightBd-color) ;
/* var: Basic, button, input */
--vHeight: 100vh ;
--selectC: #fffdfc ;
--selectBg: var(--themeLink) ;
--placeHolder: var(--themeC-alt) ;
--buttonC: $(buttonC) ;
--buttonBg: $(buttonBg) ;
--buttonBd-line: $(buttonBd.line) ;
--buttonBd-color: $(buttonBd.color) ;
--buttonBd-radius: $(buttonBd.radius) ;
--button-maxWidth: $(button.maxWidth) ;
--inputC: currentColor ;
--inputBg: var(--themeBg) ;
--inputBd-line: 1px ;
--inputBd-color: var(--themeBd-color) ;
--inputBd-radius: 4px ;
/* var: Icons */
--iconWidth: 35px ;
--iconHeight: 35px ;
/* var: Pop-up */
--closeHeight-phone: 60px ;
/* var: Header */
--headerText-after: '' ;
--headerWidth-expand: var(--sideWidth-expand) ;
--headerHeight: $(headerHeight) ;
--headerHeight-min: -$(headerHeight) ;
--headerHeight-phone: $(headerHeight.phone) ;
--header-font: 1.143em ;
--header-fontWg: 500 ;
--headerC: $(headerC) ;
--headerBg: $(headerBg) ;
--headerBd-line: $(headerBd.line) ;
--headerBd-radiusBL: $(headerBd.radiusBL) ;
--headerBd-radiusBR: $(headerBd.radiusBR) ;
--headerBd-color: $(headerBd.color) ;
--headerLogo-maxWidth: $(logo.maxWidth) ;
--headerLogo-maxHeight: $(logo.maxHeight) ;
/* var: Sidenav */
--sideWidth: $(sideWidth.collapse) ;
--sideWidth-collapse: var(--sideWidth) ;
--sideWidth-expand: $(sideWidth.expand) ;
--sideWidth-max: $(sideWidth.max) ;
--sideMargin-phone: $(sideMargin) ;
--sideC: $(sideC) ;
--sideBg: $(sideBg) ;
--sideBd-line: $(sideBd.line) ;
--sideBd-radiusTL: $(sideBd.radiusTL) ;
--sideBd-radiusTR: $(sideBd.radiusTR) ;
--sideBd-radiusBR: $(sideBd.radiusBR) ;
--sideBd-radiusBL: $(sideBd.radiusBL) ;
--sideBd-color: $(sideBd.color) ;
/* var: Sidebar */
--sidebarWidth: $(sidebarWidth) ;
--sidebarPadding: $(sidebarPadding) ;
--sidebarC: $(sidebarC) ;
--sidebarBg: $(sidebarBg) ;
--sidebarBd-line: $(sidebarBd.line) ;
--sidebarBd-radius: $(sidebarBd.radius) ;
--sidebarBd-color: $(sidebarBd.color) ;
/* var: Content */
--content-maxWidth: $(content.maxWidth) ;
--contentPost-maxWidth: $(contentPost.maxWidth) ;
--contentPage-maxWidth: $(contentPage.maxWidth) ;
--contentPop-maxWidth: $(contentPop.maxWidth) ;
--contentPadding: $(contentPadding) ;
--contentPadding-minus: -$(contentPadding) ;
--contentPadding-box: $(contentPadding.box) ;
--contentSpace: $(contentSpace) ;
--contentC: $(contentC) ;
--contentBg: $(contentBg) ;
--contentBg-alt: $(contentBg.alt) ;
--contentBg-sec: $(contentBg.sec) ;
--contentBd-line: $(contentBd.line) ;
--contentBd-radius: $(contentBd.radius) ;
--contentBd-radiusA: $(contentBd.radiusA) ;
--contentBd-color: $(contentBd.color) ;
/* var: Footer */
--footerC: $(footerC) ;
--footerBg: $(footerBg) ;
--footerBd-line: $(footerBd.line) ;
--footerBd-radiusTL: $(footerBd.radiusTL) ;
--footerBd-radiusTR: $(footerBd.radiusTR) ;
--footerBd-color: $(footerBd.color) ;
/* var: Post style */
--postPadding: $(postPadding) ;
--postPadding-phone: $(postPadding.phone) ;
--postPadding-content: $(postPadding.content) ;
--postC: $(postC) ;
--postBg: $(postBg) ;
--postBd-line: $(postBd.line) ;
--postBd-radius: $(postBd.radius) ;
--postBd-color: $(postBd.color) ;
--postBs-color: $(postBs.color) ;
--postBs-hoverColor: $(postBs.hoverColor) ;
/* var: Post font */
--postTitle-font: 2.6rem ;
--postTitle-fontPhone: 2rem ;
--postTitle-fontWg: 400 ;
--postTitle-fontItems: 1.2em ;
--postTitle-fontItemsPhone: 1.1em ;
--postDescription-font: 1.13rem ;
--postDescription-fontPhone: 1.072rem ;
--postBody-font: 1.143rem ;
--postBody-fontPhone: 1.072rem ;
/* var: Post typo */
--postBreak: 3em ;
--postImageBd-radius: 2px;
--lineHeight: 1.7 ;
--lineSpacing: 1.8em ;
--tableBg-color: rgb(246 246 246 / 80%) ;
/* var: Post thumbnail */
--thumbnailRatio: 56.25% ; /* According to aspect-ratio 16:9 (divide 9 by 16 = 0.5625) */
--thumbnailRatio-box: 100% ;
/* var: Post syntax */
--synC: #2f3337 ;
--synBg: #f8f9fa ;
--synOrange: #b75501 ;
--synBlue: #015692 ;
--synGreen: #54790d ;
--synRed: #f15a5a ;
--synGray: #656e77 ;
--synGold: #72621d ;
--synPurple: #803378 ;
--synBd-line: 1px ;
--synBd-radius: 4px ;
--synBd-color: #d2d3d7 ;
/* var: Post component */
--noteAfter: '\002A' ;
--warnAfter: '\0021' ;
--noteC: $(noteC) ;
--noteBg: $(noteBg) ;
--warnC: $(warnC) ;
--warnBg: $(warnBg) ; /*#fef5fa*/
--stepC: $(stepC) ;
--stepHover: $(stepHover) ;
/* var: Widget */
--widgetTitle-font: 1.072rem ;
--widgetTitle-fontWg: 400 ;
--widgetTitle-afterD: inline-block ;
--widgetTitle-afterWd: 10px ;
--widgetTitle-afterC: var(--themeBd-color) ;
--widgetTitle-space: 20px ;
/* var: Widget notify */
--notifHeight: $(notifHeight) ;
--notifLink: $(notifLink) ;
--notifC: $(notifC) ;
--notifBg: $(notifBg) ;
/* var: Widget slider */
--sliderBd-radius: 4px ;
--sliderRatio: 43.75% ;
/* var: Widget featuredPosts */
--thumbnailSize: 300px ;
/* var: Widget mobileMenu */
--mobileHeight: $(mobileHeight) ;
--mobileMargin: $(mobileMargin) ;
--mobileC: $(mobileC) ;
--mobileBg: $(mobileBg) ;
--mobileBd-line: $(mobileBd.line) ;
--mobileBd-radiusTL: $(mobileBd.radiusTL) ;
--mobileBd-radiusTR: $(mobileBd.radiusTR) ;
--mobileBd-radiusBR: $(mobileBd.radiusBR) ;
--mobileBd-radiusBL: $(mobileBd.radiusBL) ;
--mobileBd-color: $(mobileBd.color) ;
/* var: Widget ToC */
--tocWidth: $(tocWidth) ;
--tocWidth-minus: -$(tocWidth) ;
--tocMargin: $(tocMargin) ;
--tocC: $(tocC) ;
--tocBg: $(tocBg) ;
--tocBd-line: $(tocBd.line) ;
--tocBd-radiusTL: $(tocBd.radiusTL) ;
--tocBd-radiusTR: $(tocBd.radiusTR) ;
--tocBd-radiusBR: $(tocBd.radiusBR) ;
--tocBd-radiusBL: $(tocBd.radiusBL) ;
--tocBd-color: $(tocBd.color) ;
/* var: Transition */
--tDuration: .1s ease ;
--tShowHide: opacity var(--tDuration), visibility var(--tDuration) ;
/* var: Bookmark */
--addBookmark: 'Save' ;
--removeBookmark: 'Saved' ;
--bookmarkTextLenght: 90px ;
/* var: Custom text */
--free: 'Free!' ;
--new: 'New!' ;
--breadcrumbs: '\005C' ;
--noImage: 'Null' ;
--labelComa: 'and' ;
--closeButton: 'Close' ;
--pageNext: 'Next' ;
--pagePrev: 'Back' ;
--latestUpdate: '\21BB' ;
--reply: 'Reply' ;
--replies: 'Write a reply...' ;
--readtimeBefore: '\00B7' ;
--readtimeAfter: 'min read' ;
--copyLink: 'or copy link' ;
--copied: 'Copied!' ;
--tableToc: 'Contents' ;
}
/*]]>