{"id":40337,"date":"2019-12-14T15:33:45","date_gmt":"2019-12-14T15:33:45","guid":{"rendered":"https:\/\/s.b\/oikcom\/?post_type=block&#038;p=35034"},"modified":"2022-11-23T08:15:09","modified_gmt":"2022-11-23T08:15:09","slug":"css-oik-css-css","status":"publish","type":"block","link":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/","title":{"rendered":"CSS <span class=\"summary\">&#8211; oik-css\/css<\/span>"},"content":{"rendered":"<div class=\"is-style-svg64 wp-block-oik-block-blockicon\"><svg class=\"svg_admin-appearance svg \"  width=\"24\" height=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\"><rect x=\"0\" fill=\"none\" width=\"20\" height=\"20\"\/><g><path d=\"M14.48 11.06L7.41 3.99l1.5-1.5c.5-.56 2.3-.47 3.51.32 1.21.8 1.43 1.28 2.91 2.1 1.18.64 2.45 1.26 4.45.85zm-.71.71L6.7 4.7 4.93 6.47c-.39.39-.39 1.02 0 1.41l1.06 1.06c.39.39.39 1.03 0 1.42-.6.6-1.43 1.11-2.21 1.69-.35.26-.7.53-1.01.84C1.43 14.23.4 16.08 1.4 17.07c.99 1 2.84-.03 4.18-1.36.31-.31.58-.66.85-1.02.57-.78 1.08-1.61 1.69-2.21.39-.39 1.02-.39 1.41 0l1.06 1.06c.39.39 1.02.39 1.41 0z\"\/><\/g><\/svg><\/div>\n\n\n<!--more-->\n\n\n\n<p class=\"has-very-light-gray-background-color has-background\">Use the CSS block to write inline CSS to style your content. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Screenshot<\/h2>\n\n\n<div class=\"bw_metadata featured\"><span class=\"value\"><img decoding=\"async\" class=\"featured\" src=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg\"  \/><\/span><\/div>\n\n\n<h2 class=\"wp-block-heading\">Example<\/h2>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div style=\"background-color:#a9bdc4; font-size:24px;\" class=\"wp-block-oik-css-css has-text-color has-black-color has-background\"><div><style  type=\"text\/css\" media=\"screen,print\">p { color: green; }\nh2 { font-style: italic; color: #ff0000 !important; }<\/style><div class=\"bw_css\">Sets paragraphs foreground colour to green and headings to red italic.<code>p <span style=\"color: #00AA00;\">&#123;<\/span> <span style=\"color: #000000; font-weight: bold;\">color<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #dc143c;\">green<\/span><span style=\"color: #00AA00;\">;<\/span> <span style=\"color: #00AA00;\">&#125;<\/span><br \/>\nh2 <span style=\"color: #00AA00;\">&#123;<\/span> <span style=\"color: #000000; font-weight: bold;\">font-style<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #993333;\">italic<\/span><span style=\"color: #00AA00;\">;<\/span> <span style=\"color: #000000; font-weight: bold;\">color<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #cc00cc;\">#ff0000<\/span> !important<span style=\"color: #00AA00;\">;<\/span> <span style=\"color: #00AA00;\">&#125;<\/span><\/code><\/div><\/div><\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Notes<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The CSS block replaces <span class=\"bw_list\"><a class=\"bw_post\" id=\"id-39904\" href=\"https:\/\/www.oik-plugins.com\/block\/css-inline-css\/\">CSS  <span class=\"summary\">&#8211; oik-block\/css<\/span><\/a><\/span>. <\/li>\n\n\n\n<li>Type some content into the text field to annotate the CSS, styled using GeSHi. <\/li>\n\n\n\n<li>If you just want to display the CSS then use <span class=\"bw_list\"><a class=\"bw_post\" id=\"id-40339\" href=\"https:\/\/www.oik-plugins.com\/block\/geshi-oik-css-geshi\/\">GeSHi <span class=\"summary\">&#8211; oik-css\/geshi<\/span><\/a><\/span> and choose CSS for the Lang.<\/li>\n\n\n\n<li>In the block editor, some styling doesn&#8217;t get applied, unless you use <code>!important<\/code>.<\/li>\n\n\n\n<li>This is due to the reset CSS enqueued by the block editor.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p><!-- wp:oik-block\/blockicon {\"blockicon\":\"oik-css\/css\",\"className\":\"is-style-svg64\"} --><\/p>\n<div class=\"wp-block-oik-block-blockicon is-style-svg64\">\n<div><span class=\"dashicon dashicons dashicons-admin-appearance\"><\/span><\/div>\n<\/div>\n<p><!-- \/wp:oik-block\/blockicon --><\/p>\n<p><!-- wp:more --><\/p>\n","protected":false},"author":1,"featured_media":39905,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","block_category":[641],"block_keyword":[642,623],"block_classification":[597],"block_letters":[624],"class_list":{"0":"post-40337","1":"block","2":"type-block","3":"status-publish","4":"has-post-thumbnail","6":"block_category-layout","7":"block_keyword-css","8":"block_keyword-oik","9":"block_classification-server-side-rendered","10":"block_letters-c","11":"entry"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS - oik-css\/css - [oik] plugins.com<\/title>\n<meta name=\"description\" content=\"CSS,oik. Use the CSS block to write inline CSS to style your content. The oik-css\/css block replaces oik-block\/css and the [bw_css] shortcode.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS - oik-css\/css - [oik] plugins.com\" \/>\n<meta property=\"og:description\" content=\"CSS,oik. Use the CSS block to write inline CSS to style your content. The oik-css\/css block replaces oik-block\/css and the [bw_css] shortcode.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/\" \/>\n<meta property=\"og:site_name\" content=\"[oik] plugins.com\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-23T08:15:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"790\" \/>\n\t<meta property=\"og:image:height\" content=\"176\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/\",\"url\":\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/\",\"name\":\"CSS - oik-css\/css - [oik] plugins.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.oik-plugins.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg\",\"datePublished\":\"2019-12-14T15:33:45+00:00\",\"dateModified\":\"2022-11-23T08:15:09+00:00\",\"description\":\"CSS,oik. Use the CSS block to write inline CSS to style your content. The oik-css\/css block replaces oik-block\/css and the [bw_css] shortcode.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#primaryimage\",\"url\":\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg\",\"contentUrl\":\"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg\",\"width\":790,\"height\":176,\"caption\":\"Screenshot of the CSS block, from the oik-blocks plugin.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blocks\",\"item\":\"https:\/\/www.oik-plugins.com\/block\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS &#8211; oik-css\/css\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.oik-plugins.com\/#website\",\"url\":\"https:\/\/www.oik-plugins.com\/\",\"name\":\"[oik] plugins.com\",\"description\":\"WordPress plugins and themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.oik-plugins.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS - oik-css\/css - [oik] plugins.com","description":"CSS,oik. Use the CSS block to write inline CSS to style your content. The oik-css\/css block replaces oik-block\/css and the [bw_css] shortcode.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/","og_locale":"en_US","og_type":"article","og_title":"CSS - oik-css\/css - [oik] plugins.com","og_description":"CSS,oik. Use the CSS block to write inline CSS to style your content. The oik-css\/css block replaces oik-block\/css and the [bw_css] shortcode.","og_url":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/","og_site_name":"[oik] plugins.com","article_modified_time":"2022-11-23T08:15:09+00:00","og_image":[{"width":790,"height":176,"url":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg","type":"image\/jpeg"}],"twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/","url":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/","name":"CSS - oik-css\/css - [oik] plugins.com","isPartOf":{"@id":"https:\/\/www.oik-plugins.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#primaryimage"},"image":{"@id":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg","datePublished":"2019-12-14T15:33:45+00:00","dateModified":"2022-11-23T08:15:09+00:00","description":"CSS,oik. Use the CSS block to write inline CSS to style your content. The oik-css\/css block replaces oik-block\/css and the [bw_css] shortcode.","breadcrumb":{"@id":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#primaryimage","url":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg","contentUrl":"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2019\/01\/oik-block-CSS-block-1.jpg","width":790,"height":176,"caption":"Screenshot of the CSS block, from the oik-blocks plugin."},{"@type":"BreadcrumbList","@id":"https:\/\/www.oik-plugins.com\/block\/css-oik-css-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blocks","item":"https:\/\/www.oik-plugins.com\/block\/"},{"@type":"ListItem","position":2,"name":"CSS &#8211; oik-css\/css"}]},{"@type":"WebSite","@id":"https:\/\/www.oik-plugins.com\/#website","url":"https:\/\/www.oik-plugins.com\/","name":"[oik] plugins.com","description":"WordPress plugins and themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oik-plugins.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block\/40337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block"}],"about":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/types\/block"}],"author":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/comments?post=40337"}],"version-history":[{"count":5,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block\/40337\/revisions"}],"predecessor-version":[{"id":41276,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block\/40337\/revisions\/41276"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/media\/39905"}],"wp:attachment":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/media?parent=40337"}],"wp:term":[{"taxonomy":"block_category","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_category?post=40337"},{"taxonomy":"block_keyword","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_keyword?post=40337"},{"taxonomy":"block_classification","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_classification?post=40337"},{"taxonomy":"block_letters","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/block_letters?post=40337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}