Last active
October 9, 2017 12:54
-
-
Save tranghaviet/1e57d84b74d9ddc52e37d6421151bdf5 to your computer and use it in GitHub Desktop.
haviettrang.blogspot.com asset
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;src:local('Playfair Display Black'),local('PlayfairDisplay-Black'),url(//fonts.gstatic.com/s/playfairdisplay/v11/UC3ZEjagJi85gF9qFaBgIJDIFf5Wheh9SWCUqp--Vvo.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;src:local('Playfair Display Black'),local('PlayfairDisplay-Black'),url(//fonts.gstatic.com/s/playfairdisplay/v11/UC3ZEjagJi85gF9qFaBgIJulvK9r9ZyXR2Qi4DVS52A.woff2)format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:900;src:local('Playfair Display Black'),local('PlayfairDisplay-Black'),url(//fonts.gstatic.com/s/playfairdisplay/v11/UC3ZEjagJi85gF9qFaBgIMGhQI7v0ryGuSQ4oDzNyds.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atzTOQ_MqJVwkKsUn0wKzc2I.woff2)format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atzUj_cnvWIuuBMVgbX098Mw.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at0bcKLIaa1LC45dFaAfauRA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at2o_sUJ8uO4YLWRInS22T3Y.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at76up8jxqWt8HVA3mDhkV_0.woff2)format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0atyYE0-AqJ3nfInTTiDXDjU4.woff2)format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:italic;font-weight:300;src:local('Roboto Light Italic'),local('Roboto-LightItalic'),url(//fonts.gstatic.com/s/roboto/v16/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;}@font-face{font-family:'Damion';font-style:normal;font-weight:400;src:local('Damion'),url(//fonts.gstatic.com/s/damion/v6/DwAj7ratfj53tabaOiOW3g.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v16/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v16/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v16/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v16/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v16/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v16/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(//fonts.gstatic.com/s/roboto/v16/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(//fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| <!-- Constants --> | |
| <Variable name="damionRegular36" description="Damion Regular 36" type="font" default="400 36px Damion, cursive" hideEditor="true" /> | |
| <Variable name="damionRegular62" description="Damion Regular 62" type="font" default="400 62px Damion, cursive" hideEditor="true" /> | |
| <Variable name="playfairDisplayBlack28" description="Playfair Display Black 28" type="font" default="900 28px Playfair Display, serif" hideEditor="true" /> | |
| <Variable name="playfairDisplayBlack36" description="Playfair Display Black 36" type="font" default="900 36px Playfair Display, serif" hideEditor="true" /> | |
| <Variable name="playfairDisplayBlack44" description="Playfair Display Black 44" type="font" default="900 44px Playfair Display, serif" hideEditor="true" /> | |
| <Variable name="robotoNormal15" description="Roboto Normal 15" type="font" default="15px Roboto, sans-serif" hideEditor="true" /> | |
| <Variable name="robotoNormal16" description="Roboto Normal 16" type="font" default="16px Roboto, sans-serif" hideEditor="true" /> | |
| <Variable name="robotoLightItalic15" description="Roboto Light Italic 15" type="font" default="italic 300 15px Roboto, sans-serif" hideEditor="true" /> | |
| <Variable name="robotoBold22" description="Roboto Bold 22" type="font" default="bold 22px Roboto, sans-serif" hideEditor="true" /> | |
| <Variable name="robotoBold30" description="Roboto Bold 30" type="font" default="bold 30px Roboto, sans-serif" hideEditor="true" /> | |
| <Variable name="robotoBold45" description="Roboto Bold 45" type="font" default="bold 45px Roboto, sans-serif" hideEditor="true" /> | |
| <!-- Variable definitions --> | |
| <Variable name="keycolor" description="Main color" type="color" default="#2196f3" /> | |
| <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" hideEditor="true" /> | |
| <Variable name="endSide" description="End side in blog language" type="automatic" default="right" hideEditor="true" /> | |
| <Group description="Page Text"> | |
| <Variable name="body.text.font" description="Font" | |
| type="font" | |
| default="15px Roboto, sans-serif" /> | |
| <Variable name="body.text.color" description="Color" | |
| type="color" | |
| default="#757575" /> | |
| </Group> | |
| <Group description="Backgrounds"> | |
| <Variable name="body.background.height" description="Background height" | |
| type="length" | |
| min="420px" | |
| max="640px" | |
| default="480px" /> | |
| <Variable name="body.background" description="Background" | |
| color="#eeeeee" | |
| type="background" | |
| default="$(color) none repeat scroll top left" /> | |
| <Variable name="body.background.color" description="Body background color" | |
| type="color" | |
| default="#eee" /> | |
| <Variable name="posts.background.color" description="Post background color" | |
| type="color" | |
| default="#fff" /> | |
| <Variable name="body.background.blur" description="Background blur" | |
| type="length" | |
| min="0px" | |
| max="50px" | |
| default="0px" /> | |
| </Group> | |
| <Group description="Links"> | |
| <Variable name="body.link.color" description="Link color" | |
| type="color" | |
| default="#2196f3" /> | |
| <Variable name="body.link.visited.color" description="Visited link color" | |
| type="color" | |
| default="#2196f3" /> | |
| <Variable name="body.link.hover.color" description="Link Hover color" | |
| type="color" | |
| default="#2196f3" /> | |
| </Group> | |
| <Group description="Blog title" selector="div.widget.Header"> | |
| <Variable name="blog.title.font" description="Font" | |
| type="font" | |
| default="bold 45px Roboto, sans-serif" /> | |
| <Variable name="blog.title.color" description="Color" | |
| type="color" | |
| default="#fff" /> | |
| <Variable name="header.icons.color" | |
| description="Background icons color" | |
| type="color" | |
| default="#fff" /> | |
| </Group> | |
| <Group description="Tabs text" selector="div.widget.PageList"> | |
| <Variable name="tabs.font" description="Font" | |
| type="font" | |
| family="Roboto, sans-serif" | |
| size="15px" | |
| default="700 normal $(size) $(family)" /> | |
| <Variable name="tabs.color" description="Text color" | |
| type="color" | |
| default="#ccc" /> | |
| <Variable name="tabs.selected.color" description="Selected color" | |
| type="color" | |
| default="#fff" /> | |
| <Variable name="tabs.overflow.background.color" description="Popup background color" | |
| type="color" | |
| default="#ffffff" /> | |
| <Variable name="tabs.overflow.color" description="Popup text color" | |
| type="color" | |
| default="#757575" /> | |
| <Variable name="tabs.overflow.selected.color" description="Popup selected color" | |
| type="color" | |
| default="#212121" /> | |
| </Group> | |
| <Group description="Posts" selector="div.widget.Blog"> | |
| <Variable name="posts.title.color" description="Post title color" | |
| type="color" | |
| default="#212121" /> | |
| <Variable name="posts.title.font" description="Post title font" | |
| type="font" | |
| default="bold 22px Roboto, sans-serif" /> | |
| <Variable name="posts.stream.title.font" description="Post title stream font" | |
| type="font" | |
| default="bold 30px Roboto, sans-serif" /> | |
| <Variable name="posts.text.font" description="Post text font" | |
| type="font" | |
| default="15px Roboto, sans-serif" /> | |
| <Variable name="posts.text.color" description="Post text color" | |
| type="color" | |
| default="#757575" /> | |
| <Variable name="posts.byline.color" description="Post byline color" | |
| type="color" | |
| default="rgba(0, 0, 0, 0.54)" /> | |
| <Variable name="blockquote.font" description="Blockquote font" | |
| type="font" | |
| default="italic 300 15px Roboto, sans-serif" /> | |
| <Variable name="blockquote.color" description="Blockquote color" | |
| type="color" | |
| default="#444" /> | |
| <Variable name="posts.icons.color" | |
| description="Post icons color" | |
| type="color" | |
| default="#707070" /> | |
| </Group> | |
| <Group description="Search"> | |
| <Variable name="search.input.color" description="Input color" | |
| type="color" | |
| default="#ffffff" /> | |
| <Variable name="search.input.font" description="Input font" | |
| type="font" | |
| default="16px Roboto, sans-serif" /> | |
| <Variable name="search.placeholder.color" description="Placeholder text color" | |
| type="color" | |
| default="#ffffff" /> | |
| </Group> | |
| <Group description="Sharing"> | |
| <Variable name="sharing.background.color" | |
| description="Sharing background color" | |
| type="color" | |
| default="#ffffff" /> | |
| <Variable name="sharing.text.color" description="Sharing text color" | |
| type="color" | |
| default="#212121" /> | |
| <Variable name="sharing.icons.color" | |
| description="Sharing icons color" | |
| type="color" | |
| default="#212121" /> | |
| </Group> | |
| <Group description="Popular posts" selector="div.widget.PopularPosts"> | |
| <Variable name="popularposts.background.color" | |
| description="Popular post background color" | |
| type="color" | |
| default="#eeeeee" /> | |
| <Variable name="popularposts.byline.color" | |
| description="Popular post byline color" | |
| type="color" | |
| default="rgba(0, 0, 0, 0.54)" /> | |
| <Variable name="popularposts.title.color" | |
| description="Popular post title color" | |
| type="color" | |
| default="#212121" /> | |
| <Variable name="popularposts.text.color" | |
| description="Popular post text color" | |
| type="color" | |
| default="#757575" /> | |
| <Variable name="popularposts.link.color" | |
| description="Popular post link color" | |
| type="color" | |
| default="#2196f3" /> | |
| </Group> | |
| <Group description="Post navigation" selector='div.blog-pager'> | |
| <Variable name="posts.navigation.link.color" | |
| description="Post navigation links color" | |
| type="color" | |
| default="#2196f3" /> | |
| <Variable name="posts.navigation.link.visited.color" | |
| description="Post navigation links visited color" | |
| type="color" | |
| default="#2196f3" /> | |
| <Variable name="posts.navigation.link.hover.color" | |
| description="Post navigations links hover color" | |
| type="color" | |
| default="#2196f3" /> | |
| </Group> | |
| <Group description="Sidebar" selector="div.sidebar-container"> | |
| <Variable name="sidebar.backgroundColorTop" | |
| description="Background color (Top)" | |
| type="color" | |
| default="#f7f7f7" /> | |
| <Variable name="sidebar.backgroundColorTopHD" | |
| description="Background color (Top) - HD" | |
| type="color" | |
| default="rgba(255, 255, 255, 1)" /> | |
| <Variable name="sidebar.backgroundColorBottom" | |
| description="Background color (Bottom)" | |
| type="color" | |
| default="#fff" /> | |
| <Variable name="sidebar.separator.color" | |
| description="Separator color" | |
| type="color" | |
| default="#ccc" /> | |
| <Variable name="widget.title.color" | |
| description="Gadget title color" | |
| type="color" | |
| default="#212121" /> | |
| <Variable name="sidebar.icons.color" | |
| description="Sidebar icons color" | |
| type="color" | |
| default="#707070" /> | |
| </Group> | |
| <Group description="Author profile" selector='.widget.Profile'> | |
| <Variable name="profile.title.color" description="Profile title color" | |
| type="color" | |
| default="rgba(0,0,0,0.52)" /> | |
| <Variable name="profile.text.color" description="Profile text color" | |
| type="color" | |
| default="rgba(0, 0, 0, 0.54)" /> | |
| <Variable name="profile.link.color" description="Profile link color" | |
| type="color" | |
| default="#212121" /> | |
| </Group> | |
| <Group description="Labels" selector=".widget.Label"> | |
| <Variable name="labels.text.color" | |
| description="Label text color" | |
| type="color" | |
| default="#2196f3" /> | |
| <Variable name="labels.background.color" | |
| description="Label background color" | |
| type="color" | |
| red="0" | |
| green="0" | |
| blue="0" | |
| default="rgba($red, $green, $blue, 0.05)" /> | |
| </Group> | |
| <Group description="Attribution" selector=".widget.Attribution"> | |
| <Variable name="attribution.text.color" description="Attribution text color" | |
| type="color" | |
| default="#757575" /> | |
| <Variable name="attribution.link.color" description="Attribution link color" | |
| type="color" | |
| default="#2196f3" /> | |
| <Variable name="attribution.icon.color" description="Attribution icon color" | |
| type="color" | |
| default="#707070" | |
| hideEditor="true" /> | |
| </Group> | |
| <Group description="Widths"> | |
| <Variable name="sidebar.width" description="Sidebar width" type="length" | |
| min="100px" max="1000px" default="284px" /> | |
| <Variable name="content.width" description="Content width" type="length" | |
| min="600px" max="2400px" default="922px" /> | |
| <Variable name="content.margin" description="Content margin" type="length" | |
| min="0px" max="1000px" default="117px" /> | |
| </Group> | |
| */ | |
| /*!************************************************ | |
| * Blogger Template Style | |
| * Name: Contempo | |
| **************************************************/ | |
| body { | |
| overflow-wrap: break-word; | |
| word-break: break-word; | |
| word-wrap: break-word; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .container::after, | |
| .float-container::after { | |
| clear: both; | |
| content: ''; | |
| display: table; | |
| } | |
| .clearboth { | |
| clear: both; | |
| } | |
| .dim-overlay { | |
| background-color: rgba(0, 0, 0, 0.54); | |
| height: 100vh; | |
| left: 0; | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| } | |
| #sharing-dim-overlay { | |
| background-color: transparent; | |
| } | |
| .loading-spinner-large { | |
| -webkit-animation: mspin-rotate 1568.63ms infinite linear; | |
| animation: mspin-rotate 1568.63ms infinite linear; | |
| height: 48px; | |
| overflow: hidden; | |
| position: absolute; | |
| width: 48px; | |
| z-index: 200; | |
| } | |
| .loading-spinner-large > div { | |
| -webkit-animation: mspin-revrot 5332ms infinite steps(4); | |
| animation: mspin-revrot 5332ms infinite steps(4); | |
| } | |
| .loading-spinner-large > div > div { | |
| -webkit-animation: mspin-singlecolor-large-film 1333ms infinite steps(81); | |
| animation: mspin-singlecolor-large-film 1333ms infinite steps(81); | |
| background-size: 100%; | |
| height: 48px; | |
| width: 3888px; | |
| } | |
| .mspin-black-large > div > div, | |
| .mspin-grey_54-large > div > div { | |
| background-image: url(https://www.blogblog.com/indie/mspin_black_large.svg); | |
| } | |
| .mspin-white-large > div > div { | |
| background-image: url(https://www.blogblog.com/indie/mspin_white_large.svg); | |
| } | |
| .mspin-grey_54-large { | |
| opacity: .54; | |
| } | |
| @-webkit-keyframes mspin-singlecolor-large-film { | |
| from { | |
| -webkit-transform: translateX(0); | |
| transform: translateX(0); | |
| } | |
| to { | |
| -webkit-transform: translateX(-3888px); | |
| transform: translateX(-3888px); | |
| } | |
| } | |
| @keyframes mspin-singlecolor-large-film { | |
| from { | |
| -webkit-transform: translateX(0); | |
| transform: translateX(0); | |
| } | |
| to { | |
| -webkit-transform: translateX(-3888px); | |
| transform: translateX(-3888px); | |
| } | |
| } | |
| @-webkit-keyframes mspin-rotate { | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @keyframes mspin-rotate { | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| to { | |
| -webkit-transform: rotate(360deg); | |
| transform: rotate(360deg); | |
| } | |
| } | |
| @-webkit-keyframes mspin-revrot { | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| to { | |
| -webkit-transform: rotate(-360deg); | |
| transform: rotate(-360deg); | |
| } | |
| } | |
| @keyframes mspin-revrot { | |
| from { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| to { | |
| -webkit-transform: rotate(-360deg); | |
| transform: rotate(-360deg); | |
| } | |
| } | |
| input::-ms-clear { | |
| display: none; | |
| } | |
| .blogger-logo, | |
| .svg-icon-24.blogger-logo { | |
| fill: #ff9800; | |
| opacity: 1.0; | |
| } | |
| .skip-navigation { | |
| background-color: #fff; | |
| box-sizing: border-box; | |
| color: #000; | |
| display: block; | |
| height: 0; | |
| left: 0; | |
| line-height: 50px; | |
| overflow: hidden; | |
| padding-top: 0; | |
| position: fixed; | |
| text-align: center; | |
| top: 0; | |
| -webkit-transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s; | |
| transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s; | |
| width: 100%; | |
| z-index: 900; | |
| } | |
| .skip-navigation:focus { | |
| box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); | |
| height: 50px; | |
| } | |
| #main { | |
| outline: none; | |
| } | |
| .main-heading { | |
| position: absolute; | |
| clip: rect(1px, 1px, 1px, 1px); | |
| padding: 0; | |
| border: 0; | |
| height: 1px; | |
| width: 1px; | |
| overflow: hidden; | |
| } | |
| .widget.Attribution { | |
| margin-top: 1em; | |
| text-align: center; | |
| } | |
| .widget.Attribution .blogger img, | |
| .widget.Attribution .blogger svg { | |
| vertical-align: bottom; | |
| } | |
| .widget.Attribution .blogger img { | |
| margin-right: 0.5em; | |
| } | |
| .widget.Attribution div { | |
| line-height: 24px; | |
| margin-top: 0.5em; | |
| } | |
| .widget.Attribution .image-attribution, | |
| .widget.Attribution .copyright { | |
| font-size: 0.7em; | |
| margin-top: 1.5em; | |
| } | |
| .item-control { | |
| display: none; | |
| } | |
| .BLOG_mobile_video_class { | |
| display: none; | |
| } | |
| .bg-photo { | |
| background-attachment: scroll !important; | |
| } | |
| body .CSS_LIGHTBOX { | |
| z-index: 900; | |
| } | |
| .extendable .show-more, | |
| .extendable .show-less { | |
| border-color: #2196f3; | |
| color: #2196f3; | |
| margin-top: 8px; | |
| } | |
| .extendable .show-more.hidden, | |
| .extendable .show-less.hidden { | |
| display: none; | |
| } | |
| .inline-ad { | |
| display: none; | |
| max-width: 100%; | |
| overflow: hidden; | |
| } | |
| .adsbygoogle { | |
| display: block; | |
| } | |
| #cookieChoiceInfo { | |
| bottom: 0; | |
| top: auto; | |
| } | |
| iframe.b-hbp-video { | |
| border: 0; | |
| } | |
| .post-body img { | |
| max-width: 100%; | |
| } | |
| .post-body iframe { | |
| max-width: 100%; | |
| } | |
| .post-body a[imageanchor="1"] { | |
| display: inline-block; | |
| } | |
| .byline { | |
| margin-right: 1em; | |
| } | |
| .byline:last-child { | |
| margin-right: 0; | |
| } | |
| .link-copied-dialog { | |
| max-width: 520px; | |
| outline: 0; | |
| } | |
| .link-copied-dialog .modal-dialog-buttons { | |
| margin-top: 8px; | |
| } | |
| .link-copied-dialog .goog-buttonset-default { | |
| background: transparent; | |
| border: 0; | |
| color: #2196f3; | |
| } | |
| .link-copied-dialog .goog-buttonset-default:focus { | |
| outline: 0; | |
| } | |
| .paging-control-container { | |
| margin-bottom: 16px; | |
| } | |
| .paging-control-container .paging-control { | |
| display: inline-block; | |
| } | |
| .paging-control-container .paging-control, | |
| .paging-control-container .comment-range-text::after { | |
| color: #2196f3; | |
| } | |
| .paging-control-container .paging-control, | |
| .paging-control-container .comment-range-text { | |
| margin-right: 8px; | |
| } | |
| .paging-control-container .paging-control::after, | |
| .paging-control-container .comment-range-text::after { | |
| content: '\00B7'; | |
| cursor: default; | |
| padding-left: 8px; | |
| pointer-events: none; | |
| } | |
| .paging-control-container .paging-control:last-child::after, | |
| .paging-control-container .comment-range-text:last-child::after { | |
| content: none; | |
| } | |
| .byline.reactions iframe { | |
| height: 20px; | |
| } | |
| .b-notification { | |
| color: #000; | |
| background-color: #fff; | |
| border-bottom: solid 1px #000; | |
| box-sizing: border-box; | |
| padding: 16px 32px; | |
| text-align: center; | |
| } | |
| .b-notification.visible { | |
| -webkit-transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |
| transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .b-notification.invisible { | |
| position: absolute; | |
| } | |
| .b-notification-close { | |
| position: absolute; | |
| right: 8px; | |
| top: 8px; | |
| } | |
| .no-posts-message { | |
| line-height: 40px; | |
| text-align: center; | |
| } | |
| @media screen and (max-width: 800px) { | |
| body.item-view .post-body a[imageanchor="1"][style*="float: left;"], | |
| body.item-view .post-body a[imageanchor="1"][style*="float: right;"] { | |
| float: none !important; | |
| clear: none !important; | |
| } | |
| body.item-view .post-body a[imageanchor="1"] img { | |
| display: block; | |
| height: auto; | |
| margin: 0 auto; | |
| } | |
| body.item-view .post-body > .separator:first-child > a[imageanchor="1"]:first-child { | |
| margin-top: 20px; | |
| } | |
| .post-body a[imageanchor] { | |
| display: block; | |
| } | |
| body.item-view .post-body a[imageanchor="1"] { | |
| margin-left: 0 !important; | |
| margin-right: 0 !important; | |
| } | |
| body.item-view .post-body a[imageanchor="1"] + a[imageanchor="1"] { | |
| margin-top: 16px; | |
| } | |
| } | |
| #comments { | |
| border-top: 1px dashed rgba(0, 0, 0, 0.54); | |
| margin-top: 20px; | |
| padding: 20px; | |
| } | |
| #comments .comment-thread ol { | |
| margin: 0; | |
| padding-left: 0; | |
| } | |
| #comments .comment-thread ol { | |
| padding-left: 0; | |
| } | |
| #comments .comment-thread .comment-replies, | |
| #comments .comment .comment-replybox-single { | |
| margin-left: 60px; | |
| } | |
| #comments .comment-thread .thread-count { | |
| display: none; | |
| } | |
| #comments .comment { | |
| list-style-type: none; | |
| padding: 0 0 30px 0; | |
| position: relative; | |
| } | |
| #comments .comment .comment { | |
| padding-bottom: 8px; | |
| } | |
| .comment .avatar-image-container { | |
| position: absolute; | |
| } | |
| .comment .avatar-image-container img { | |
| border-radius: 50%; | |
| } | |
| .avatar-image-container svg, | |
| .comment .avatar-image-container .avatar-icon { | |
| border-radius: 50%; | |
| border: solid 1px #707070; | |
| box-sizing: border-box; | |
| fill: #707070; | |
| height: 35px; | |
| margin: 0; | |
| padding: 7px; | |
| width: 35px; | |
| } | |
| .comment .comment-block { | |
| margin-top: 10px; | |
| padding-bottom: 0; | |
| } | |
| .comment .comment-block { | |
| margin-left: 60px; | |
| } | |
| #comments .comment-author-header-wrapper { | |
| margin-left: 40px; | |
| } | |
| #comments .comment .thread-expanded .comment-block { | |
| padding-bottom: 20px; | |
| } | |
| #comments .comment .comment-header .user, | |
| #comments .comment .comment-header .user a { | |
| color: #212121; | |
| font-style: normal; | |
| font-weight: bold; | |
| } | |
| #comments .comment .comment-actions { | |
| background: transparent; | |
| border: 0; | |
| box-shadow: none; | |
| color: #2196f3; | |
| cursor: pointer; | |
| font-size: 14px; | |
| font-weight: bold; | |
| outline: none; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| width: auto; | |
| bottom: 0; | |
| margin-bottom: 15px; | |
| position: absolute; | |
| } | |
| #comments .comment .comment-actions > * { | |
| margin-right: 8px; | |
| } | |
| #comments .comment .comment-header .datetime { | |
| bottom: 0; | |
| color: rgba(33,33,33,0.54); | |
| display: inline-block; | |
| font-size: 13px; | |
| font-style: italic; | |
| } | |
| #comments .comment .comment-header .datetime { | |
| margin-left: 8px; | |
| } | |
| #comments .comment .comment-header .datetime a, | |
| #comments .comment .comment-footer .comment-timestamp a { | |
| color: rgba(33,33,33,0.54); | |
| } | |
| .comment .comment-body, | |
| #comments .comment .comment-content { | |
| margin-top: 12px; | |
| word-break: break-word; | |
| } | |
| .comment-body { | |
| margin-bottom: 12px; | |
| } | |
| #comments.embed[data-num-comments="0"] { | |
| border: none; | |
| margin-top: 0; | |
| padding-top: 0; | |
| } | |
| #comments.embed[data-num-comments="0"] #comment-post-message, | |
| #comments.embed[data-num-comments="0"] div.comment-form > p, | |
| #comments.embed[data-num-comments="0"] p.comment-footer { | |
| display: none; | |
| } | |
| #comment-editor-src { | |
| display: none; | |
| } | |
| .comments .comments-content .loadmore.loaded { | |
| max-height: 0; | |
| opacity: 0; | |
| overflow: hidden; | |
| } | |
| .extendable .remaining-items { | |
| height: 0; | |
| overflow: hidden; | |
| -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |
| transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .extendable .remaining-items.expanded { | |
| height: auto; | |
| } | |
| .svg-icon-24, | |
| .svg-icon-24-button { | |
| cursor: pointer; | |
| height: 24px; | |
| width: 24px; | |
| min-width: 24px; | |
| } | |
| .touch-icon { | |
| margin: -12px; | |
| padding: 12px; | |
| } | |
| .touch-icon:focus, .touch-icon:active { | |
| background-color: rgba(153, 153, 153, 0.4); | |
| border-radius: 50%; | |
| } | |
| svg:not(:root).touch-icon { | |
| overflow: visible; | |
| } | |
| html[dir=rtl] .rtl-reversible-icon { | |
| -webkit-transform: scaleX(-1); | |
| -ms-transform: scaleX(-1); | |
| transform: scaleX(-1); | |
| } | |
| .touch-icon-button, | |
| .svg-icon-24-button { | |
| background: transparent; | |
| border: 0; | |
| margin: 0; | |
| outline: none; | |
| padding: 0; | |
| } | |
| .touch-icon-button .touch-icon:focus, | |
| .touch-icon-button .touch-icon:active { | |
| background-color: transparent; | |
| } | |
| .touch-icon-button:focus .touch-icon, | |
| .touch-icon-button:active .touch-icon { | |
| background-color: rgba(153, 153, 153, 0.4); | |
| border-radius: 50%; | |
| } | |
| .Profile .default-avatar-wrapper .avatar-icon { | |
| border-radius: 50%; | |
| border: solid 1px #707070; | |
| box-sizing: border-box; | |
| fill: #707070; | |
| margin: 0; | |
| } | |
| .Profile .individual .default-avatar-wrapper .avatar-icon { | |
| padding: 25px; | |
| } | |
| .Profile .individual .profile-img, | |
| .Profile .individual .avatar-icon { | |
| height: 120px; | |
| width: 120px; | |
| } | |
| .Profile .team .default-avatar-wrapper .avatar-icon { | |
| padding: 8px; | |
| } | |
| .Profile .team .profile-img, | |
| .Profile .team .avatar-icon, | |
| .Profile .team .default-avatar-wrapper { | |
| height: 40px; | |
| width: 40px; | |
| } | |
| .snippet-container { | |
| margin: 0; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .snippet-fade { | |
| bottom: 0; | |
| box-sizing: border-box; | |
| position: absolute; | |
| width: 96px; | |
| } | |
| .snippet-fade { | |
| right: 0; | |
| } | |
| .snippet-fade:after { | |
| content: '\2026'; | |
| } | |
| .snippet-fade:after { | |
| float: right; | |
| } | |
| .post-bottom { | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .post-footer { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; | |
| } | |
| .post-footer > * { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 1 auto; | |
| -ms-flex: 0 1 auto; | |
| flex: 0 1 auto; | |
| } | |
| .post-footer .byline:last-child { | |
| margin-right: 1em; | |
| } | |
| .jump-link { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .centered-top-container.sticky { | |
| left: 0; | |
| position: fixed; | |
| right: 0; | |
| top: 0; | |
| width: auto; | |
| z-index: 50; | |
| -webkit-transition-property: opacity, -webkit-transform; | |
| transition-property: opacity, -webkit-transform; | |
| transition-property: transform, opacity; | |
| transition-property: transform, opacity, -webkit-transform; | |
| -webkit-transition-duration: 0.2s; | |
| transition-duration: 0.2s; | |
| -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .centered-top-placeholder { | |
| display: none; | |
| } | |
| .collapsed-header .centered-top-placeholder { | |
| display: block; | |
| } | |
| .centered-top-container .Header .replaced h1, | |
| .centered-top-placeholder .Header .replaced h1 { | |
| display: none; | |
| } | |
| .centered-top-container.sticky .Header .replaced h1 { | |
| display: block; | |
| } | |
| .centered-top-container.sticky .Header .header-widget { | |
| background: none; | |
| } | |
| .centered-top-container.sticky .Header .header-image-wrapper { | |
| display: none; | |
| } | |
| .centered-top-container img, | |
| .centered-top-placeholder img { | |
| max-width: 100%; | |
| } | |
| .collapsible { | |
| -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |
| transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .collapsible, | |
| .collapsible > summary { | |
| display: block; | |
| overflow: hidden; | |
| } | |
| .collapsible > :not(summary) { | |
| display: none; | |
| } | |
| .collapsible[open] > :not(summary) { | |
| display: block; | |
| } | |
| .collapsible:focus, | |
| .collapsible > summary:focus { | |
| outline: none; | |
| } | |
| .collapsible > summary { | |
| cursor: pointer; | |
| display: block; | |
| padding: 0; | |
| } | |
| .collapsible:focus > summary, | |
| .collapsible > summary:focus { | |
| background-color: transparent; | |
| } | |
| .collapsible > summary::-webkit-details-marker { | |
| display: none; | |
| } | |
| .collapsible-title { | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .collapsible-title .title { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| -webkit-box-ordinal-group: 1; | |
| -webkit-order: 0; | |
| -ms-flex-order: 0; | |
| order: 0; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .collapsible-title .chevron-down, | |
| .collapsible[open] .collapsible-title .chevron-up { | |
| display: block; | |
| } | |
| .collapsible-title .chevron-up, | |
| .collapsible[open] .collapsible-title .chevron-down { | |
| display: none; | |
| } | |
| .flat-button { | |
| cursor: pointer; | |
| display: inline-block; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| border-radius: 2px; | |
| padding: 8px; | |
| margin: -8px; | |
| } | |
| .flat-icon-button { | |
| background: transparent; | |
| border: 0; | |
| margin: 0; | |
| outline: none; | |
| padding: 0; | |
| margin: -12px; | |
| padding: 12px; | |
| cursor: pointer; | |
| box-sizing: content-box; | |
| display: inline-block; | |
| line-height: 0; | |
| } | |
| .flat-icon-button, | |
| .flat-icon-button .splash-wrapper { | |
| border-radius: 50%; | |
| } | |
| .flat-icon-button .splash.animate { | |
| -webkit-animation-duration: 0.3s; | |
| animation-duration: 0.3s; | |
| } | |
| .overflowable-container { | |
| max-height: 46px; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .overflow-button { | |
| cursor: pointer; | |
| } | |
| #overflowable-dim-overlay { | |
| background: transparent; | |
| } | |
| .overflow-popup { | |
| box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); | |
| background-color: #ffffff; | |
| left: 0; | |
| max-width: calc(100% - 32px); | |
| position: absolute; | |
| top: 0; | |
| visibility: hidden; | |
| z-index: 101; | |
| } | |
| .overflow-popup ul { | |
| list-style: none; | |
| } | |
| .overflow-popup li, | |
| .overflow-popup .tabs li { | |
| display: block; | |
| height: auto; | |
| } | |
| .overflow-popup .tabs li { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .overflow-button.hidden, | |
| .overflow-popup li.hidden, | |
| .overflow-popup .tabs li.hidden { | |
| display: none; | |
| } | |
| .pill-button { | |
| background: transparent; | |
| border: 1px solid; | |
| border-radius: 12px; | |
| cursor: pointer; | |
| display: inline-block; | |
| padding: 4px 16px; | |
| text-transform: uppercase; | |
| } | |
| .ripple { | |
| position: relative; | |
| } | |
| .ripple > * { | |
| z-index: 1; | |
| } | |
| .splash-wrapper { | |
| bottom: 0; | |
| left: 0; | |
| overflow: hidden; | |
| pointer-events: none; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| z-index: 0; | |
| } | |
| .splash { | |
| background: #cccccc; | |
| border-radius: 100%; | |
| display: block; | |
| opacity: 0.6; | |
| position: absolute; | |
| -webkit-transform: scale(0); | |
| -ms-transform: scale(0); | |
| transform: scale(0); | |
| } | |
| .splash.animate { | |
| -webkit-animation: ripple-effect 0.4s linear; | |
| animation: ripple-effect 0.4s linear; | |
| } | |
| @-webkit-keyframes ripple-effect { | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(2.5); | |
| transform: scale(2.5); | |
| } | |
| } | |
| @keyframes ripple-effect { | |
| 100% { | |
| opacity: 0; | |
| -webkit-transform: scale(2.5); | |
| transform: scale(2.5); | |
| } | |
| } | |
| .search { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| line-height: 24px; | |
| width: 24px; | |
| } | |
| .search.focused { | |
| width: 100%; | |
| } | |
| .search.focused .section { | |
| width: 100%; | |
| } | |
| .search form { | |
| z-index: 101; | |
| } | |
| .search h3 { | |
| display: none; | |
| } | |
| .search form { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 0 0; | |
| -ms-flex: 1 0 0px; | |
| flex: 1 0 0; | |
| border-bottom: solid 1px transparent; | |
| padding-bottom: 8px; | |
| } | |
| .search form > * { | |
| display: none; | |
| } | |
| .search.focused form > * { | |
| display: block; | |
| } | |
| .search .search-input label { | |
| display: none; | |
| } | |
| .centered-top-placeholder.cloned .search form { | |
| z-index: 30; | |
| } | |
| .search.focused form { | |
| border-color: #ffffff; | |
| position: relative; | |
| width: auto; | |
| } | |
| .collapsed-header .centered-top-container .search.focused form { | |
| border-bottom-color: transparent; | |
| } | |
| .search-expand { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| } | |
| .search-expand-text { | |
| display: none; | |
| } | |
| .search-close { | |
| display: inline; | |
| vertical-align: middle; | |
| } | |
| .search-input { | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 0 1px; | |
| -ms-flex: 1 0 1px; | |
| flex: 1 0 1px; | |
| } | |
| .search-input input { | |
| background: none; | |
| border: 0; | |
| box-sizing: border-box; | |
| color: #ffffff; | |
| display: inline-block; | |
| outline: none; | |
| width: calc(100% - 48px); | |
| } | |
| .search-input input.no-cursor { | |
| color: transparent; | |
| text-shadow: 0 0 0 #ffffff; | |
| } | |
| .collapsed-header .centered-top-container .search-action, | |
| .collapsed-header .centered-top-container .search-input input { | |
| color: #212121; | |
| } | |
| .collapsed-header .centered-top-container .search-input input.no-cursor { | |
| color: transparent; | |
| text-shadow: 0 0 0 #212121; | |
| } | |
| .search-input input.no-cursor:focus, | |
| .collapsed-header .centered-top-container .search-input input.no-cursor:focus { | |
| outline: none; | |
| } | |
| .search-focused > * { | |
| visibility: hidden; | |
| } | |
| .search-focused .search, | |
| .search-focused .search-icon { | |
| visibility: visible; | |
| } | |
| .search.focused .search-action { | |
| display: block; | |
| } | |
| .search.focused .search-action:disabled { | |
| opacity: .3; | |
| } | |
| .widget.Sharing .sharing-button { | |
| display: none; | |
| } | |
| .widget.Sharing .sharing-buttons li { | |
| padding: 0; | |
| } | |
| .widget.Sharing .sharing-buttons li span { | |
| display: none; | |
| } | |
| .post-share-buttons { | |
| position: relative; | |
| } | |
| .share-buttons .svg-icon-24, | |
| .centered-bottom .share-buttons .svg-icon-24 { | |
| fill: #212121; | |
| } | |
| .sharing-open.touch-icon-button:focus .touch-icon, | |
| .sharing-open.touch-icon-button:active .touch-icon { | |
| background-color: transparent; | |
| } | |
| .share-buttons { | |
| background-color: #ffffff; | |
| border-radius: 2px; | |
| box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); | |
| color: #212121; | |
| list-style: none; | |
| margin: 0; | |
| padding: 8px 0; | |
| position: absolute; | |
| top: -11px; | |
| min-width: 200px; | |
| z-index: 101; | |
| } | |
| .share-buttons.hidden { | |
| display: none; | |
| } | |
| .sharing-button { | |
| background: transparent; | |
| border: 0; | |
| margin: 0; | |
| outline: none; | |
| padding: 0; | |
| cursor: pointer; | |
| } | |
| .share-buttons li { | |
| margin: 0; | |
| height: 48px; | |
| } | |
| .share-buttons li:last-child { | |
| margin-bottom: 0; | |
| } | |
| .share-buttons li .sharing-platform-button { | |
| box-sizing: border-box; | |
| cursor: pointer; | |
| display: block; | |
| height: 100%; | |
| margin-bottom: 0; | |
| padding: 0 16px; | |
| position: relative; | |
| width: 100%; | |
| } | |
| .share-buttons li .sharing-platform-button:focus, | |
| .share-buttons li .sharing-platform-button:hover { | |
| background-color: rgba(128, 128, 128, 0.1); | |
| outline: none; | |
| } | |
| .share-buttons li svg[class^="sharing-"], | |
| .share-buttons li svg[class*=" sharing-"] { | |
| position: absolute; | |
| top: 10px; | |
| } | |
| .share-buttons li span.sharing-platform-button, | |
| .share-buttons li span.sharing-platform-button { | |
| position: relative; | |
| top: 0; | |
| } | |
| .share-buttons li .platform-sharing-text { | |
| display: block; | |
| font-size: 16px; | |
| line-height: 48px; | |
| white-space: nowrap; | |
| } | |
| .share-buttons li .platform-sharing-text { | |
| margin-left: 56px; | |
| } | |
| .sidebar-container { | |
| background-color: #ffffff; | |
| max-width: 284px; | |
| overflow-y: auto; | |
| -webkit-transition-property: -webkit-transform; | |
| transition-property: -webkit-transform; | |
| transition-property: transform; | |
| transition-property: transform, -webkit-transform; | |
| -webkit-transition-duration: .3s; | |
| transition-duration: .3s; | |
| -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | |
| transition-timing-function: cubic-bezier(0, 0, 0.2, 1); | |
| width: 284px; | |
| z-index: 101; | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| .sidebar-container .navigation { | |
| line-height: 0; | |
| padding: 16px; | |
| } | |
| .sidebar-container .sidebar-back { | |
| cursor: pointer; | |
| } | |
| .sidebar-container .widget { | |
| background: none; | |
| margin: 0 16px; | |
| padding: 16px 0; | |
| } | |
| .sidebar-container .widget .title { | |
| color: #212121; | |
| margin: 0; | |
| } | |
| .sidebar-container .widget ul { | |
| list-style: none; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .sidebar-container .widget ul ul { | |
| margin-left: 1em; | |
| } | |
| .sidebar-container .widget li { | |
| font-size: 16px; | |
| line-height: normal; | |
| } | |
| .sidebar-container .widget + .widget { | |
| border-top: 1px dashed #cccccc; | |
| } | |
| .BlogArchive li { | |
| margin: 16px 0; | |
| } | |
| .BlogArchive li:last-child { | |
| margin-bottom: 0; | |
| } | |
| .Label li a { | |
| display: inline-block; | |
| } | |
| .Label .label-count, | |
| .BlogArchive .post-count { | |
| float: right; | |
| margin-left: .25em; | |
| } | |
| .Label .label-count::before, | |
| .BlogArchive .post-count::before { | |
| content: '('; | |
| } | |
| .Label .label-count::after, | |
| .BlogArchive .post-count::after { | |
| content: ')'; | |
| } | |
| .widget.Translate .skiptranslate > div { | |
| display: block !important; | |
| } | |
| .widget.Profile .profile-link { | |
| background-image: none !important; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| .widget.Profile .team-member .profile-img, | |
| .widget.Profile .team-member .default-avatar-wrapper { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| margin-right: 1em; | |
| } | |
| .widget.Profile .individual .profile-link { | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .widget.Profile .team .profile-link .profile-name { | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| -ms-grid-row-align: center; | |
| align-self: center; | |
| display: block; | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 1 auto; | |
| -ms-flex: 1 1 auto; | |
| flex: 1 1 auto; | |
| } | |
| .dim-overlay { | |
| background-color: rgba(0, 0, 0, 0.54); | |
| z-index: 100; | |
| } | |
| body.sidebar-visible { | |
| overflow-y: hidden; | |
| } | |
| @media screen and (max-width: 1439px) { | |
| .sidebar-container { | |
| bottom: 0; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| right: auto; | |
| } | |
| .sidebar-container.sidebar-invisible { | |
| -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); | |
| -webkit-transform: translateX(-284px); | |
| -ms-transform: translateX(-284px); | |
| transform: translateX(-284px); | |
| } | |
| } | |
| @media screen and (min-width: 1440px) { | |
| .sidebar-container { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: auto; | |
| } | |
| .sidebar-container .navigation { | |
| display: none; | |
| } | |
| } | |
| .dialog { | |
| box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); | |
| background: #ffffff; | |
| box-sizing: border-box; | |
| padding: 30px; | |
| position: fixed; | |
| text-align: center; | |
| width: calc(100% - 24px); | |
| z-index: 101; | |
| } | |
| .dialog input[type=text], | |
| .dialog input[type=email] { | |
| background-color: transparent; | |
| border: 0; | |
| border-bottom: solid 1px rgba(117,117,117,0.12); | |
| color: #757575; | |
| display: block; | |
| font-family: Roboto, sans-serif; | |
| font-size: 16px; | |
| line-height: 24px; | |
| margin: auto; | |
| padding-bottom: 7px; | |
| outline: none; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .dialog input[type=text]::-webkit-input-placeholder, | |
| .dialog input[type=email]::-webkit-input-placeholder { | |
| color: #757575; | |
| } | |
| .dialog input[type=text]::-moz-placeholder, | |
| .dialog input[type=email]::-moz-placeholder { | |
| color: #757575; | |
| } | |
| .dialog input[type=text]:-ms-input-placeholder, | |
| .dialog input[type=email]:-ms-input-placeholder { | |
| color: #757575; | |
| } | |
| .dialog input[type=text]::placeholder, | |
| .dialog input[type=email]::placeholder { | |
| color: #757575; | |
| } | |
| .dialog input[type=text]:focus, | |
| .dialog input[type=email]:focus { | |
| border-bottom: solid 2px #2196f3; | |
| padding-bottom: 6px; | |
| } | |
| .dialog input.no-cursor { | |
| color: transparent; | |
| text-shadow: 0 0 0 #757575; | |
| } | |
| .dialog input.no-cursor:focus { | |
| outline: none; | |
| } | |
| .dialog input.no-cursor:focus { | |
| outline: none; | |
| } | |
| .dialog input[type=submit] { | |
| font-family: Roboto, sans-serif; | |
| } | |
| .subscribe-popup { | |
| max-width: 364px; | |
| } | |
| .subscribe-popup h3 { | |
| color: #212121; | |
| font-size: 1.8em; | |
| margin-top: 0; | |
| } | |
| .subscribe-popup .FollowByEmail h3 { | |
| display: none; | |
| } | |
| .subscribe-popup .FollowByEmail .follow-by-email-submit { | |
| background: transparent; | |
| border: 0; | |
| box-shadow: none; | |
| color: #2196f3; | |
| cursor: pointer; | |
| font-size: 14px; | |
| font-weight: bold; | |
| outline: none; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| width: auto; | |
| color: #2196f3; | |
| display: inline-block; | |
| margin: 0 auto; | |
| margin-top: 24px; | |
| width: auto; | |
| white-space: normal; | |
| } | |
| .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled { | |
| cursor: default; | |
| opacity: .3; | |
| } | |
| @media (max-width: 800px) { | |
| .blog-name div.widget.Subscribe { | |
| margin-bottom: 16px; | |
| } | |
| body.item-view .blog-name div.widget.Subscribe { | |
| margin: 8px auto 16px auto; | |
| width: 100%; | |
| } | |
| } | |
| .tabs { | |
| list-style: none; | |
| } | |
| .tabs li { | |
| display: inline-block; | |
| } | |
| .tabs li a { | |
| cursor: pointer; | |
| display: inline-block; | |
| font-weight: bold; | |
| text-transform: uppercase; | |
| padding: 12px 8px; | |
| } | |
| .tabs .selected { | |
| border-bottom: 4px solid #ffffff; | |
| } | |
| .tabs .selected a { | |
| color: #ffffff; | |
| } | |
| body#layout .bg-photo-overlay, | |
| body#layout .bg-photo { | |
| display: none; | |
| } | |
| body#layout .page_body { | |
| padding: 0; | |
| position: relative; | |
| top: 0; | |
| } | |
| body#layout .page { | |
| display: inline-block; | |
| left: inherit; | |
| position: relative; | |
| vertical-align: top; | |
| width: 540px; | |
| } | |
| body#layout .centered { | |
| max-width: 954px; | |
| } | |
| body#layout .navigation { | |
| display: none; | |
| } | |
| body#layout .sidebar-container { | |
| display: inline-block; | |
| width: 40%; | |
| } | |
| body#layout .hamburger-menu, | |
| body#layout .search { | |
| display: none; | |
| } | |
| .centered-top-container .svg-icon-24, | |
| body.collapsed-header .centered-top-placeholder .svg-icon-24 { | |
| fill: #ffffff; | |
| } | |
| .sidebar-container .svg-icon-24 { | |
| fill: #707070; | |
| } | |
| .centered-bottom .svg-icon-24, | |
| body.collapsed-header .centered-top-container .svg-icon-24 { | |
| fill: #707070; | |
| } | |
| .share-buttons .svg-icon-24, | |
| .centered-bottom .share-buttons .svg-icon-24 { | |
| fill: #212121; | |
| } | |
| body { | |
| background-color: #eeeeee; | |
| color: #757575; | |
| font: 15px Roboto, sans-serif; | |
| margin: 0; | |
| min-height: 100vh; | |
| } | |
| img { | |
| max-width: 100%; | |
| } | |
| h3 { | |
| color: #757575; | |
| font-size: 16px; | |
| } | |
| a { | |
| text-decoration: none; | |
| color: #2196f3; | |
| } | |
| a:visited { | |
| color: #2196f3; | |
| } | |
| a:hover { | |
| color: #2196f3; | |
| } | |
| blockquote { | |
| color: #444444; | |
| font: italic 300 15px Roboto, sans-serif; | |
| font-size: x-large; | |
| text-align: center; | |
| } | |
| .pill-button { | |
| font-size: 12px; | |
| } | |
| .bg-photo-container { | |
| height: 480px; | |
| overflow: hidden; | |
| position: absolute; | |
| width: 100%; | |
| z-index: 1; | |
| } | |
| .bg-photo { | |
| background: #eeeeee url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) no-repeat scroll top center /* Credit: Michael Elkan (http://www.offset.com/photos/394244) */;; | |
| background-attachment: scroll; | |
| background-size: cover; | |
| -webkit-filter: blur(0px); | |
| filter: blur(0px); | |
| height: calc(100% + 2 * 0px); | |
| left: 0px; | |
| position: absolute; | |
| top: 0px; | |
| width: calc(100% + 2 * 0px); | |
| } | |
| .bg-photo-overlay { | |
| background: rgba(0, 0, 0, 0.26); | |
| background-size: cover; | |
| height: 480px; | |
| position: absolute; | |
| width: 100%; | |
| z-index: 2; | |
| } | |
| .hamburger-menu { | |
| float: left; | |
| margin-top: 0; | |
| } | |
| .sticky .hamburger-menu { | |
| float: none; | |
| position: absolute; | |
| } | |
| .search { | |
| border-bottom: solid 1px rgba(255, 255, 255, 0); | |
| float: right; | |
| position: relative; | |
| -webkit-transition-property: width; | |
| transition-property: width; | |
| -webkit-transition-duration: 0.5s; | |
| transition-duration: 0.5s; | |
| -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| z-index: 101; | |
| } | |
| .search .dim-overlay { | |
| background-color: transparent; | |
| } | |
| .search form { | |
| height: 36px; | |
| -webkit-transition-property: border-color; | |
| transition-property: border-color; | |
| -webkit-transition-delay: 0.5s; | |
| transition-delay: 0.5s; | |
| -webkit-transition-duration: 0.2s; | |
| transition-duration: 0.2s; | |
| -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
| } | |
| .search.focused { | |
| width: calc(100% - 48px); | |
| } | |
| .search.focused form { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-flex: 1; | |
| -webkit-flex: 1 0 1px; | |
| -ms-flex: 1 0 1px; | |
| flex: 1 0 1px; | |
| border-color: #ffffff; | |
| margin-left: -24px; | |
| padding-left: 36px; | |
| position: relative; | |
| width: auto; | |
| } | |
| .sticky .search, | |
| .item-view .search { | |
| right: 0; | |
| float: none; | |
| margin-left: 0; | |
| position: absolute; | |
| } | |
| .sticky .search.focused, | |
| .item-view .search.focused { | |
| width: calc(100% - 50px); | |
| } | |
| .sticky .search.focused form, | |
| .item-view .search.focused form { | |
| border-bottom-color: #757575; | |
| } | |
| .centered-top-placeholder.cloned .search form { | |
| z-index: 30; | |
| } | |
| .search_button { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 24px; | |
| -ms-flex: 0 0 24px; | |
| flex: 0 0 24px; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .search_button svg { | |
| margin-top: 0; | |
| } | |
| .search-input { | |
| height: 48px; | |
| } | |
| .search-input input { | |
| display: block; | |
| color: #ffffff; | |
| font: 16px Roboto, sans-serif; | |
| height: 48px; | |
| line-height: 48px; | |
| padding: 0; | |
| width: 100%; | |
| } | |
| .search-input input::-webkit-input-placeholder { | |
| color: #ffffff; | |
| opacity: .3; | |
| } | |
| .search-input input::-moz-placeholder { | |
| color: #ffffff; | |
| opacity: .3; | |
| } | |
| .search-input input:-ms-input-placeholder { | |
| color: #ffffff; | |
| opacity: .3; | |
| } | |
| .search-input input::placeholder { | |
| color: #ffffff; | |
| opacity: .3; | |
| } | |
| .search-action { | |
| background: transparent; | |
| border: 0; | |
| color: #ffffff; | |
| cursor: pointer; | |
| display: none; | |
| height: 48px; | |
| margin-top: 0; | |
| } | |
| .sticky .search-action { | |
| color: #757575; | |
| } | |
| .search.focused .search-action { | |
| display: block; | |
| } | |
| .search.focused .search-action:disabled { | |
| opacity: .3; | |
| } | |
| .page_body { | |
| position: relative; | |
| z-index: 20; | |
| } | |
| .page_body .widget { | |
| margin-bottom: 16px; | |
| } | |
| .page_body .centered { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| margin: 0 auto; | |
| max-width: 922px; | |
| min-height: 100vh; | |
| padding: 24px 0; | |
| } | |
| .page_body .centered > * { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| } | |
| .page_body .centered > #footer { | |
| margin-top: auto; | |
| } | |
| .blog-name { | |
| margin: 24px 0 16px 0; | |
| } | |
| .sticky .blog-name, | |
| .item-view .blog-name { | |
| box-sizing: border-box; | |
| margin-left: 36px; | |
| min-height: 48px; | |
| opacity: 1; | |
| padding-top: 12px; | |
| } | |
| .blog-name .subscribe-section-container { | |
| margin-bottom: 32px; | |
| text-align: center; | |
| -webkit-transition-property: opacity; | |
| transition-property: opacity; | |
| -webkit-transition-duration: .5s; | |
| transition-duration: .5s; | |
| } | |
| .item-view .blog-name .subscribe-section-container, | |
| .sticky .blog-name .subscribe-section-container { | |
| margin: 0 0 8px 0; | |
| } | |
| .blog-name .PageList { | |
| margin-top: 16px; | |
| padding-top: 8px; | |
| text-align: center; | |
| } | |
| .blog-name .PageList .overflowable-contents { | |
| width: 100%; | |
| } | |
| .blog-name .PageList h3.title { | |
| color: #ffffff; | |
| margin: 8px auto; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .centered-top-container .blog-name { | |
| -webkit-transition-property: opacity; | |
| transition-property: opacity; | |
| -webkit-transition-duration: .5s; | |
| transition-duration: .5s; | |
| } | |
| .item-view .return_link { | |
| margin-bottom: 12px; | |
| margin-top: 12px; | |
| position: absolute; | |
| } | |
| .item-view .blog-name { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| margin: 0 48px 27px 48px; | |
| } | |
| .item-view .subscribe-section-container { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| } | |
| .item-view .Header, | |
| .item-view #header { | |
| margin-bottom: 5px; | |
| margin-right: 15px; | |
| } | |
| .item-view .sticky .Header { | |
| margin-bottom: 0; | |
| } | |
| .item-view .Header p { | |
| margin: 10px 0 0 0; | |
| text-align: left; | |
| } | |
| .item-view .post-share-buttons-bottom { | |
| margin-right: 16px; | |
| } | |
| .sticky { | |
| background: #ffffff; | |
| box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7); | |
| box-sizing: border-box; | |
| margin-left: 0; | |
| } | |
| .sticky #header { | |
| margin-bottom: 8px; | |
| margin-right: 8px; | |
| } | |
| .sticky .centered-top { | |
| margin: 4px auto; | |
| max-width: 890px; | |
| min-height: 48px; | |
| } | |
| .sticky .blog-name { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin: 0 48px; | |
| } | |
| .sticky .blog-name #header { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 1 auto; | |
| -ms-flex: 0 1 auto; | |
| flex: 0 1 auto; | |
| -webkit-box-ordinal-group: 2; | |
| -webkit-order: 1; | |
| -ms-flex-order: 1; | |
| order: 1; | |
| overflow: hidden; | |
| } | |
| .sticky .blog-name .subscribe-section-container { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| -webkit-box-ordinal-group: 3; | |
| -webkit-order: 2; | |
| -ms-flex-order: 2; | |
| order: 2; | |
| } | |
| .sticky .Header h1 { | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| margin-right: -10px; | |
| margin-bottom: -10px; | |
| padding-right: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .sticky .Header p { | |
| display: none; | |
| } | |
| .sticky .PageList { | |
| display: none; | |
| } | |
| .search-focused > * { | |
| visibility: visible; | |
| } | |
| .search-focused .hamburger-menu { | |
| visibility: visible; | |
| } | |
| .sticky .search-focused .blog-name, | |
| .item-view .search-focused .blog-name { | |
| opacity: 0; | |
| } | |
| .centered-bottom, | |
| .centered-top-container, | |
| .centered-top-placeholder { | |
| padding: 0 16px; | |
| } | |
| .centered-top { | |
| position: relative; | |
| } | |
| .sticky .centered-top.search-focused .subscribe-section-container, | |
| .item-view .centered-top.search-focused .subscribe-section-container { | |
| opacity: 0; | |
| } | |
| .page_body.vertical-ads .centered .centered-bottom { | |
| display: inline-block; | |
| width: calc(100% - 176px); | |
| } | |
| .Header h1 { | |
| color: #ffffff; | |
| font: bold 45px Roboto, sans-serif; | |
| line-height: normal; | |
| margin: 0 0 13px 0; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .Header h1 a, | |
| .Header h1 a:visited, | |
| .Header h1 a:hover { | |
| color: #ffffff; | |
| } | |
| .item-view .Header h1, | |
| .sticky .Header h1 { | |
| font-size: 24px; | |
| line-height: 24px; | |
| margin: 0; | |
| text-align: left; | |
| } | |
| .sticky .Header h1 { | |
| color: #757575; | |
| } | |
| .sticky .Header h1 a, | |
| .sticky .Header h1 a:visited, | |
| .sticky .Header h1 a:hover { | |
| color: #757575; | |
| } | |
| .Header p { | |
| color: #ffffff; | |
| margin: 0 0 13px 0; | |
| opacity: .8; | |
| text-align: center; | |
| } | |
| .widget .title { | |
| line-height: 28px; | |
| } | |
| .BlogArchive li { | |
| font-size: 16px; | |
| } | |
| .BlogArchive .post-count { | |
| color: #757575; | |
| } | |
| .Blog .blog-posts .post-outer-container, #page_body .FeaturedPost { | |
| background: #ffffff; | |
| min-height: 40px; | |
| padding: 30px 40px; | |
| width: auto; | |
| } | |
| .Blog .blog-posts .post-outer-container:last-child { | |
| margin-bottom: 0; | |
| } | |
| .Blog .blog-posts .post-outer-container .post-outer { | |
| border: 0; | |
| position: relative; | |
| padding-bottom: .25em; | |
| } | |
| .post-outer-container { | |
| margin-bottom: 16px; | |
| } | |
| .post:first-child { | |
| margin-top: 0; | |
| } | |
| .post .thumb { | |
| float: left; | |
| height: 20%; | |
| width: 20%; | |
| } | |
| .post-share-buttons-top, | |
| .post-share-buttons-bottom { | |
| float: right; | |
| } | |
| .post-share-buttons-bottom { | |
| margin-right: 24px; | |
| } | |
| .post-header, | |
| .post-footer { | |
| clear: left; | |
| color: rgba(0, 0, 0, 0.54); | |
| margin: 0; | |
| width: inherit; | |
| } | |
| .blog-pager { | |
| text-align: center; | |
| } | |
| .blog-pager a { | |
| color: #2196f3; | |
| } | |
| .blog-pager a:visited { | |
| color: #2196f3; | |
| } | |
| .blog-pager a:hover { | |
| color: #2196f3; | |
| } | |
| .post-title { | |
| font: bold 22px Roboto, sans-serif; | |
| float: left; | |
| margin: 0 0 8px 0; | |
| max-width: calc(100% - 48px); | |
| } | |
| .post-title a { | |
| font: bold 30px Roboto, sans-serif; | |
| } | |
| .post-title, | |
| .post-title a, | |
| .post-title a:visited, | |
| .post-title a:hover { | |
| color: #212121; | |
| } | |
| .post-body { | |
| color: #757575; | |
| font: 15px Roboto, sans-serif; | |
| line-height: 1.6em; | |
| margin: 1.5em 0 2em 0; | |
| display: block; | |
| } | |
| .post-body img { | |
| height: inherit; | |
| } | |
| .post-body .snippet-thumbnail { | |
| float: left; | |
| margin: 0; | |
| margin-right: 2em; | |
| max-height: 128px; | |
| max-width: 128px; | |
| } | |
| .post-body .snippet-thumbnail img { | |
| max-width: 100%; | |
| } | |
| .main .FeaturedPost .widget-content { | |
| border: 0; | |
| position: relative; | |
| padding-bottom: .25em; | |
| } | |
| .FeaturedPost img { | |
| margin-top: 2em; | |
| } | |
| .FeaturedPost .snippet-container { | |
| margin: 2em 0; | |
| } | |
| .FeaturedPost .snippet-container p { | |
| margin: 0; | |
| } | |
| .FeaturedPost .snippet-thumbnail { | |
| float: none; | |
| height: auto; | |
| margin-bottom: 2em; | |
| margin-right: 0; | |
| overflow: hidden; | |
| max-height: calc(600px + 2em); | |
| max-width: 100%; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| .FeaturedPost .snippet-thumbnail img { | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| .byline { | |
| color: rgba(0, 0, 0, 0.54); | |
| display: inline-block; | |
| line-height: 24px; | |
| margin-top: 8px; | |
| vertical-align: top; | |
| } | |
| .byline.post-author:first-child { | |
| margin-right: 0; | |
| } | |
| .byline.reactions .reactions-label { | |
| line-height: 22px; | |
| vertical-align: top; | |
| } | |
| .byline.post-share-buttons { | |
| position: relative; | |
| display: inline-block; | |
| margin-top: 0; | |
| width: 100%; | |
| } | |
| .byline.post-share-buttons .sharing { | |
| float: right; | |
| } | |
| .flat-button.ripple:hover { | |
| background-color: rgba(33,150,243,0.12); | |
| } | |
| .flat-button.ripple .splash { | |
| background-color: rgba(33,150,243,0.4); | |
| } | |
| a.timestamp-link, | |
| a:active.timestamp-link, | |
| a:visited.timestamp-link { | |
| color: inherit; | |
| font: inherit; | |
| text-decoration: inherit; | |
| } | |
| .post-share-buttons { | |
| margin-left: 0; | |
| } | |
| .clear-sharing { | |
| min-height: 24px; | |
| } | |
| .comment-link { | |
| color: #2196f3; | |
| position: relative; | |
| } | |
| .comment-link .num_comments { | |
| margin-left: 8px; | |
| vertical-align: top; | |
| } | |
| #comment-holder .continue { | |
| display: none; | |
| } | |
| #comment-editor { | |
| margin-bottom: 20px; | |
| margin-top: 20px; | |
| } | |
| #comments h3.title, | |
| #comments .comment-form h4 { | |
| position: absolute; | |
| clip: rect(1px, 1px, 1px, 1px); | |
| padding: 0; | |
| border: 0; | |
| height: 1px; | |
| width: 1px; | |
| overflow: hidden; | |
| } | |
| .post-filter-message { | |
| background-color: rgba(0, 0, 0, 0.7); | |
| color: #fff; | |
| display: table; | |
| margin-bottom: 16px; | |
| width: 100%; | |
| } | |
| .post-filter-message div { | |
| display: table-cell; | |
| padding: 15px 28px; | |
| } | |
| .post-filter-message div:last-child { | |
| padding-left: 0; | |
| text-align: right; | |
| } | |
| .post-filter-message a { | |
| white-space: nowrap; | |
| } | |
| .post-filter-message .search-query, | |
| .post-filter-message .search-label { | |
| font-weight: bold; | |
| color: #2196f3; | |
| } | |
| #blog-pager { | |
| margin: 2em 0; | |
| } | |
| #blog-pager a { | |
| color: #2196f3; | |
| font-size: 14px; | |
| } | |
| .subscribe-button { | |
| border-color: #ffffff; | |
| color: #ffffff; | |
| } | |
| .sticky .subscribe-button { | |
| border-color: #757575; | |
| color: #757575; | |
| } | |
| .tabs { | |
| margin: 0 auto; | |
| padding: 0; | |
| } | |
| .tabs li { | |
| margin: 0 8px; | |
| } | |
| .tabs li a, | |
| .tabs .overflow-button a { | |
| color: #cccccc; | |
| font: 700 normal 15px Roboto, sans-serif; | |
| line-height: 18px; | |
| } | |
| .tabs .overflow-button a { | |
| padding: 12px 8px; | |
| } | |
| .overflow-popup .tabs li { | |
| text-align: left; | |
| } | |
| .overflow-popup li a { | |
| color: #757575; | |
| display: block; | |
| padding: 8px 20px; | |
| } | |
| .overflow-popup li.selected a { | |
| color: #212121; | |
| } | |
| a.report_abuse { | |
| font-weight: normal; | |
| } | |
| .byline.post-labels a, .Label li, | |
| .Label span.label-size { | |
| background-color: #f7f7f7; | |
| border: 1px solid #f7f7f7; | |
| border-radius: 15px; | |
| display: inline-block; | |
| margin: 4px 4px 4px 0; | |
| padding: 3px 8px; | |
| } | |
| .byline.post-labels a, .Label a { | |
| color: rgba(0,0,0,0.54); | |
| } | |
| .Label ul { | |
| list-style: none; | |
| padding: 0; | |
| } | |
| .PopularPosts { | |
| background-color: #eeeeee; | |
| padding: 30px 40px; | |
| } | |
| .PopularPosts .item-content { | |
| color: #757575; | |
| margin-top: 24px; | |
| } | |
| .PopularPosts a, | |
| .PopularPosts a:visited, | |
| .PopularPosts a:hover { | |
| color: #2196f3; | |
| } | |
| .PopularPosts .post-title, | |
| .PopularPosts .post-title a, | |
| .PopularPosts .post-title a:visited, | |
| .PopularPosts .post-title a:hover { | |
| color: #212121; | |
| font-size: 18px; | |
| font-weight: bold; | |
| line-height: 24px; | |
| } | |
| .PopularPosts, | |
| .PopularPosts h3.title a { | |
| color: #757575; | |
| font: 15px Roboto, sans-serif; | |
| } | |
| .main .PopularPosts { | |
| padding: 16px 40px; | |
| } | |
| .PopularPosts h3.title { | |
| font-size: 14px; | |
| margin: 0; | |
| } | |
| .PopularPosts h3.post-title { | |
| margin-bottom: 0; | |
| } | |
| .PopularPosts .byline { | |
| color: rgba(0, 0, 0, 0.54); | |
| } | |
| .PopularPosts .jump-link { | |
| float: right; | |
| margin-top: 16px; | |
| } | |
| .PopularPosts .post-header .byline { | |
| font-size: .9em; | |
| font-style: italic; | |
| margin-top: 6px; | |
| } | |
| .PopularPosts ul { | |
| list-style: none; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .PopularPosts .post { | |
| padding: 20px 0; | |
| } | |
| .PopularPosts .post + .post { | |
| border-top: 1px dashed #cccccc; | |
| } | |
| .PopularPosts .item-thumbnail { | |
| float: left; | |
| margin-right: 32px; | |
| } | |
| .PopularPosts .item-thumbnail img { | |
| height: 88px; | |
| padding: 0; | |
| width: 88px; | |
| } | |
| .inline-ad { | |
| margin-bottom: 16px; | |
| } | |
| .desktop-ad .inline-ad { | |
| display: block; | |
| } | |
| .adsbygoogle { | |
| overflow: hidden; | |
| } | |
| .vertical-ad-container { | |
| float: right; | |
| margin-right: 16px; | |
| width: 128px; | |
| } | |
| .vertical-ad-container .AdSense + .AdSense { | |
| margin-top: 16px; | |
| } | |
| .vertical-ad-placeholder, | |
| .inline-ad-placeholder { | |
| background: #ffffff; | |
| border: 1px solid #000; | |
| opacity: .9; | |
| vertical-align: middle; | |
| text-align: center; | |
| } | |
| .vertical-ad-placeholder span, | |
| .inline-ad-placeholder span { | |
| margin-top: 290px; | |
| display: block; | |
| text-transform: uppercase; | |
| font-weight: bold; | |
| color: #212121; | |
| } | |
| .vertical-ad-placeholder { | |
| height: 600px; | |
| } | |
| .vertical-ad-placeholder span { | |
| margin-top: 290px; | |
| padding: 0 40px; | |
| } | |
| .inline-ad-placeholder { | |
| height: 90px; | |
| } | |
| .inline-ad-placeholder span { | |
| margin-top: 36px; | |
| } | |
| .Attribution { | |
| color: #757575; | |
| } | |
| .Attribution a, | |
| .Attribution a:hover, | |
| .Attribution a:visited { | |
| color: #2196f3; | |
| } | |
| .Attribution svg { | |
| fill: #707070; | |
| } | |
| .sidebar-container { | |
| box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); | |
| } | |
| .sidebar-container, | |
| .sidebar-container .sidebar_bottom { | |
| background-color: #ffffff; | |
| } | |
| .sidebar-container .navigation, | |
| .sidebar-container .sidebar_top_wrapper { | |
| background-color: #ffffff; | |
| } | |
| .sidebar-container .sidebar_top { | |
| overflow: auto; | |
| } | |
| .sidebar-container .sidebar_bottom { | |
| width: 100%; | |
| padding-top: 16px; | |
| } | |
| .sidebar-container .widget:first-child { | |
| padding-top: 0; | |
| } | |
| .sidebar_top .widget.Profile { | |
| padding-bottom: 16px; | |
| } | |
| .widget.Profile { | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .widget.Profile h2 { | |
| display: none; | |
| } | |
| .widget.Profile h3.title { | |
| color: rgba(0,0,0,0.52); | |
| margin: 16px 32px; | |
| } | |
| .widget.Profile .individual { | |
| text-align: center; | |
| } | |
| .widget.Profile .individual .profile-link { | |
| padding: 1em; | |
| } | |
| .widget.Profile .individual .default-avatar-wrapper .avatar-icon { | |
| margin: auto; | |
| } | |
| .widget.Profile .team { | |
| margin-bottom: 32px; | |
| margin-left: 32px; | |
| margin-right: 32px; | |
| } | |
| .widget.Profile ul { | |
| list-style: none; | |
| padding: 0; | |
| } | |
| .widget.Profile li { | |
| margin: 10px 0; | |
| } | |
| .widget.Profile .profile-img { | |
| border-radius: 50%; | |
| float: none; | |
| } | |
| .widget.Profile .profile-link { | |
| background: transparent; | |
| border: 0; | |
| box-shadow: none; | |
| color: #2196f3; | |
| cursor: pointer; | |
| font-size: 14px; | |
| font-weight: bold; | |
| outline: none; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| width: auto; | |
| color: #212121; | |
| font-size: .9em; | |
| margin-bottom: 1em; | |
| opacity: .87; | |
| overflow: hidden; | |
| } | |
| .widget.Profile .profile-link.visit-profile { | |
| background: transparent; | |
| border: 0; | |
| box-shadow: none; | |
| color: #2196f3; | |
| cursor: pointer; | |
| font-size: 14px; | |
| font-weight: bold; | |
| outline: none; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| width: auto; | |
| border-style: solid; | |
| border-width: 1px; | |
| border-radius: 12px; | |
| cursor: pointer; | |
| font-size: 12px; | |
| font-weight: normal; | |
| padding: 5px 20px; | |
| display: inline-block; | |
| line-height: normal; | |
| } | |
| .widget.Profile dd { | |
| color: rgba(0, 0, 0, 0.54); | |
| margin: 0 16px; | |
| } | |
| .widget.Profile location { | |
| margin-bottom: 1em; | |
| } | |
| .widget.Profile .profile-textblock { | |
| font-size: 14px; | |
| line-height: 24px; | |
| position: relative; | |
| } | |
| body.sidebar-visible .page_body { | |
| overflow-y: scroll; | |
| } | |
| body.sidebar-visible .bg-photo-container { | |
| overflow-y: scroll; | |
| } | |
| @media screen and (min-width: 1440px) { | |
| .sidebar-container { | |
| margin-top: 480px; | |
| min-height: calc(100% - 480px); | |
| overflow: visible; | |
| z-index: 32; | |
| } | |
| .sidebar-container .sidebar_top_wrapper { | |
| background-color: #f7f7f7; | |
| height: 480px; | |
| margin-top: -480px; | |
| } | |
| .sidebar-container .sidebar_top { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| height: 480px; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: row; | |
| -ms-flex-direction: row; | |
| flex-direction: row; | |
| max-height: 480px; | |
| } | |
| .sidebar-container .sidebar_bottom { | |
| max-width: 284px; | |
| width: 284px; | |
| } | |
| body.collapsed-header .sidebar-container { | |
| z-index: 15; | |
| } | |
| .sidebar-container .sidebar_top:empty { | |
| display: none; | |
| } | |
| .sidebar-container .sidebar_top > *:only-child { | |
| -webkit-box-flex: 0; | |
| -webkit-flex: 0 0 auto; | |
| -ms-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| -webkit-align-self: center; | |
| -ms-flex-item-align: center; | |
| -ms-grid-row-align: center; | |
| align-self: center; | |
| width: 100%; | |
| } | |
| .sidebar_top_wrapper.no-items { | |
| display: none; | |
| } | |
| } | |
| .post-snippet.snippet-container { | |
| max-height: 120px; | |
| } | |
| .post-snippet .snippet-item { | |
| line-height: 24px; | |
| } | |
| .post-snippet .snippet-fade { | |
| background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); | |
| background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); | |
| color: #757575; | |
| height: 24px; | |
| } | |
| .popular-posts-snippet.snippet-container { | |
| max-height: 72px; | |
| } | |
| .popular-posts-snippet .snippet-item { | |
| line-height: 24px; | |
| } | |
| .PopularPosts .popular-posts-snippet .snippet-fade { | |
| color: #757575; | |
| height: 24px; | |
| } | |
| .main .popular-posts-snippet .snippet-fade { | |
| background: -webkit-linear-gradient(left, #eeeeee 0%, #eeeeee 20%, rgba(238, 238, 238, 0) 100%); | |
| background: linear-gradient(to left, #eeeeee 0%, #eeeeee 20%, rgba(238, 238, 238, 0) 100%); | |
| } | |
| .sidebar_bottom .popular-posts-snippet .snippet-fade { | |
| background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); | |
| background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); | |
| } | |
| .profile-snippet.snippet-container { | |
| max-height: 192px; | |
| } | |
| .has-location .profile-snippet.snippet-container { | |
| max-height: 144px; | |
| } | |
| .profile-snippet .snippet-item { | |
| line-height: 24px; | |
| } | |
| .profile-snippet .snippet-fade { | |
| background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); | |
| background: linear-gradient(to left, #ffffff 0%, #ffffff 20%, rgba(255, 255, 255, 0) 100%); | |
| color: rgba(0, 0, 0, 0.54); | |
| height: 24px; | |
| } | |
| @media screen and (min-width: 1440px) { | |
| .profile-snippet .snippet-fade { | |
| background: -webkit-linear-gradient(left, #f7f7f7 0%, #f7f7f7 20%, rgba(247, 247, 247, 0) 100%); | |
| background: linear-gradient(to left, #f7f7f7 0%, #f7f7f7 20%, rgba(247, 247, 247, 0) 100%); | |
| } | |
| } | |
| @media screen and (max-width: 800px) { | |
| .blog-name { | |
| margin-top: 0; | |
| } | |
| body.item-view .blog-name { | |
| margin: 0 48px; | |
| } | |
| .centered-bottom { | |
| padding: 8px; | |
| } | |
| body.item-view .centered-bottom { | |
| padding: 0; | |
| } | |
| .page_body .centered { | |
| padding: 10px 0; | |
| } | |
| body.item-view .widget.Header, | |
| body.item-view #header { | |
| margin-right: 0; | |
| } | |
| body.collapsed-header .centered-top-container .blog-name { | |
| display: block; | |
| } | |
| body.collapsed-header .centered-top-container .widget.Header h1 { | |
| text-align: center; | |
| } | |
| .widget.Header header { | |
| padding: 0; | |
| } | |
| .widget.Header h1 { | |
| font-size: 24px; | |
| line-height: 24px; | |
| margin-bottom: 13px; | |
| } | |
| body.item-view .widget.Header h1 { | |
| text-align: center; | |
| } | |
| body.item-view .widget.Header p { | |
| text-align: center; | |
| } | |
| .blog-name .widget.PageList { | |
| padding: 0; | |
| } | |
| body.item-view .centered-top { | |
| margin-bottom: 5px; | |
| } | |
| .search-input, | |
| .search-action { | |
| margin-bottom: -8px; | |
| } | |
| .search form { | |
| margin-bottom: 8px; | |
| } | |
| body.item-view .subscribe-section-container { | |
| margin: 5px 0 0 0; | |
| width: 100%; | |
| } | |
| #page_body.section div.widget.FeaturedPost, | |
| div.widget.PopularPosts { | |
| padding: 16px; | |
| } | |
| div.widget.Blog .blog-posts .post-outer-container { | |
| padding: 16px; | |
| } | |
| div.widget.Blog .blog-posts .post-outer-container .post-outer { | |
| padding: 0; | |
| } | |
| .post:first-child { | |
| margin: 0; | |
| } | |
| .post-body .snippet-thumbnail { | |
| margin: 0 3vw 3vw 0; | |
| } | |
| .post-body .snippet-thumbnail img { | |
| height: 20vw; | |
| width: 20vw; | |
| max-height: 128px; | |
| max-width: 128px; | |
| } | |
| div.widget.PopularPosts div.item-thumbnail { | |
| margin: 0 3vw 3vw 0; | |
| } | |
| div.widget.PopularPosts div.item-thumbnail img { | |
| height: 20vw; | |
| width: 20vw; | |
| max-height: 88px; | |
| max-width: 88px; | |
| } | |
| .post-title { | |
| line-height: 1; | |
| } | |
| .post-title, | |
| .post-title a { | |
| font-size: 20px; | |
| } | |
| #page_body.section div.widget.FeaturedPost h3 a { | |
| font-size: 22px; | |
| } | |
| .mobile-ad .inline-ad { | |
| display: block; | |
| } | |
| .page_body.vertical-ads .vertical-ad-container, | |
| .page_body.vertical-ads .vertical-ad-container ins { | |
| display: none; | |
| } | |
| .page_body.vertical-ads .centered .centered-top, | |
| .page_body.vertical-ads .centered .centered-bottom { | |
| display: block; | |
| width: auto; | |
| } | |
| div.post-filter-message div { | |
| padding: 8px 16px; | |
| } | |
| } | |
| @media screen and (min-width: 1440px) { | |
| body { | |
| position: relative; | |
| } | |
| body.item-view .blog-name { | |
| margin-left: 48px; | |
| } | |
| .page_body { | |
| margin-left: 284px; | |
| } | |
| .search { | |
| margin-left: 0; | |
| } | |
| .search.focused { | |
| width: 100%; | |
| } | |
| .sticky { | |
| padding-left: 284px; | |
| } | |
| .hamburger-menu { | |
| display: none; | |
| } | |
| body.collapsed-header .page_body .centered-top-container { | |
| padding-left: 284px; | |
| padding-right: 0; | |
| width: 100%; | |
| } | |
| body.collapsed-header .centered-top-container .search.focused { | |
| width: 100%; | |
| } | |
| body.collapsed-header .centered-top-container .blog-name { | |
| margin-left: 0; | |
| } | |
| body.collapsed-header.item-view .centered-top-container .search.focused { | |
| width: calc(100% - 50px); | |
| } | |
| body.collapsed-header.item-view .centered-top-container .blog-name { | |
| margin-left: 40px; | |
| } | |
| } | |
| --> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .inline-ad,.post-body iframe,.post-body img{max-width:100%}.invisible,.overflow-popup{visibility:hidden}.page_body .centered,.search_button,.widget.Profile .individual .profile-link{-webkit-box-orient:vertical;-webkit-box-direction:normal}.Label ul,.PopularPosts ul,.overflow-popup ul,.share-buttons,.tabs,.widget.Profile ul{list-style:none}<!-- <!-- Constants --><Variable name="damionRegular36" description="Damion Regular 36" type="font" default="400 36px Damion, cursive" hideEditor="true" /><Variable name="damionRegular62" description="Damion Regular 62" type="font" default="400 62px Damion, cursive" hideEditor="true" /><Variable name="playfairDisplayBlack28" description="Playfair Display Black 28" type="font" default="900 28px Playfair Display, serif" hideEditor="true" /><Variable name="playfairDisplayBlack36" description="Playfair Display Black 36" type="font" default="900 36px Playfair Display, serif" hideEditor="true" /><Variable name="playfairDisplayBlack44" description="Playfair Display Black 44" type="font" default="900 44px Playfair Display, serif" hideEditor="true" /><Variable name="robotoNormal15" description="Roboto Normal 15" type="font" default="15px Roboto, sans-serif" hideEditor="true" /><Variable name="robotoNormal16" description="Roboto Normal 16" type="font" default="16px Roboto, sans-serif" hideEditor="true" /><Variable name="robotoLightItalic15" description="Roboto Light Italic 15" type="font" default="italic 300 15px Roboto, sans-serif" hideEditor="true" /><Variable name="robotoBold22" description="Roboto Bold 22" type="font" default="bold 22px Roboto, sans-serif" hideEditor="true" /><Variable name="robotoBold30" description="Roboto Bold 30" type="font" default="bold 30px Roboto, sans-serif" hideEditor="true" /><Variable name="robotoBold45" description="Roboto Bold 45" type="font" default="bold 45px Roboto, sans-serif" hideEditor="true" /><!-- Variable definitions --><Variable name="keycolor" description="Main color" type="color" default="#2196f3" /><Variable name="startSide" description="Start side in blog language" type="automatic" default="left" hideEditor="true" /><Variable name="endSide" description="End side in blog language" type="automatic" default="right" hideEditor="true" /><Group description="Page Text"><Variable name="body.text.font" description="Font" type="font" default="15px Roboto, sans-serif" /><Variable name="body.text.color" description="Color" type="color" default="#757575" /></Group><Group description="Backgrounds"><Variable name="body.background.height" description="Background height" type="length" min="420px" max="640px" default="480px" /><Variable name="body.background" description="Background" color="#eeeeee" type="background" default="$(color) none repeat scroll top left" /><Variable name="body.background.color" description="Body background color" type="color" default="#eee" /><Variable name="posts.background.color" description="Post background color" type="color" default="#fff" /><Variable name="body.background.blur" description="Background blur" type="length" min="0px" max="50px" default="0px" /></Group><Group description="Links"><Variable name="body.link.color" description="Link color" type="color" default="#2196f3" /><Variable name="body.link.visited.color" description="Visited link color" type="color" default="#2196f3" /><Variable name="body.link.hover.color" description="Link Hover color" type="color" default="#2196f3" /></Group><Group description="Blog title" selector="div.widget.Header"><Variable name="blog.title.font" description="Font" type="font" default="bold 45px Roboto, sans-serif" /><Variable name="blog.title.color" description="Color" type="color" default="#fff" /><Variable name="header.icons.color" description="Background icons color" type="color" default="#fff" /></Group><Group description="Tabs text" selector="div.widget.PageList"><Variable name="tabs.font" description="Font" type="font" family="Roboto, sans-serif" size="15px" default="700 normal $(size) $(family)" /><Variable name="tabs.color" description="Text color" type="color" default="#ccc" /><Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff" /><Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="#ffffff" /><Variable name="tabs.overflow.color" description="Popup text color" type="color" default="#757575" /><Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="#212121" /></Group><Group description="Posts" selector="div.widget.Blog"><Variable name="posts.title.color" description="Post title color" type="color" default="#212121" /><Variable name="posts.title.font" description="Post title font" type="font" default="bold 22px Roboto, sans-serif" /><Variable name="posts.stream.title.font" description="Post title stream font" type="font" default="bold 30px Roboto, sans-serif" /><Variable name="posts.text.font" description="Post text font" type="font" default="15px Roboto, sans-serif" /><Variable name="posts.text.color" description="Post text color" type="color" default="#757575" /><Variable name="posts.byline.color" description="Post byline color" type="color" default="rgba(0, 0, 0, 0.54)" /><Variable name="blockquote.font" description="Blockquote font" type="font" default="italic 300 15px Roboto, sans-serif" /><Variable name="blockquote.color" description="Blockquote color" type="color" default="#444" /><Variable name="posts.icons.color" description="Post icons color" type="color" default="#707070" /></Group><Group description="Search"><Variable name="search.input.color" description="Input color" type="color" default="#ffffff" /><Variable name="search.input.font" description="Input font" type="font" default="16px Roboto, sans-serif" /><Variable name="search.placeholder.color" description="Placeholder text color" type="color" default="#ffffff" /></Group><Group description="Sharing"><Variable name="sharing.background.color" description="Sharing background color" type="color" default="#ffffff" /><Variable name="sharing.text.color" description="Sharing text color" type="color" default="#212121" /><Variable name="sharing.icons.color" description="Sharing icons color" type="color" default="#212121" /></Group><Group description="Popular posts" selector="div.widget.PopularPosts"><Variable name="popularposts.background.color" description="Popular post background color" type="color" default="#eeeeee" /><Variable name="popularposts.byline.color" description="Popular post byline color" type="color" default="rgba(0, 0, 0, 0.54)" /><Variable name="popularposts.title.color" description="Popular post title color" type="color" default="#212121" /><Variable name="popularposts.text.color" description="Popular post text color" type="color" default="#757575" /><Variable name="popularposts.link.color" description="Popular post link color" type="color" default="#2196f3" /></Group><Group description="Post navigation" selector='div.blog-pager'><Variable name="posts.navigation.link.color" description="Post navigation links color" type="color" default="#2196f3" /><Variable name="posts.navigation.link.visited.color" description="Post navigation links visited color" type="color" default="#2196f3" /><Variable name="posts.navigation.link.hover.color" description="Post navigations links hover color" type="color" default="#2196f3" /></Group><Group description="Sidebar" selector="div.sidebar-container"><Variable name="sidebar.backgroundColorTop" description="Background color (Top)" type="color" default="#f7f7f7" /><Variable name="sidebar.backgroundColorTopHD" description="Background color (Top) - HD" type="color" default="rgba(255, 255, 255, 1)" /><Variable name="sidebar.backgroundColorBottom" description="Background color (Bottom)" type="color" default="#fff" /><Variable name="sidebar.separator.color" description="Separator color" type="color" default="#ccc" /><Variable name="widget.title.color" description="Gadget title color" type="color" default="#212121" /><Variable name="sidebar.icons.color" description="Sidebar icons color" type="color" default="#707070" /></Group><Group description="Author profile" selector='.widget.Profile'><Variable name="profile.title.color" description="Profile title color" type="color" default="rgba(0,0,0,0.52)" /><Variable name="profile.text.color" description="Profile text color" type="color" default="rgba(0, 0, 0, 0.54)" /><Variable name="profile.link.color" description="Profile link color" type="color" default="#212121" /></Group><Group description="Labels" selector=".widget.Label"><Variable name="labels.text.color" description="Label text color" type="color" default="#2196f3" /><Variable name="labels.background.color" description="Label background color" type="color" red="0" green="0" blue="0" default="rgba($red, $green, $blue, 0.05)" /></Group><Group description="Attribution" selector=".widget.Attribution"><Variable name="attribution.text.color" description="Attribution text color" type="color" default="#757575" /><Variable name="attribution.link.color" description="Attribution link color" type="color" default="#2196f3" /><Variable name="attribution.icon.color" description="Attribution icon color" type="color" default="#707070" hideEditor="true" /></Group><Group description="Widths"><Variable name="sidebar.width" description="Sidebar width" type="length" min="100px" max="1000px" default="284px" /><Variable name="content.width" description="Content width" type="length" min="600px" max="2400px" default="922px" /><Variable name="content.margin" description="Content margin" type="length" min="0px" max="1000px" default="117px" /></Group>*/ /*!************************************************ | |
| body{overflow-wrap:break-word;word-break:break-word;word-wrap:break-word}.hidden{display:none}.container::after,.float-container::after{clear:both;content:'';display:table}.clearboth{clear:both}.dim-overlay{height:100vh;left:0;position:fixed;top:0;width:100%}#sharing-dim-overlay{background-color:transparent}.loading-spinner-large{-webkit-animation:mspin-rotate 1.568s infinite linear;animation:mspin-rotate 1.568s infinite linear;height:48px;overflow:hidden;position:absolute;width:48px;z-index:200}.loading-spinner-large>div{-webkit-animation:mspin-revrot 5332ms infinite steps(4);animation:mspin-revrot 5332ms infinite steps(4)}.loading-spinner-large>div>div{-webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81);animation:mspin-singlecolor-large-film 1333ms infinite steps(81);background-size:100%;height:48px;width:3888px}.mspin-black-large>div>div,.mspin-grey_54-large>div>div{background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)}.mspin-white-large>div>div{background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)}.mspin-grey_54-large{opacity:.54}@-webkit-keyframes mspin-singlecolor-large-film{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-3888px);transform:translateX(-3888px)}}@keyframes mspin-singlecolor-large-film{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-3888px);transform:translateX(-3888px)}}@-webkit-keyframes mspin-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mspin-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mspin-revrot{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes mspin-revrot{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}input::-ms-clear{display:none}.blogger-logo,.svg-icon-24.blogger-logo{fill:#ff9800;opacity:1}.skip-navigation{background-color:#fff;box-sizing:border-box;color:#000;display:block;height:0;left:0;line-height:50px;overflow:hidden;padding-top:0;position:fixed;text-align:center;top:0;-webkit-transition:box-shadow .3s,height .3s,padding-top .3s;transition:box-shadow .3s,height .3s,padding-top .3s;width:100%;z-index:900}.BLOG_mobile_video_class,.extendable .show-less.hidden,.extendable .show-more.hidden,.inline-ad,.item-control{display:none}.b-notification.invisible,.main-heading{position:absolute}.skip-navigation:focus{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);height:50px}#main{outline:0}.main-heading{clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.widget.Attribution{margin-top:1em;text-align:center}.widget.Attribution .blogger img,.widget.Attribution .blogger svg{vertical-align:bottom}.widget.Attribution .blogger img{margin-right:.5em}.widget.Attribution div{line-height:24px;margin-top:.5em}.widget.Attribution .copyright,.widget.Attribution .image-attribution{font-size:.7em;margin-top:1.5em}.bg-photo{background-attachment:scroll!important}body .CSS_LIGHTBOX{z-index:900}.extendable .show-less,.extendable .show-more{border-color:#2196f3;color:#2196f3;margin-top:8px}.inline-ad{overflow:hidden}.adsbygoogle{display:block}.paging-control-container .paging-control,.post-body a[imageanchor="1"]{display:inline-block}#cookieChoiceInfo{bottom:0;top:auto}iframe.b-hbp-video{border:0}.byline{margin-right:1em}.byline:last-child{margin-right:0}.link-copied-dialog{max-width:520px;outline:0}.link-copied-dialog .modal-dialog-buttons{margin-top:8px}.link-copied-dialog .goog-buttonset-default{background:0 0;border:0;color:#2196f3}.link-copied-dialog .goog-buttonset-default:focus{outline:0}.paging-control-container{margin-bottom:16px}.paging-control-container .comment-range-text::after,.paging-control-container .paging-control{color:#2196f3}.paging-control-container .comment-range-text,.paging-control-container .paging-control{margin-right:8px}.paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{content:'\00B7';cursor:default;padding-left:8px;pointer-events:none}.paging-control-container .comment-range-text:last-child::after,.paging-control-container .paging-control:last-child::after{content:none}.byline.reactions iframe{height:20px}.b-notification{color:#000;background-color:#fff;border-bottom:solid 1px #000;box-sizing:border-box;padding:16px 32px;text-align:center}.b-notification.visible{-webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);transition:margin-top .3s cubic-bezier(.4,0,.2,1)}.b-notification-close{position:absolute;right:8px;top:8px}.no-posts-message{line-height:40px;text-align:center}@media screen and (max-width:800px){body.item-view .post-body a[imageanchor="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{float:none!important;clear:none!important}body.item-view .post-body a[imageanchor="1"] img{display:block;height:auto;margin:0 auto}body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{margin-top:20px}.post-body a[imageanchor]{display:block}body.item-view .post-body a[imageanchor="1"]{margin-left:0!important;margin-right:0!important}body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{margin-top:16px}}#comments{border-top:1px dashed rgba(0,0,0,.54);margin-top:20px;padding:20px}#comments .comment-thread ol{margin:0;padding-left:0}#comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{margin-left:60px}#comments .comment-thread .thread-count{display:none}#comments .comment{list-style-type:none;padding:0 0 30px;position:relative}#comments .comment .comment{padding-bottom:8px}.comment .avatar-image-container{position:absolute}.comment .avatar-image-container img{border-radius:50%}.avatar-image-container svg,.comment .avatar-image-container .avatar-icon{border-radius:50%;border:1px solid #707070;box-sizing:border-box;fill:#707070;height:35px;margin:0;padding:7px;width:35px}.comment .comment-block{margin-top:10px;padding-bottom:0;margin-left:60px}#comments .comment-author-header-wrapper{margin-left:40px}#comments .comment .thread-expanded .comment-block{padding-bottom:20px}#comments .comment .comment-header .user,#comments .comment .comment-header .user a{color:#212121;font-style:normal;font-weight:700}#comments .comment .comment-actions{background:0 0;border:0;box-shadow:none;color:#2196f3;cursor:pointer;font-size:14px;font-weight:700;outline:0;text-decoration:none;text-transform:uppercase;width:auto;bottom:0;margin-bottom:15px;position:absolute}.dialog,.overflow-popup,.share-buttons{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}#comments .comment .comment-actions>*{margin-right:8px}#comments .comment .comment-header .datetime{bottom:0;color:rgba(33,33,33,.54);display:inline-block;font-size:13px;font-style:italic;margin-left:8px}#comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{color:rgba(33,33,33,.54)}#comments .comment .comment-content,.comment .comment-body{margin-top:12px;word-break:break-word}.comment-body{margin-bottom:12px}#comments.embed[data-num-comments="0"]{border:none;margin-top:0;padding-top:0}#comment-editor-src,#comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{display:none}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.extendable .remaining-items{height:0;overflow:hidden;-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);transition:height .3s cubic-bezier(.4,0,.2,1)}.centered-top-container.sticky,.search{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1)}.extendable .remaining-items.expanded{height:auto}.svg-icon-24,.svg-icon-24-button{cursor:pointer;height:24px;width:24px;min-width:24px}.touch-icon{margin:-12px;padding:12px}.touch-icon:active,.touch-icon:focus{background-color:rgba(153,153,153,.4);border-radius:50%}svg:not(:root).touch-icon{overflow:visible}html[dir=rtl] .rtl-reversible-icon{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.svg-icon-24-button,.touch-icon-button{background:0 0;border:0;margin:0;outline:0;padding:0}.touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{background-color:transparent}.touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{background-color:rgba(153,153,153,.4);border-radius:50%}.Profile .default-avatar-wrapper .avatar-icon{border-radius:50%;border:1px solid #707070;box-sizing:border-box;fill:#707070;margin:0}.Profile .individual .default-avatar-wrapper .avatar-icon{padding:25px}.Profile .individual .avatar-icon,.Profile .individual .profile-img{height:120px;width:120px}.Profile .team .default-avatar-wrapper .avatar-icon{padding:8px}.Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{height:40px;width:40px}.snippet-container{margin:0;position:relative;overflow:hidden}.snippet-fade{bottom:0;box-sizing:border-box;position:absolute;width:96px;right:0}.snippet-fade:after{content:'\2026';float:right}.post-bottom{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-footer{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.post-footer>*{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.post-footer .byline:last-child{margin-right:1em}.jump-link{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.centered-top-container.sticky{left:0;position:fixed;right:0;top:0;width:auto;z-index:50;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.2s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.centered-top-placeholder{display:none}.collapsed-header .centered-top-placeholder{display:block}.centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{display:none}.centered-top-container.sticky .Header .replaced h1{display:block}.centered-top-container.sticky .Header .header-widget{background:0 0}.centered-top-container.sticky .Header .header-image-wrapper{display:none}.centered-top-container img,.centered-top-placeholder img{max-width:100%}.collapsible{-webkit-transition:height .3s cubic-bezier(.4,0,.2,1);transition:height .3s cubic-bezier(.4,0,.2,1)}.collapsible,.collapsible>summary{display:block;overflow:hidden}.collapsible>:not(summary){display:none}.collapsible[open]>:not(summary){display:block}.collapsible:focus,.collapsible>summary:focus{outline:0}.collapsible>summary{cursor:pointer;display:block;padding:0}.collapsible:focus>summary,.collapsible>summary:focus{background-color:transparent}.collapsible>summary::-webkit-details-marker{display:none}.collapsible-title{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.collapsible-title .title{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{display:block}.collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{display:none}.flat-button,.flat-icon-button{display:inline-block;cursor:pointer}.flat-button{font-weight:700;text-transform:uppercase;border-radius:2px;padding:8px;margin:-8px}.flat-icon-button{background:0 0;border:0;outline:0;margin:-12px;padding:12px;box-sizing:content-box;line-height:0}.flat-icon-button,.flat-icon-button .splash-wrapper{border-radius:50%}.flat-icon-button .splash.animate{-webkit-animation-duration:.3s;animation-duration:.3s}.overflowable-container{max-height:46px;overflow:hidden;position:relative}.overflow-button{cursor:pointer}#overflowable-dim-overlay{background:0 0}.overflow-popup{background-color:#fff;left:0;max-width:calc(100% - 32px);position:absolute;top:0;z-index:101}.search-focused .hamburger-menu,.search-focused .search,.search-focused .search-icon,.search-focused>*{visibility:visible}.overflow-popup .tabs li,.overflow-popup li{display:block;height:auto}.overflow-popup .tabs li{padding-left:0;padding-right:0}.overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{display:none}.pill-button{background:0 0;border:1px solid;border-radius:12px;cursor:pointer;display:inline-block;padding:4px 16px;text-transform:uppercase}.ripple{position:relative}.ripple>*{z-index:1}.splash-wrapper{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.splash{background:#ccc;border-radius:100%;display:block;opacity:.6;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.splash.animate{-webkit-animation:ripple-effect .4s linear;animation:ripple-effect .4s linear}@-webkit-keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}@keyframes ripple-effect{100%{opacity:0;-webkit-transform:scale(2.5);transform:scale(2.5)}}.search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:24px;width:24px}.search.focused,.search.focused .section{width:100%}.search h3{display:none}.search form{z-index:101;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 0;-ms-flex:1 0 0px;flex:1 0 0;border-bottom:solid 1px transparent;padding-bottom:8px}.search form>*{display:none}.search.focused form>*{display:block}.search .search-input label,.search-expand-text{display:none}.collapsed-header .centered-top-container .search.focused form{border-bottom-color:transparent}.search-expand{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.search-close{display:inline;vertical-align:middle}.share-buttons.hidden,.widget.Sharing .sharing-button,.widget.Sharing .sharing-buttons li span{display:none}.search-input{-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px}.search-input input{background:0 0;border:0;box-sizing:border-box;outline:0}.search-input input.no-cursor{color:transparent;text-shadow:0 0 0 #fff}.collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{color:#212121}.collapsed-header .centered-top-container .search-input input.no-cursor{color:transparent;text-shadow:0 0 0 #212121}.collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{outline:0}.widget.Sharing .sharing-buttons li{padding:0}.post-share-buttons{position:relative}.sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{background-color:transparent}.share-buttons{background-color:#fff;border-radius:2px;color:#212121;margin:0;padding:8px 0;position:absolute;top:-11px;min-width:200px;z-index:101}.sharing-button{background:0 0;border:0;margin:0;outline:0;padding:0;cursor:pointer}.share-buttons li{margin:0;height:48px}.share-buttons li:last-child{margin-bottom:0}.share-buttons li .sharing-platform-button{box-sizing:border-box;cursor:pointer;display:block;height:100%;margin-bottom:0;padding:0 16px;position:relative;width:100%}.share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{background-color:rgba(128,128,128,.1);outline:0}.share-buttons li svg[class*=" sharing-"],.share-buttons li svg[class^=sharing-]{position:absolute;top:10px}.share-buttons li span.sharing-platform-button{position:relative;top:0}.share-buttons li .platform-sharing-text{display:block;font-size:16px;line-height:48px;white-space:nowrap;margin-left:56px}.sidebar-container{max-width:284px;overflow-y:auto;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:284px;z-index:101;-webkit-overflow-scrolling:touch}.sidebar-container .navigation{line-height:0;padding:16px}.sidebar-container .sidebar-back{cursor:pointer}.sidebar-container .widget{background:0 0;margin:0 16px;padding:16px 0}.sidebar-container .widget .title{color:#212121;margin:0}.sidebar-container .widget ul{list-style:none;margin:0;padding:0}.sidebar-container .widget ul ul{margin-left:1em}.sidebar-container .widget li{font-size:16px;line-height:normal}.sidebar-container .widget+.widget{border-top:1px dashed #ccc}.BlogArchive li{margin:16px 0}.BlogArchive li:last-child{margin-bottom:0}.Label li a{display:inline-block}.BlogArchive .post-count,.Label .label-count{float:right;margin-left:.25em}.BlogArchive .post-count::before,.Label .label-count::before{content:'('}.BlogArchive .post-count::after,.Label .label-count::after{content:')'}.widget.Translate .skiptranslate>div{display:block!important}.widget.Profile .profile-link{background-image:none!important;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:1em}.widget.Profile .individual .profile-link{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.widget.Profile .team .profile-link .profile-name{-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;display:block;-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}.dim-overlay{background-color:rgba(0,0,0,.54);z-index:100}body.sidebar-visible{overflow-y:hidden}@media screen and (max-width:1439px){.sidebar-container{bottom:0;position:fixed;top:0;left:0;right:auto}.sidebar-container.sidebar-invisible{-webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);transition-timing-function:cubic-bezier(.4,0,.6,1);-webkit-transform:translateX(-284px);-ms-transform:translateX(-284px);transform:translateX(-284px)}}@media screen and (min-width:1440px){.sidebar-container{position:absolute;top:0;left:0;right:auto}.sidebar-container .navigation{display:none}}.dialog{background:#fff;box-sizing:border-box;padding:30px;position:fixed;text-align:center;width:calc(100% - 24px);z-index:101}.dialog input[type=email],.dialog input[type=text]{background-color:transparent;border:0;border-bottom:solid 1px rgba(117,117,117,.12);color:#757575;display:block;font-family:Roboto,sans-serif;font-size:16px;line-height:24px;margin:auto;padding-bottom:7px;outline:0;text-align:center;width:100%}.dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{color:#757575}.dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{color:#757575}.dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{color:#757575}.dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{color:#757575}.dialog input[type=email]:focus,.dialog input[type=text]:focus{border-bottom:solid 2px #2196f3;padding-bottom:6px}.dialog input.no-cursor{color:transparent;text-shadow:0 0 0 #757575}.dialog input.no-cursor:focus{outline:0}.dialog input[type=submit]{font-family:Roboto,sans-serif}.subscribe-popup{max-width:364px}.subscribe-popup h3{color:#212121;font-size:1.8em;margin-top:0}.subscribe-popup .FollowByEmail h3{display:none}.tabs li,.tabs li a{display:inline-block}.subscribe-popup .FollowByEmail .follow-by-email-submit{background:0 0;border:0;box-shadow:none;cursor:pointer;font-size:14px;font-weight:700;outline:0;text-decoration:none;text-transform:uppercase;color:#2196f3;display:inline-block;margin:24px auto 0;width:auto;white-space:normal}.post-filter-message a,.sticky .Header h1{white-space:nowrap}.subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{cursor:default;opacity:.3}@media (max-width:800px){.blog-name div.widget.Subscribe{margin-bottom:16px}body.item-view .blog-name div.widget.Subscribe{margin:8px auto 16px;width:100%}}.tabs li a{cursor:pointer;text-transform:uppercase;padding:12px 8px}.tabs .selected{border-bottom:4px solid #fff}.tabs .selected a{color:#fff}body,h3{color:#757575}a,a:hover,a:visited{color:#2196f3}body#layout .bg-photo,body#layout .bg-photo-overlay{display:none}body#layout .page_body{padding:0;position:relative;top:0}body#layout .page{display:inline-block;left:inherit;position:relative;vertical-align:top;width:540px}body#layout .centered{max-width:954px}body#layout .navigation{display:none}body#layout .sidebar-container{display:inline-block;width:40%}body#layout .hamburger-menu,body#layout .search{display:none}.centered-top-container .svg-icon-24,body.collapsed-header .centered-top-placeholder .svg-icon-24{fill:#fff}.centered-bottom .svg-icon-24,.sidebar-container .svg-icon-24,body.collapsed-header .centered-top-container .svg-icon-24{fill:#707070}.centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{fill:#212121}body{background-color:#eee;font:15px Roboto,sans-serif;margin:0;min-height:100vh}img{max-width:100%}h3{font-size:16px}a{text-decoration:none}blockquote{color:#444;font:italic 300 15px Roboto,sans-serif;font-size:x-large;text-align:center}.pill-button{font-size:12px}.bg-photo-container{height:480px;overflow:hidden;position:absolute;width:100%;z-index:1}.bg-photo{background:url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) top center no-repeat #eee;background-size:cover;-webkit-filter:blur(0);filter:blur(0);height:calc(100% + 2 * 0px);left:0;position:absolute;top:0;width:calc(100% + 2 * 0px)}.bg-photo-overlay{background:rgba(0,0,0,.26);background-size:cover;height:480px;position:absolute;width:100%;z-index:2}.hamburger-menu{float:left;margin-top:0}.sticky .hamburger-menu{float:none;position:absolute}.search{border-bottom:solid 1px rgba(255,255,255,0);float:right;position:relative;-webkit-transition-property:width;transition-property:width;-webkit-transition-duration:.5s;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:101}.search .dim-overlay{background-color:transparent}.search form{height:36px;-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.search.focused{width:calc(100% - 48px)}.search.focused form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 1px;-ms-flex:1 0 1px;flex:1 0 1px;border-color:#fff;margin-left:-24px;padding-left:36px;position:relative;width:auto}.item-view .search,.sticky .search{right:0;float:none;margin-left:0;position:absolute}.item-view .search.focused,.sticky .search.focused{width:calc(100% - 50px)}.item-view .search.focused form,.sticky .search.focused form{border-bottom-color:#757575}.centered-top-placeholder.cloned .search form{z-index:30}.search_button{-webkit-box-flex:0;-webkit-flex:0 0 24px;-ms-flex:0 0 24px;flex:0 0 24px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.search_button svg{margin-top:0}.search-input{height:48px}.search-input input{display:block;color:#fff;font:16px Roboto,sans-serif;height:48px;line-height:48px;padding:0;width:100%}.search-input input::-webkit-input-placeholder{color:#fff;opacity:.3}.search-input input::-moz-placeholder{color:#fff;opacity:.3}.search-input input:-ms-input-placeholder{color:#fff;opacity:.3}.search-input input::placeholder{color:#fff;opacity:.3}.search-action{background:0 0;border:0;color:#fff;cursor:pointer;display:none;height:48px;margin-top:0}.sticky .search-action{color:#757575}.Header h1,.Header h1 a,.Header h1 a:hover,.Header h1 a:visited{color:#fff}.search.focused .search-action{display:block}.item-view .blog-name,.page_body .centered{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.search.focused .search-action:disabled{opacity:.3}.page_body{position:relative;z-index:20}.page_body .widget{margin-bottom:16px}.page_body .centered{box-sizing:border-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:922px;min-height:100vh;padding:24px 0}.page_body .centered>*{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.page_body .centered>#footer{margin-top:auto}.blog-name{margin:24px 0 16px}.item-view .blog-name,.sticky .blog-name{box-sizing:border-box;margin-left:36px;min-height:48px;opacity:1;padding-top:12px}.item-view .centered-top.search-focused .subscribe-section-container,.item-view .search-focused .blog-name,.sticky .centered-top.search-focused .subscribe-section-container,.sticky .search-focused .blog-name{opacity:0}.blog-name .subscribe-section-container{margin-bottom:32px;text-align:center;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.item-view .blog-name .subscribe-section-container,.sticky .blog-name .subscribe-section-container{margin:0 0 8px}.blog-name .PageList{margin-top:16px;padding-top:8px;text-align:center}.blog-name .PageList .overflowable-contents{width:100%}.blog-name .PageList h3.title{color:#fff;margin:8px auto;text-align:center;width:100%}.centered-top-container .blog-name{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;transition-duration:.5s}.item-view .return_link{margin-bottom:12px;margin-top:12px;position:absolute}.item-view .blog-name{display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 48px 27px}.item-view .subscribe-section-container{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.item-view #header,.item-view .Header{margin-bottom:5px;margin-right:15px}.item-view .sticky .Header{margin-bottom:0}.item-view .Header p{margin:10px 0 0;text-align:left}.item-view .post-share-buttons-bottom{margin-right:16px}.sticky{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.7);box-sizing:border-box;margin-left:0}.sticky #header{margin-bottom:8px;margin-right:8px}.sticky .centered-top{margin:4px auto;max-width:890px;min-height:48px}.sticky .blog-name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 48px}.sticky .blog-name #header{-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;overflow:hidden}.sticky .blog-name .subscribe-section-container{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.sticky .Header h1{overflow:hidden;text-overflow:ellipsis;margin-right:-10px;margin-bottom:-10px;padding-right:10px;padding-bottom:10px}.sticky .Header p,.sticky .PageList{display:none}.centered-bottom,.centered-top-container,.centered-top-placeholder{padding:0 16px}.centered-top{position:relative}.page_body.vertical-ads .centered .centered-bottom{display:inline-block;width:calc(100% - 176px)}.Header h1{font:700 45px Roboto,sans-serif;line-height:normal;margin:0 0 13px;text-align:center;width:100%}.item-view .Header h1,.sticky .Header h1{font-size:24px;line-height:24px;margin:0;text-align:left}.Header p,.blog-pager{text-align:center}.sticky .Header h1,.sticky .Header h1 a,.sticky .Header h1 a:hover,.sticky .Header h1 a:visited{color:#757575}.Header p{color:#fff;margin:0 0 13px;opacity:.8}.widget .title{line-height:28px}.BlogArchive li{font-size:16px}.BlogArchive .post-count{color:#757575}#page_body .FeaturedPost,.Blog .blog-posts .post-outer-container{background:#fff;min-height:40px;padding:30px 40px;width:auto}.Blog .blog-posts .post-outer-container .post-outer,.main .FeaturedPost .widget-content{padding-bottom:.25em;position:relative;border:0}.Blog .blog-posts .post-outer-container:last-child{margin-bottom:0}.post-outer-container{margin-bottom:16px}.post:first-child{margin-top:0}.post .thumb{float:left;height:20%;width:20%}.post-share-buttons-bottom,.post-share-buttons-top{float:right}.post-share-buttons-bottom{margin-right:24px}.post-footer,.post-header{clear:left;color:rgba(0,0,0,.54);margin:0;width:inherit}.blog-pager a,.blog-pager a:hover,.blog-pager a:visited{color:#2196f3}.post-title{font:700 22px Roboto,sans-serif;float:left;margin:0 0 8px;max-width:calc(100% - 48px)}.post-title a{font:700 30px Roboto,sans-serif}.post-title,.post-title a,.post-title a:hover,.post-title a:visited{color:#212121}.post-body{color:#757575;font:15px Roboto,sans-serif;line-height:1.6em;margin:1.5em 0 2em;display:block}.post-body img{height:inherit}.post-body .snippet-thumbnail{float:left;margin:0 2em 0 0;max-height:128px;max-width:128px}.post-body .snippet-thumbnail img{max-width:100%}.FeaturedPost img{margin-top:2em}.FeaturedPost .snippet-container{margin:2em 0}.FeaturedPost .snippet-container p{margin:0}.FeaturedPost .snippet-thumbnail{float:none;height:auto;margin-bottom:2em;margin-right:0;overflow:hidden;max-height:calc(600px + 2em);max-width:100%;text-align:center;width:100%}.FeaturedPost .snippet-thumbnail img{max-width:100%;width:100%}.byline{color:rgba(0,0,0,.54);display:inline-block;line-height:24px;margin-top:8px;vertical-align:top}.byline.post-author:first-child{margin-right:0}.byline.reactions .reactions-label{line-height:22px;vertical-align:top}.byline.post-share-buttons{position:relative;display:inline-block;margin-top:0;width:100%}.byline.post-share-buttons .sharing{float:right}.flat-button.ripple:hover{background-color:rgba(33,150,243,.12)}.flat-button.ripple .splash{background-color:rgba(33,150,243,.4)}a.timestamp-link,a:active.timestamp-link,a:visited.timestamp-link{color:inherit;font:inherit;text-decoration:inherit}.post-share-buttons{margin-left:0}.clear-sharing{min-height:24px}.comment-link{color:#2196f3;position:relative}.comment-link .num_comments{margin-left:8px;vertical-align:top}#comment-holder .continue{display:none}#comment-editor{margin-bottom:20px;margin-top:20px}#comments .comment-form h4,#comments h3.title{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.post-filter-message{background-color:rgba(0,0,0,.7);color:#fff;display:table;margin-bottom:16px;width:100%}.post-filter-message div{display:table-cell;padding:15px 28px}.post-filter-message div:last-child{padding-left:0;text-align:right}.post-filter-message .search-label,.post-filter-message .search-query{font-weight:700;color:#2196f3}#blog-pager{margin:2em 0}#blog-pager a{color:#2196f3;font-size:14px}.subscribe-button{border-color:#fff;color:#fff}.sticky .subscribe-button{border-color:#757575;color:#757575}.tabs{margin:0 auto;padding:0}.tabs li{margin:0 8px}.tabs .overflow-button a,.tabs li a{color:#ccc;font:700 normal 15px Roboto,sans-serif;line-height:18px}.tabs .overflow-button a{padding:12px 8px}.overflow-popup .tabs li{text-align:left}.overflow-popup li a{color:#757575;display:block;padding:8px 20px}.overflow-popup li.selected a{color:#212121}a.report_abuse{font-weight:400}.Label li,.Label span.label-size,.byline.post-labels a{background-color:#f7f7f7;border:1px solid #f7f7f7;border-radius:15px;display:inline-block;margin:4px 4px 4px 0;padding:3px 8px}.Label a,.byline.post-labels a{color:rgba(0,0,0,.54)}.Label ul{padding:0}.PopularPosts{background-color:#eee;padding:30px 40px}.PopularPosts .item-content{color:#757575;margin-top:24px}.PopularPosts a,.PopularPosts a:hover,.PopularPosts a:visited{color:#2196f3}.PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts .post-title a:hover,.PopularPosts .post-title a:visited{color:#212121;font-size:18px;font-weight:700;line-height:24px}.PopularPosts,.PopularPosts h3.title a{color:#757575;font:15px Roboto,sans-serif}.main .PopularPosts{padding:16px 40px}.PopularPosts h3.title{font-size:14px;margin:0}.PopularPosts h3.post-title{margin-bottom:0}.PopularPosts .byline{color:rgba(0,0,0,.54)}.PopularPosts .jump-link{float:right;margin-top:16px}.PopularPosts .post-header .byline{font-size:.9em;font-style:italic;margin-top:6px}.PopularPosts ul{padding:0;margin:0}.PopularPosts .post{padding:20px 0}.PopularPosts .post+.post{border-top:1px dashed #ccc}.PopularPosts .item-thumbnail{float:left;margin-right:32px}.PopularPosts .item-thumbnail img{height:88px;padding:0;width:88px}.inline-ad{margin-bottom:16px}.desktop-ad .inline-ad{display:block}.adsbygoogle{overflow:hidden}.vertical-ad-container{float:right;margin-right:16px;width:128px}.vertical-ad-container .AdSense+.AdSense{margin-top:16px}.inline-ad-placeholder,.vertical-ad-placeholder{background:#fff;border:1px solid #000;opacity:.9;vertical-align:middle;text-align:center}.inline-ad-placeholder span,.vertical-ad-placeholder span{display:block;text-transform:uppercase;font-weight:700;color:#212121}.vertical-ad-placeholder{height:600px}.vertical-ad-placeholder span{margin-top:290px;padding:0 40px}.inline-ad-placeholder{height:90px}.inline-ad-placeholder span{margin-top:36px}.Attribution{color:#757575}.Attribution a,.Attribution a:hover,.Attribution a:visited{color:#2196f3}.Attribution svg{fill:#707070}.sidebar-container{box-shadow:1px 1px 3px rgba(0,0,0,.1)}.sidebar-container,.sidebar-container .navigation,.sidebar-container .sidebar_bottom,.sidebar-container .sidebar_top_wrapper{background-color:#fff}.sidebar-container .sidebar_top{overflow:auto}.sidebar-container .sidebar_bottom{width:100%;padding-top:16px}.sidebar-container .widget:first-child{padding-top:0}.sidebar_top .widget.Profile{padding-bottom:16px}.widget.Profile{margin:0;width:100%}.widget.Profile .profile-link,.widget.Profile .profile-link.visit-profile{background:0 0;box-shadow:none;outline:0;text-decoration:none;text-transform:uppercase;width:auto;cursor:pointer}.widget.Profile h2{display:none}.widget.Profile h3.title{color:rgba(0,0,0,.52);margin:16px 32px}.widget.Profile .individual{text-align:center}.widget.Profile .individual .profile-link{padding:1em}.widget.Profile .individual .default-avatar-wrapper .avatar-icon{margin:auto}.widget.Profile .team{margin-bottom:32px;margin-left:32px;margin-right:32px}.widget.Profile ul{padding:0}.widget.Profile li{margin:10px 0}.widget.Profile .profile-img{border-radius:50%;float:none}.widget.Profile .profile-link{border:0;font-weight:700;color:#212121;font-size:.9em;margin-bottom:1em;opacity:.87;overflow:hidden}.widget.Profile .profile-link.visit-profile{border:0 solid;color:#2196f3;border-width:1px;border-radius:12px;font-size:12px;font-weight:400;padding:5px 20px;display:inline-block;line-height:normal}.popular-posts-snippet .snippet-item,.post-snippet .snippet-item,.profile-snippet .snippet-item{line-height:24px}.widget.Profile dd{color:rgba(0,0,0,.54);margin:0 16px}.widget.Profile location{margin-bottom:1em}.widget.Profile .profile-textblock{font-size:14px;line-height:24px;position:relative}body.sidebar-visible .bg-photo-container,body.sidebar-visible .page_body{overflow-y:scroll}@media screen and (min-width:1440px){.sidebar-container{margin-top:480px;min-height:calc(100% - 480px);overflow:visible;z-index:32}.sidebar-container .sidebar_top_wrapper{background-color:#f7f7f7;height:480px;margin-top:-480px}.sidebar-container .sidebar_top{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:480px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;max-height:480px}.sidebar-container .sidebar_top:empty,.sidebar_top_wrapper.no-items{display:none}.sidebar-container .sidebar_bottom{max-width:284px;width:284px}body.collapsed-header .sidebar-container{z-index:15}.sidebar-container .sidebar_top>:only-child{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-align-self:center;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}}.post-snippet .snippet-fade,.sidebar_bottom .popular-posts-snippet .snippet-fade{background:-webkit-linear-gradient(left,#fff 0,#fff 20%,rgba(255,255,255,0) 100%)}.post-snippet.snippet-container{max-height:120px}.post-snippet .snippet-fade{background:linear-gradient(to left,#fff 0,#fff 20%,rgba(255,255,255,0) 100%);color:#757575;height:24px}.popular-posts-snippet.snippet-container{max-height:72px}.PopularPosts .popular-posts-snippet .snippet-fade{color:#757575;height:24px}.main .popular-posts-snippet .snippet-fade{background:-webkit-linear-gradient(left,#eee 0,#eee 20%,rgba(238,238,238,0) 100%);background:linear-gradient(to left,#eee 0,#eee 20%,rgba(238,238,238,0) 100%)}.sidebar_bottom .popular-posts-snippet .snippet-fade{background:linear-gradient(to left,#fff 0,#fff 20%,rgba(255,255,255,0) 100%)}.profile-snippet.snippet-container{max-height:192px}.has-location .profile-snippet.snippet-container{max-height:144px}.profile-snippet .snippet-fade{background:-webkit-linear-gradient(left,#fff 0,#fff 20%,rgba(255,255,255,0) 100%);background:linear-gradient(to left,#fff 0,#fff 20%,rgba(255,255,255,0) 100%);color:rgba(0,0,0,.54);height:24px}@media screen and (max-width:800px){body.collapsed-header .centered-top-container .widget.Header h1,body.item-view .widget.Header h1,body.item-view .widget.Header p{text-align:center}.mobile-ad .inline-ad,body.collapsed-header .centered-top-container .blog-name{display:block}.blog-name{margin-top:0}body.item-view .blog-name{margin:0 48px}.centered-bottom{padding:8px}body.item-view .centered-bottom{padding:0}.page_body .centered{padding:10px 0}.blog-name .widget.PageList,.widget.Header header{padding:0}body.item-view #header,body.item-view .widget.Header{margin-right:0}.widget.Header h1{font-size:24px;line-height:24px;margin-bottom:13px}body.item-view .centered-top{margin-bottom:5px}.search-action,.search-input{margin-bottom:-8px}.search form{margin-bottom:8px}body.item-view .subscribe-section-container{margin:5px 0 0;width:100%}#page_body.section div.widget.FeaturedPost,div.widget.Blog .blog-posts .post-outer-container,div.widget.PopularPosts{padding:16px}div.widget.Blog .blog-posts .post-outer-container .post-outer{padding:0}.post:first-child{margin:0}.post-body .snippet-thumbnail,div.widget.PopularPosts div.item-thumbnail{margin:0 3vw 3vw 0}.post-body .snippet-thumbnail img{height:20vw;width:20vw;max-height:128px;max-width:128px}div.widget.PopularPosts div.item-thumbnail img{height:20vw;width:20vw;max-height:88px;max-width:88px}.post-title{line-height:1}.post-title,.post-title a{font-size:20px}#page_body.section div.widget.FeaturedPost h3 a{font-size:22px}.page_body.vertical-ads .vertical-ad-container,.page_body.vertical-ads .vertical-ad-container ins{display:none}.page_body.vertical-ads .centered .centered-bottom,.page_body.vertical-ads .centered .centered-top{display:block;width:auto}div.post-filter-message div{padding:8px 16px}}@media screen and (min-width:1440px){.profile-snippet .snippet-fade{background:-webkit-linear-gradient(left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%);background:linear-gradient(to left,#f7f7f7 0,#f7f7f7 20%,rgba(247,247,247,0) 100%)}.search.focused,body.collapsed-header .centered-top-container .search.focused{width:100%}body{position:relative}body.item-view .blog-name{margin-left:48px}.page_body{margin-left:284px}.search,body.collapsed-header .centered-top-container .blog-name{margin-left:0}.sticky{padding-left:284px}.hamburger-menu{display:none}body.collapsed-header .page_body .centered-top-container{padding-left:284px;padding-right:0;width:100%}body.collapsed-header.item-view .centered-top-container .search.focused{width:calc(100% - 50px)}body.collapsed-header.item-view .centered-top-container .blog-name{margin-left:40px}} | |
| <!-- body#layout .hidden,body#layout .invisible{display:inherit}body#layout .navigation{display:none}body#layout .page,body#layout .sidebar_bottom,body#layout .sidebar_top{display:inline-block;left:inherit;position:relative;vertical-align:top}body#layout .page{float:right;margin-left:20px;width:55%}body#layout .sidebar-container{float:right;width:40%}body#layout .hamburger-menu{display:none} | |
| .bg-photo{background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw)}@media (max-width:480px){.bg-photo{background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w480)}}@media (max-width:640px) and (min-width:481px){.bg-photo{background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w640)}}@media (max-width:800px) and (min-width:641px){.bg-photo{background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w800)}}@media (max-width:1200px) and (min-width:801px){.bg-photo{background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w1200)}}@media (min-width:1201px){.bg-photo{background-image:url(https\:\/\/themes.googleusercontent.com\/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw&options=w1600)}} | |
| -->__ESCAPED_SOURCE_END_CLEAN_CSS__ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.__wavt="AOuZoY6oRHTKlgH_j0v_JrV3pe8H8fIaVQ:1507551870786",_WidgetManager._Init("//www.blogger.com/rearrange?blogID=4518394987294703073","//haviettrang.blogspot.com/","4518394987294703073"),_WidgetManager._SetDataContext([{name:"blog",data:{blogId:"4518394987294703073",title:"Hà Viết Tráng's blog",url:"http://haviettrang.blogspot.com/",canonicalUrl:"http://haviettrang.blogspot.com/",homepageUrl:"http://haviettrang.blogspot.com/",searchUrl:"http://haviettrang.blogspot.com/search",canonicalHomepageUrl:"http://haviettrang.blogspot.com/",blogspotFaviconUrl:"http://haviettrang.blogspot.com/favicon.ico",bloggerUrl:"https://www.blogger.com",hasCustomDomain:!1,httpsEnabled:!0,enabledCommentProfileImages:!0,gPlusViewType:"FILTERED_POSTMOD",adultContent:!1,analyticsAccountNumber:"",encoding:"UTF-8",locale:"vi",localeUnderscoreDelimited:"vi",languageDirection:"ltr",isPrivate:!1,isMobile:!1,isMobileRequest:!1,mobileClass:"",isPrivateBlog:!1,feedLinks:'<link rel="alternate" type="application/atom+xml" title="Hà Viết Tráng's blog - Atom" href="http://haviettrang.blogspot.com/feeds/posts/default" />\n<link rel="alternate" type="application/rss+xml" title="Hà Viết Tráng's blog - RSS" href="http://haviettrang.blogspot.com/feeds/posts/default?alt=rss" />\n<link rel="service.post" type="application/atom+xml" title="Hà Viết Tráng's blog - Atom" href="https://www.blogger.com/feeds/4518394987294703073/posts/default" />\n',meTag:"",openIdOpTag:'<link rel="openid.server" href="https://www.blogger.com/openid-server.g" />\n<link rel="openid.delegate" href="http://haviettrang.blogspot.com/" />\n',adsenseHostId:"ca-host-pub-1556223355139109",adsenseHasAds:!0,view:"",dynamicViewsCommentsSrc:"//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js",dynamicViewsScriptSrc:"//www.blogblog.com/dynamicviews/b43e1fbb0b99ac6e",plusOneApiSrc:"https://apis.google.com/js/plusone.js",sharing:{platforms:[{name:"Nhận liên kết",key:"link",shareMessage:"Nhận liên kết",target:""},{name:"Facebook",key:"facebook",shareMessage:"Chia sẻ với Facebook",target:"facebook"},{name:"BlogThis!",key:"blogThis",shareMessage:"BlogThis!",target:"blog"},{name:"Twitter",key:"twitter",shareMessage:"Chia sẻ với Twitter",target:"twitter"},{name:"Pinterest",key:"pinterest",shareMessage:"Chia sẻ với Pinterest",target:"pinterest"},{name:"Google+",key:"googlePlus",shareMessage:"Chia sẻ với Google+",target:"googleplus"},{name:"Email",key:"email",shareMessage:"Email",target:"email"}],googlePlusShareButtonWidth:300,googlePlusBootstrap:"<script type=\"text/javascript\">window.___gcfg = {'lang': 'vi'};<\/script>"},hasCustomJumpLinkMessage:!1,jumpLinkMessage:"Đọc thêm",pageType:"index",pageName:"",pageTitle:"Hà Viết Tráng's blog"}},{name:"features",data:{lazy_images:"false",unsupported_browser_message:"false",lightbox_img_parsing:"false",video_theatre_support:"true",sharing_get_link_dialog:"false",sharing_native:"false"}},{name:"messages",data:{edit:"Chỉnh sửa",linkCopiedToClipboard:"Đã sao chép liên kết vào khay nhớ tạm!",ok:"Ok",postLink:"Liên kết bài đăng"}},{name:"template",data:{name:"custom",localizedName:"Tùy chỉnh",isResponsive:!0,isAlternateRendering:!1,isCustom:!0}},{name:"view",data:{classic:{name:"classic",url:"?view=classic"},flipcard:{name:"flipcard",url:"?view=flipcard"},magazine:{name:"magazine",url:"?view=magazine"},mosaic:{name:"mosaic",url:"?view=mosaic"},sidebar:{name:"sidebar",url:"?view=sidebar"},snapshot:{name:"snapshot",url:"?view=snapshot"},timeslide:{name:"timeslide",url:"?view=timeslide"},isMobile:!1,title:"Hà Viết Tráng's blog",description:"",url:"http://haviettrang.blogspot.com/",type:"feed",isSingleItem:!1,isMultipleItems:!0,isError:!1,isPage:!1,isPost:!1,isHomepage:!0,isArchive:!1,isLabelSearch:!1}},{name:"widgets",data:[{title:"Tìm kiếm Blog này",type:"BlogSearch",sectionId:"search_top",id:"BlogSearch1"},{title:"Hà Viết Tráng's blog (Tiêu đề)",type:"Header",sectionId:"header",id:"Header1"},{title:"",type:"FeaturedPost",sectionId:"page_body",id:"FeaturedPost1",postId:"2338103431538694031"},{title:"Bài đăng trên Blog",type:"Blog",sectionId:"page_body",id:"Blog1",posts:[{id:"2338103431538694031",title:"Faster page loads with Turbolinks",showInlineAds:!0},{id:"8525387916141588389",title:"Announcement",showInlineAds:!0}],headerByline:{regionName:"header1",items:[{name:"share",label:""},{name:"timestamp",label:""}]},footerBylines:[{regionName:"footer1",items:[{name:"comments",label:"nhận xét"},{name:"icons",label:""}]},{regionName:"footer2",items:[{name:"labels",label:""}]},{regionName:"footer3",items:[{name:"location",label:"Google Account Video Purchases"}]}],allBylineItems:[{name:"share",label:""},{name:"timestamp",label:""},{name:"comments",label:"nhận xét"},{name:"icons",label:""},{name:"labels",label:""},{name:"location",label:"Google Account Video Purchases"}]},{title:"",type:"PopularPosts",sectionId:"page_body",id:"PopularPosts1",posts:[{title:"Faster page loads with Turbolinks",id:0x20729caee4fc5800},{title:"Announcement",id:0x76504323ea06f000}]},{type:"Attribution",sectionId:"footer",id:"Attribution1"},{title:"Giới thiệu bản thân",type:"Profile",sectionId:"sidebar_top",id:"Profile1"},{title:"",type:"BlogArchive",sectionId:"sidebar_bottom",id:"BlogArchive1"},{title:"",type:"ReportAbuse",sectionId:"sidebar_bottom",id:"ReportAbuse1"}]}]),_WidgetManager._RegisterWidget("_BlogSearchView",new _WidgetInfo("BlogSearch1","search_top",null,document.getElementById("BlogSearch1"),{},"displayModeFull")),_WidgetManager._RegisterWidget("_HeaderView",new _WidgetInfo("Header1","header",null,document.getElementById("Header1"),{},"displayModeFull")),_WidgetManager._RegisterWidget("_FeaturedPostView",new _WidgetInfo("FeaturedPost1","page_body",null,document.getElementById("FeaturedPost1"),{},"displayModeFull")),_WidgetManager._RegisterWidget("_BlogView",new _WidgetInfo("Blog1","page_body",null,document.getElementById("Blog1"),{cmtInteractionsEnabled:!1,useNgc:!1,lightboxEnabled:!0,lightboxModuleUrl:"https://www.blogger.com/static/v1/jsbin/4140312674-lbx__vi.js",lightboxCssUrl:"https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle.css"},"displayModeFull")),_WidgetManager._RegisterWidget("_PopularPostsView",new _WidgetInfo("PopularPosts1","page_body",null,document.getElementById("PopularPosts1"),{},"displayModeFull")),_WidgetManager._RegisterWidget("_AttributionView",new _WidgetInfo("Attribution1","footer",null,document.getElementById("Attribution1"),{},"displayModeFull")),_WidgetManager._RegisterWidget("_ProfileView",new _WidgetInfo("Profile1","sidebar_top",null,document.getElementById("Profile1"),{},"displayModeFull")),_WidgetManager._RegisterWidget("_BlogArchiveView",new _WidgetInfo("BlogArchive1","sidebar_bottom",null,document.getElementById("BlogArchive1"),{languageDirection:"ltr",loadingMessage:"Đang tải…"},"displayModeFull")),_WidgetManager._RegisterWidget("_ReportAbuseView",new _WidgetInfo("ReportAbuse1","sidebar_bottom",null,document.getElementById("ReportAbuse1"),{},"displayModeFull")); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment