{"id":42,"date":"2021-12-06T14:18:10","date_gmt":"2021-12-06T14:18:10","guid":{"rendered":"https:\/\/websitebuilder-demo.net\/homefeast\/?page_id=42"},"modified":"2025-05-02T08:56:38","modified_gmt":"2025-05-02T08:56:38","slug":"demo-recipes","status":"publish","type":"page","link":"https:\/\/turgutreis-balik.com\/?page_id=42","title":{"rendered":"Menu"},"content":{"rendered":"
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Home<\/a> <\/span>Menu<\/a> <\/span>Contacts<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n
\n
\n
\n

body {
\n\tfont-family: Gotham, “Helvetica Neue”, Helvetica, Arial, sans-serif;
\n\tbackground:#4a535f;
\n}
\n.wrapper {
\n\twidth:100px;
\n\tmargin:3% auto;
\n}
\n.dropdown dd, .dropdown dt, .dropdown ul {
\n\tmargin: 0px;
\n\tpadding: 0px;
\n}
\n.dropdown dd ul li a span:first-child, .dropdown dt a span span:first-child {
\n\tbackground-image: url(‘https:\/\/i.imgur.com\/OQiDoZe.png’);
\n\tbackground-repeat: no-repeat;
\n\twidth: 16px;
\n\theight: 11px;
\n\tdisplay: inline-block;
\n\tmargin:5px;
\n\tvertical-align: top;
\n}
\n.dropdown dt a span {
\n\tcursor: pointer;
\n\tdisplay: block;
\n\tpadding: 5px;
\n\twhite-space: nowrap;
\n}
\n.dropdown dt a img {
\n\tposition: relative;
\n\tz-index: 1;
\n}
\n.dropdown dt a span span:first-child:before {
\n\tposition: absolute;
\n\tcontent: ”;
\n\twidth: 15px;
\n\theight: 10px;
\n\tbox-shadow: 0 1px 1px rgba(0,0,0,0.2) inset;
\n}
\n.dropdown dt a span span {
\n\tdisplay: inline-block;
\n\tpadding: 0;
\n}
\n.dropdown dt a span span:first-child {
\n\tpadding: 0;
\n}
\n.dropdown dd {
\n\tposition: relative;
\n}
\n.dropdown a, .dropdown a:visited {
\n\tcolor: #4a535f;
\n\ttext-decoration: none;
\n\toutline: none;
\n}
\n.dropdown a:hover {
\n\tcolor: #5d4617;
\n}
\n.dropdown dt a:hover, .dropdown dt a:focus {
\n\tcolor: #5d4617;
\n}
\n.dropdown dt a {
\n\tposition: relative;
\n\tbackground: #e3e6ef;
\n\tdisplay: block;
\n\tpadding-right: 20px;
\n\toverflow: hidden;
\n\tborder:0px solid #ed4267;
\n\twidth:40px;
\n}<\/p>\n

\/*
\n.dropdown dt a:after {
\n\tcontent: ”;
\n\tbackground: #ed4267;
\n\tposition: absolute;<\/p>\n

\theight: 30px;
\n position: absolute;
\n right: 0;
\n top: 0;
\n width: 25px;
\n}<\/p>\n

.dropdown dt a:before {
\n background: none repeat scroll 0 0 #FFFFFF;
\n content: “”;
\n height: 3px;
\n position: absolute;
\n right: 7px;
\n top: 6px;
\n width: 20px;
\n z-index: 2;
\n\tbox-shadow:0 8px 0 #FFFFFF, 0 16px 0 #FFFFFF;
\n}*\/
\n.dropdown dd ul {
\n\tbackground: #f0f2f7;<\/p>\n

\tcolor: #C5C0B0;
\n\tdisplay: none;
\n\tleft: 0px;
\n\tpadding: 5px 0px;
\n\tposition: absolute;<\/p>\n

\twidth: 40px;
\n\tborder:1px solid #ed4267;
\n\tlist-style: none;
\n\tmax-height: 150px;
\n\toverflow-y: scroll;
\n\ttop:10px;
\n\tz-index: 2;
\n}<\/p>\n

li a {
\n\tfont-size:13px;
\n}<\/p>\n

li a span:nth-child(2) {
\n line-height: 2em;
\n}
\n.dropdown dd ul::-webkit-scrollbar-track {
\n -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
\n border-left:1px solid rgba(0,0,0,0.1);
\n}
\n.dropdown dd ul::-webkit-scrollbar-thumb {
\n background: rgba(0,0,0,0.4);
\n\/*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5), 1px 0 0 #5cace9 inset, 2px 0 0 #b3d5ee inset;
\n border-radius:10px;*\/
\n}
\n.dropdown dd ul::-webkit-scrollbar-thumb:window-inactive {
\n background: blue;
\n}
\n.dropdown span.value {
\n\tdisplay: none;
\n}
\n.dropdown dd ul li a {
\n\tpadding: 5px;
\n\tdisplay: block;
\n\tfont-size: 12px !important;
\n}
\n.dropdown dd ul li a:hover {
\n\tbackground-color: rgba(0,0,0,0.05);
\n}
\ndl.dropdown {
\n\tdisplay: inline-block;
\n\twidth: 60px;
\n\tmargin: -3px 0 0 1px;
\n}
\ndl.dropdown span:nth-child(3) {
\n\tcolor: rgba(0,0,0,0.4)
\n}
\ndl.dropdown > span:nth-child(2) {
\n\toverflow: hidden;
\n\twhite-space: nowrap;
\n\tdisplay: inline-block;
\n}
\ndl.dropdown span:nth-child(3) {
\n\tfloat: right;
\n}
\ndl.dropdown dt span:nth-child(2) {
\n\tcolor: rgba(0, 0, 0, 0.6);
\n font-size: 14px;
\n font-weight: bold;
\n line-height: 1.6em;
\n}
\ndl.dropdown dt span:nth-child(3) {
\n\tdisplay: none;
\n}
\n.countryFlag {
\n\tpadding: 0;
\n\tbackground-image: url(“https:\/\/i.imgur.com\/OQiDoZe.png”);
\n\tbackground-repeat: no-repeat;
\n\tdisplay: inline-block;
\n\theight: 11px;
\n\tmargin-right: 4px;
\n\twidth: 16px;
\n\tcursor: pointer;
\n\twhite-space: nowrap;
\n\t-moz-border-bottom-colors: none;
\n\t-moz-border-left-colors: none;
\n\t-moz-border-right-colors: none;
\n\t-moz-border-top-colors: none;
\n\tborder-color: #BFBFC1 #B6B6B6 #969696;
\n\tborder-image: none;
\n\tborder-radius: 2px 2px 2px 2px;
\n\tborder-style: solid;
\n\tborder-width: 1px;
\n\tbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
\n}
\n\/*.countryFlag:before {*\/
\n \/*-moz-border-bottom-colors: none;*\/
\n \/*-moz-border-left-colors: none;*\/
\n \/*-moz-border-right-colors: none;*\/
\n \/*-moz-border-top-colors: none;*\/
\n \/*background: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%) repeat scroll 0 0 transparent;*\/
\n \/*border-color: #BFBFC1 #B6B6B6 #969696;*\/
\n \/*border-image: none;*\/
\n \/*border-radius: 2px 2px 2px 2px;*\/
\n \/*border-style: solid;*\/
\n \/*border-width: 1px;*\/
\n \/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);*\/
\n \/*display: block;*\/
\n \/*overflow: hidden;*\/
\n \/*padding-right: 20px;*\/
\n \/*position: relative;*\/
\n \/*width: 25px;*\/
\n\/*}*\/<\/p>\n

\n
\n
<\/span><\/span><\/a><\/dt>\n
\n