הבדלים בין גרסאות בדף "מדיה ויקי:Mobile.css"
קפיצה לניווט
קפיצה לחיפוש
(57 גרסאות ביניים של 3 משתמשים אינן מוצגות) | |||
שורה 1: | שורה 1: | ||
− | . | + | @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap'); |
− | + | :root { | |
+ | --doalogue-azure: #2fafdd; | ||
+ | --doalogue-blue: #0082b1; | ||
+ | --doalogue-gray: #6b6b6b; | ||
+ | } | ||
+ | |||
+ | .fad { | ||
+ | --fa-primary-color: #4a708f; | ||
+ | --fa-secondary-color: #b1c6d7; | ||
} | } | ||
− | + | html { | |
− | + | scroll-behavior: smooth; | |
} | } | ||
− | + | body { | |
− | + | font-family: 'Assistant', sans-serif; | |
− | + | background: #fff; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { | |
− | + | font-family: 'Assistant'; | |
− | |||
} | } | ||
− | + | .content img, img[srce=".svg"] { | |
− | + | max-width: 100%; | |
− | + | height: auto; | |
− | |||
− | |||
} | } | ||
− | . | + | .content .floatleft { |
− | + | float: none; | |
+ | text-align: center; | ||
} | } | ||
− | . | + | .content table { |
− | + | width: auto !important; | |
} | } | ||
+ | #mw-mf-page-center { | ||
+ | overflow-x: hidden; | ||
+ | } | ||
− | + | #mw-mf-page-center ul.gallery { | |
− | + | display: block; | |
} | } | ||
− | . | + | .hide { |
− | + | display:none; | |
} | } | ||
+ | |||
+ | .padding-1 { | ||
+ | padding: 1rem; | ||
} | } | ||
− | + | ||
− | . | + | .padding-t-1 { |
− | + | padding-top: 1rem; | |
} | } | ||
− | |||
− | |||
− | |||
− | + | .padding-r-1 { | |
− | + | padding-right: 1rem; | |
− | + | } | |
− | . | + | .padding-b-1 { |
− | + | padding-bottom: 1rem; | |
− | |||
} | } | ||
− | . | + | |
− | + | .padding-l-1 { | |
+ | padding-left: 1rem; | ||
} | } | ||
− | + | .float-left .padding-1 { | |
− | + | padding-left: 0; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | .float-left { | |
− | . | + | float: left; |
− | + | } | |
− | + | .mobile-nofloat { | |
− | + | float:none; | |
− | + | } | |
+ | div#page-secondary-actions, .last-modified-bar.view-border-box.footer-element { | ||
+ | display: none; | ||
} | } | ||
− | + | /* סינון במונחון */ | |
− | margin: | + | input#filter-input { |
+ | width: 90%; | ||
+ | padding: 7px 5px; | ||
+ | margin: 1em 5% 5px; | ||
+ | font-size: 1.2rem; | ||
+ | border: #eaecf0 solid 1px; | ||
} | } | ||
− | + | input#filter-input:focus { | |
− | + | border: orange solid 1px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | mark { | |
− | + | background: orange; | |
− | + | color: inherit; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | + | /* ממשק עריכה ויזואלי */ | |
+ | @media screen and (max-width: 768px) { | ||
+ | .overlay-header button { | ||
+ | width: 2.2em !important; | ||
} | } | ||
− | + | ||
− | + | .overlay-header > ul, .overlay-header button { | |
− | + | width: 2.2em !important; | |
− | |||
} | } | ||
− | + | .overlay-header .overlay-action button { | |
− | + | padding: 11px !important; | |
− | + | } | |
− | |||
− | |||
− | |||
− | + | .editor-overlay-ve .overlay-header-container .oo-ui-barToolGroup .oo-ui-tool.oo-ui-iconElement, .editor-overlay-ve .overlay-header-container .overlay-header > .toolbar .oo-ui-toolbar-bar .oo-ui-toolGroup { | |
− | + | margin: 0 !important; | |
− | .icon: | + | } |
− | + | .editor-overlay-ve .overlay-header-container .oo-ui-toolbar-tools .oo-ui-iconElement-icon { | |
− | + | width: 2.35em; | |
+ | } | ||
+ | } | ||
+ | /* Header */ | ||
+ | #mw-mf-viewport .header-container { | ||
+ | padding: 0; | ||
+ | } | ||
+ | .header-container form.header { | ||
+ | margin-right: 16px; | ||
+ | width: calc(100% - 32px); | ||
} | } | ||
− | . | + | |
− | + | #mw-mf-viewport .page-actions-menu { | |
+ | border: none; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | .page-heading, .last-modified-bar { |
− | + | display: none; | |
− | + | } | |
− | . | + | .pre-content.heading-holder { |
− | + | background: #eaecf0; | |
+ | padding: 3px 7px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | #mw-mf-viewport .header-container.header-chrome, #mw-mf-viewport .mw-mf-page-center .header-container { | ||
+ | background-color: #52A3F6; | ||
+ | } | ||
− | + | input#searchInput::-webkit-input-placeholder { color: #fff !important;} | |
− | + | input#searchInput::-moz-input-placeholder { color: #fff !important; } | |
+ | input#searchInput::-ms-input-placeholder { color: #fff !important; } | ||
− | . | + | input.search:not([type=submit]) { |
− | + | background: #52A3F6 !important; | |
+ | border-bottom: none;} | ||
− | . | + | .overlay-enabled input.search { |
− | + | background: #fff !important; | |
+ | color: #000; | ||
+ | } | ||
+ | .overlay-content { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | iframe {width: 100%; | ||
+ | max-height: 100vw; | ||
+ | height: 56.25vw; | ||
+ | border:none; | ||
} | } | ||
− | . | + | |
− | + | /* image gallery */ | |
− | + | ul.gallery { | |
+ | display: flex; | ||
} | } | ||
+ | .gallerytext p { | ||
+ | text-align: center; | ||
+ | padding: 0; | ||
+ | margin: -6px; | ||
+ | font-weight: bold; | ||
+ | } | ||
− | + | ul.gallery .gallerybox .thumb img { | |
− | + | margin: auto; | |
− | . | + | } |
− | |||
− | |||
− | |||
− | + | li.gallerycaption { | |
− | + | font-weight: bold; | |
− | + | margin: auto; | |
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | font-size: 1.2em; | ||
} | } | ||
− | + | ul.gallery .gallerybox { | |
− | + | margin-top: 1.5em;} | |
− | + | /* */ | |
− | + | #content svg { | |
− | + | display: block; | |
− | + | margin: auto; | |
− | } | + | max-width:100%; |
+ | height: 100%;} | ||
+ | /* תפריט */ | ||
+ | a.icon-text.icon { | ||
+ | text-indent: 42px; | ||
+ | } | ||
+ | #mw-mf-page-left > ul:nth-child(2) { | ||
+ | display:none; | ||
+ | } | ||
+ | #contact-icons a, a.icon:before { | ||
+ | display: inline-block; | ||
+ | font-family: "Font Awesome 5 Pro"; | ||
+ | text-rendering: auto; | ||
+ | font-weight: 600; | ||
+ | } | ||
− | + | #contact-icons {display:flex;} | |
− | + | #mw-mf-page-left ul li#contact-icons a {margin-right:0; | |
− | + | padding: 13px; | |
− | + | font-size: 35px;} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | # | + | #mw-mf-page-left ul li#contact-icons:hover { |
− | + | background-color: inherit} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | # | + | #mw-mf-page-left ul li#contact-icons a:hover { |
− | + | background-color: #555;} | |
− | + | .icon:before { | |
− | + | position: absolute; | |
+ | right: -27px; | ||
+ | } | ||
+ | .icon-strat:before { content: "\f05b"; | ||
+ | right: -25px; | ||
} | } | ||
+ | .icon-course:before { content: "\f19c"; | ||
+ | right: -27px; | ||
+ | font-size: 20px !important;} | ||
+ | .icon-portal:before { | ||
+ | content: "\f1b3"; | ||
+ | right: -29px; | ||
+ | font-size: 21px !important;} | ||
− | . | + | .icon-contact:before { |
− | + | content: "\f0e0"; | |
− | + | right: -27px; } | |
− | |||
− | |||
− | } | ||
− | . | + | .icon-linkedin:before { |
− | + | content: "\f08c";} | |
− | + | ||
− | + | .icon-twitter:before { | |
− | + | content: "\f081";} | |
− | + | ||
+ | .icon-phone:before{ | ||
+ | content: "\f098";} | ||
+ | .icon-facebook, .icon-twitter, .icon-linkedin { | ||
+ | font-family: "Font Awesome 5 Brands" !important; | ||
} | } | ||
− | + | .icon-facebook:before { | |
− | + | content: "\f082"; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .icon-blog:before { |
− | + | content: "\f09e"; | |
− | + | right: -24px; | |
} | } | ||
− | . | + | |
− | + | ||
− | + | /* תיקונים כלליים */ | |
+ | #page-actions, .nomobile {display:none;} | ||
+ | .is-authenticated #page-actions {display:block;} | ||
+ | #content_wrapper .top-bar {display: none;} | ||
+ | .is-authenticated #content_wrapper .top-bar {display: block;} | ||
+ | /* פורטל */ | ||
+ | |||
+ | |||
+ | .ns-90 #mf-section-0 > p, .ns-90 .mf-section-0 .thumb, .ns-90 .content .section-heading .indicator { | ||
+ | display: none; | ||
} | } | ||
− | . | + | .container { |
− | + | border: 0px dashed #ccc; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
position: relative; | position: relative; | ||
− | + | max-width:650px; | |
− | + | margin: auto; | |
− | + | overflow: hidden; | |
− | + | } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | } | ||
− | . | + | .container > div { |
− | + | background: transparent; | |
+ | height: 180px; | ||
+ | position: relative; | ||
+ | width: 50%; | ||
+ | float: right; | ||
+ | max-width: 220px; | ||
+ | padding: 5px; | ||
+ | box-sizing: border-box; | ||
} | } | ||
+ | #gridlink a { | ||
+ | position: absolute; | ||
+ | z-index: 10000; | ||
+ | opacity: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | display: block; | ||
+ | } | ||
− | .panel | + | #bodyContent .container .panel { |
− | + | clear: none !important; | |
+ | background-color: transparent !important; | ||
+ | margin-top: 0 !important; | ||
} | } | ||
− | . | + | .container > div[data-ss-colspan='4'] { width: 150px; } |
− | + | .container > div[data-ss-colspan='2'] { | |
+ | width: 100%; | ||
+ | max-width: 400px; | ||
+ | height:auto; | ||
} | } | ||
− | + | .container > div.nopanel { | |
− | + | padding: 0; | |
− | . | + | margin: 5px; |
− | + | border-left: solid white 10px; | |
+ | background: #52a3f6; | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | #double { | ||
+ | width: 100%; | ||
+ | max-width: 400px; | ||
+ | height: 180px; | ||
+ | background: #ccc; | ||
+ | padding: 5px; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | #double .pad { | ||
+ | width: 309px; | ||
} | } | ||
− | . | + | |
− | + | .container .ss-placeholder-child { | |
+ | background: #000; | ||
+ | opacity:0.1; | ||
} | } | ||
− | . | + | .gridcell h3.section-heading { |
− | + | display: block !important; | |
− | + | margin: 0; | |
− | |||
} | } | ||
− | + | .gridcell { | |
− | + | ||
− | + | } | |
− | + | /* flip */ | |
− | + | .panel { | |
− | + | margin: 0; | |
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .panel .front { |
− | + | position: relative; | |
+ | background: #52a3f6; | ||
+ | z-index: 900; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | top: 0; | ||
+ | z-index: 900; | ||
text-align: center; | text-align: center; | ||
− | |||
− | |||
} | } | ||
− | + | .panel .back { | |
− | . | + | position: absolute; |
− | + | top: 0; | |
− | + | z-index: 800; | |
− | + | width: inherit; | |
+ | height: inherit; | ||
+ | } | ||
+ | .panel .front .section-heading, .content .nopanel .section-heading { | ||
+ | width: auto; | ||
+ | border-bottom: none; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .content .section-heading > span, .content .in-block > span { | ||
+ | display: inline; | ||
} | } | ||
− | + | .panel h3.collapsible-heading.icon.icon-text.icon-15px.open-block.icon-arrow-up { | |
− | + | margin: 10px; | |
− | + | } | |
− | + | ||
− | + | .gridcell .collapsible-block { | |
+ | display: block !important;; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* -- make sure to declare a default for every property that you want animated -- */ | |
− | + | /* -- general styles, including Y axis rotation -- */ | |
− | + | .panel .back { | |
− | + | display:none | |
− | + | } | |
− | + | .panel.flip .back { | |
− | . | + | display:none; |
− | + | } | |
− | + | .panels .panel { | |
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | font-size: 1em; | ||
} | } | ||
+ | |||
#portitle { | #portitle { | ||
− | + | background: #ccc; | |
− | + | height: 150px; | |
+ | position: absolute; | ||
+ | width: 150px; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | } | ||
+ | .artitle { | ||
+ | display: table; | ||
+ | text-align: center; | ||
+ | height: 161px; | ||
+ | width: 100%; | ||
+ | } | ||
− | + | .artitle h3 { | |
− | + | display: table-cell !important; | |
− | + | vertical-align: middle; | |
− | text-align:center; | + | text-align: center; |
} | } | ||
− | # | + | |
− | + | ||
− | + | #artitle2 { | |
− | + | background: #D7E5FF; | |
− | + | height: 150px; | |
− | + | position: absolute; | |
− | + | width: 150px; | |
} | } | ||
− | # | + | #artitle2 p { |
− | margin: 0. | + | margin: 0.6em; |
+ | overflow: hidden; | ||
text-align: justify; | text-align: justify; | ||
− | } | + | font-size: small;} |
− | # | + | #gridlink > .selflink {display:none;} |
− | |||
− | } | ||
− | + | #portitle h3 { | |
− | font- | + | margin: 13px; |
+ | font-size: 2.5em; | ||
+ | padding: 0; | ||
+ | line-height:1.2;} | ||
+ | |||
+ | .pad > h3 { | ||
+ | margin-left: AUTO; | ||
+ | margin-right: auto; | ||
} | } | ||
− | + | #portitle { | |
− | + | border-radius: 1em; | |
− | + | box-shadow: black 4px 8px 10px;} | |
− | } | ||
− | + | #portitle h3 { | |
− | font- | + | font-size: 2em; |
+ | color:#fff; | ||
+ | text-align:center; | ||
} | } | ||
− | .panel .icon-arrow-up { | + | #gridcell h3, .gridcell > div > h3 { |
− | background-image: none !important;; | + | margin: 0.5em; |
+ | text-align: center; | ||
+ | font-size: xx-large; | ||
+ | border: none; | ||
+ | font-weight: bold; | ||
+ | line-height:1.1; | ||
+ | } | ||
+ | #gridcell p, .gridcell > div > p, #gridtext > p { | ||
+ | margin: 0.4em 2em; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #mf-wiki h2 { | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-family: cursive; | ||
+ | } | ||
+ | |||
+ | .pad h3 { | ||
+ | font-size: 1.7em; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { | ||
+ | font-family: sans-serif; | ||
+ | } | ||
+ | .panel .icon-arrow-up { | ||
+ | background-image: none !important;; | ||
} | } | ||
.front.three {background: url('../images/overlay.png'), url(../images/fulls/03.jpg) no-repeat 0 0 / 100%;} | .front.three {background: url('../images/overlay.png'), url(../images/fulls/03.jpg) no-repeat 0 0 / 100%;} | ||
שורה 1,327: | שורה 1,433: | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
+ | width: auto !important; | ||
} | } | ||
שורה 1,339: | שורה 1,446: | ||
.thumbinner2 img { | .thumbinner2 img { | ||
− | height: | + | height: auto; |
width: 100%; } | width: 100%; } | ||
שורה 1,372: | שורה 1,479: | ||
top: 3px; | top: 3px; | ||
background-image: url(http://doalogue.co.il/images/icons/X.svg); | background-image: url(http://doalogue.co.il/images/icons/X.svg); | ||
− | |||
height: 23px; | height: 23px; | ||
width: 23px; | width: 23px; | ||
שורה 1,540: | שורה 1,646: | ||
font-size: 3em; | font-size: 3em; | ||
text-shadow: black 3px 3px 4px; | text-shadow: black 3px 3px 4px; | ||
− | padding-top: | + | padding-top: 25vh; |
} | } | ||
שורה 1,559: | שורה 1,665: | ||
} | } | ||
− | + | #image-banner { | |
width:100%; | width:100%; | ||
display:block; | display:block; | ||
background-attachment:fixed; | background-attachment:fixed; | ||
background-size: cover; | background-size: cover; | ||
− | background-position: center; | + | background-position: center; |
− | + | background-repeat: no-repeat; | |
− | height: 80vh; | + | height: 80vh; |
− | + | background-color: white; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
.art__hero__txt { | .art__hero__txt { | ||
שורה 1,605: | שורה 1,707: | ||
a[href^="mailto"]:after { | a[href^="mailto"]:after { | ||
display: inline-block; | display: inline-block; | ||
− | font: normal normal normal 14px/1 | + | font: normal normal normal 14px/1 "Font Awesome 5 Pro"; |
font-size: inherit; | font-size: inherit; | ||
text-rendering: auto; | text-rendering: auto; | ||
שורה 1,618: | שורה 1,720: | ||
margin-right: 14px; | margin-right: 14px; | ||
margin-left: 24px; | margin-left: 24px; | ||
+ | } | ||
+ | |||
+ | /* תבנית קישור לציטוט דואלוג-ציטוט*/ | ||
+ | .doalogue-quote { | ||
+ | background: #f2f2f2; | ||
+ | overflow: hidden; | ||
+ | float: none !important; | ||
+ | width:100%; | ||
+ | padding: .5rem .5rem 0 1rem; | ||
+ | position:relative; | ||
+ | transition: all ease .2s; | ||
+ | } | ||
+ | |||
+ | .doalogue-quote:hover { | ||
+ | background: #686868; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .doalogue-quote h3 { | ||
+ | font-weight: normal; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | color: inherit; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | |||
+ | .doalogue-quote i { | ||
+ | padding: 7px; | ||
+ | color: #2aaddc; | ||
+ | } | ||
+ | |||
+ | .doalogue-quote a { | ||
+ | color: transparent; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | #image-banner a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | /* doalogue-table */ | ||
+ | .doalogue-table { | ||
+ | background: #d4eaf4; | ||
+ | border: 0; | ||
+ | border-spacing: 0; | ||
+ | font-size: 17.5px; | ||
+ | margin-bottom:1em; | ||
+ | } | ||
+ | |||
+ | .doalogue-table th { | ||
+ | background: #3494bb; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | padding: 3px; | ||
+ | color: #3494bb; | ||
+ | } | ||
+ | |||
+ | .doalogue-table td { | ||
+ | padding: 3px; | ||
+ | } | ||
+ | |||
+ | .doalogue-table th { | ||
+ | background: #3494bb; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | .doalogue-table tr:nth-child(odd) { | ||
+ | background: #c4e3f3; | ||
+ | } | ||
+ | .doalogue-table tr:hover { | ||
+ | background: #acd7ca; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* matrix table */ | ||
+ | table.matrix-table { | ||
+ | max-width: 350px; | ||
+ | margin: auto; | ||
+ | background-position: 56% 56%; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 41%; | ||
+ | border: none; | ||
+ | background-color: #b1c6d7; | ||
+ | color: #236b87; | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | .matrix-table.z-shape { | ||
+ | background-image: url(https://doalogue.co.il/wiki/upload/doalogue/3/34/Z-arrow.png); | ||
+ | } | ||
+ | .matrix-table.d-shape { | ||
+ | background-image: url(https://doalogue.co.il/wiki/upload/doalogue/2/28/D-arrow.png); | ||
+ | } | ||
+ | .matrix-table.o-shape { | ||
+ | background-image: url(https://doalogue.co.il/wiki/upload/doalogue/d/dc/O-arrow.png); | ||
+ | } | ||
+ | |||
+ | .matrix-table.o-shape-h { | ||
+ | background-image: url(https://doalogue.co.il/wiki/upload/doalogue/a/ae/O-arrow-h.png); | ||
+ | } | ||
+ | |||
+ | .matrix-table.l-shape { | ||
+ | background-image: url(https://doalogue.co.il/wiki/upload/doalogue/4/47/L-arrow.png); | ||
+ | } | ||
+ | .matrix-table.bottom-shape { | ||
+ | background-position: center 85%; | ||
+ | } | ||
+ | |||
+ | .matrix-table.top-shape { | ||
+ | background-position: center 15%; | ||
+ | } | ||
+ | |||
+ | .matrix-table.right-shape { | ||
+ | background-position: 79% center; | ||
+ | background-size: 18%; | ||
+ | } | ||
+ | |||
+ | .matrix-table.left-shape { | ||
+ | background-position: 21% center; | ||
+ | background-size: 18%; | ||
+ | } | ||
+ | |||
+ | table.matrix-table * { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | table.matrix-table td { | ||
+ | width: 50%; | ||
+ | height: 125px; | ||
+ | font-size: 23px; | ||
+ | position: relative; | ||
+ | transition: all ease .3s; | ||
+ | } | ||
+ | |||
+ | table.matrix-table td:hover { | ||
+ | background: #236b877a; | ||
+ | color: #fff; | ||
+ | } | ||
+ | table.matrix-table tr:first-child td { | ||
+ | border-bottom: solid #236b87 2px; | ||
+ | } | ||
+ | |||
+ | table.matrix-table td:first-child { | ||
+ | border-left: solid #236b87 2px; | ||
+ | } | ||
+ | i.round-number { | ||
+ | position: absolute; | ||
+ | right: 4px; | ||
+ | top: 4px; | ||
+ | } | ||
+ | i.round-number:before { | ||
+ | content: ""; | ||
+ | font-family: "Assistant"; | ||
+ | font-style: normal; | ||
+ | color: #fff; | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | right: 6px; | ||
+ | top: 2px; | ||
+ | height: 1em; | ||
+ | width: 1em; | ||
+ | font-size: 19px; | ||
+ | font-weight: bold; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | |||
+ | i.round-number:after { | ||
+ | content: ""; | ||
+ | background: #236b87; | ||
+ | position: absolute; | ||
+ | border-radius: 50%; | ||
+ | height: 1em; | ||
+ | width: 1em; | ||
+ | right: 5px; | ||
+ | top: 5px; | ||
+ | } | ||
+ | |||
+ | i.round-number.left { | ||
+ | left: 35px; | ||
+ | right: initial; | ||
+ | } | ||
+ | |||
+ | i.round-number.bottom { | ||
+ | bottom: 35px; | ||
+ | top: initial; | ||
+ | } | ||
+ | |||
+ | |||
+ | i.number-1:before { | ||
+ | content: "1"; | ||
+ | } | ||
+ | i.number-2:before { | ||
+ | content: "2"; | ||
+ | } | ||
+ | i.number-3:before { | ||
+ | content: "3"; | ||
+ | } | ||
+ | i.number-4:before { | ||
+ | content: "4"; | ||
+ | } | ||
+ | |||
+ | .what-interesting { | ||
+ | background: #29addb4f; | ||
+ | padding: 1em; | ||
+ | color: #2980a1; | ||
+ | border: solid 2px; | ||
+ | border-radius: 3px; | ||
+ | margin: 1em 0; | ||
+ | } | ||
+ | |||
+ | .what-interesting .h3 { | ||
+ | font-size: 1.7em; | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | .what-interesting > ul a { | ||
+ | color: #29addb; | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | |||
+ | /* תבנית ספר */ | ||
+ | .booktab { | ||
+ | background: #2aaddc; | ||
+ | color: white; | ||
+ | padding: 5px 10px 10px; | ||
+ | border-radius: 5px; | ||
+ | margin-bottom: 1.4em; | ||
+ | transition: all ease .3s; | ||
+ | max-height: 2.3em; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .booktab:target { | ||
+ | max-height: 100%; | ||
+ | } | ||
+ | .booktab > *, .booktab a, .booktab h3 { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .booktab h3.in-block { | ||
+ | color: #fff; | ||
+ | padding: 0; | ||
+ | font-weight: normal; | ||
+ | margin: 0; | ||
+ | display: flex; | ||
+ | line-height: 1; | ||
+ | height: 2em; | ||
+ | width: 100%; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | .content .booktab .floatleft { | ||
+ | float: none; | ||
+ | width: 180px; | ||
+ | margin: 10px auto; | ||
+ | } | ||
+ | |||
+ | .booktab h3:before { | ||
+ | content: "\f02d"; | ||
+ | font-family: 'Font Awesome 5 Pro'; | ||
+ | font-weight: 100; | ||
+ | right: 6px; | ||
+ | font-size: 18px; | ||
+ | padding: 3px 0 0 9px; | ||
+ | float: right; | ||
+ | } | ||
+ | .booktab h3 a { | ||
+ | display: block; | ||
+ | } | ||
+ | .booktab h4 { | ||
+ | color: #fff; | ||
+ | padding: 0; | ||
+ | margin: 15px 25px; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .booktab .row { | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | flex-wrap: nowrap; | ||
+ | justify-content: space-between; | ||
+ | align-content: stretch; | ||
+ | align-items: flex-start; | ||
+ | } | ||
+ | |||
+ | .booktab-content a { | ||
+ | color:#fff !important; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | .booktab-content a:hover, .booktab-content a:visited { | ||
+ | color:#fff; | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | .booktab h3 a:nth-child(n+2) { | ||
+ | position: absolute; | ||
+ | left: 10px; | ||
+ | top: 16px; | ||
+ | } | ||
+ | .booktab:target h3 a:nth-child(2), .booktab h3 a:nth-child(3) { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .booktab:target h3 a:nth-child(3) { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .booktab .external-image { | ||
+ | width: 180px; | ||
+ | overflow: hidden; | ||
+ | float: none; | ||
+ | margin: 10px auto; | ||
+ | } | ||
+ | |||
+ | .booktab .external-image img { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .booktab .book-header ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .booktab .book-header ul li { | ||
+ | padding-left: 1em; | ||
+ | } | ||
+ | .booktab .book-header .rating { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .booktab .book-header .row { | ||
+ | padding: .5em 0; | ||
+ | } | ||
+ | |||
+ | .booktab blockquote { | ||
+ | clear: both; | ||
+ | padding: 10px; | ||
+ | border-right: solid 6px; | ||
+ | padding-right: 2.5em; | ||
+ | padding-left: 1em; | ||
+ | margin: 13px; | ||
+ | background-color: #fff3; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 99% 6px, 6px 99%; | ||
+ | background-size: 2em; | ||
+ | background-image: url(https://doalogue.co.il/wiki/upload/doalogue/1/19/Quote-right.svg), url(https://doalogue.co.il/wiki/upload/doalogue/9/98/Quote-left.svg); | ||
+ | } | ||
+ | |||
+ | .booktab blockquote.ltr { | ||
+ | border-left: solid 6px; | ||
+ | border-right: none; | ||
+ | padding-right: 1em; | ||
+ | direction: ltr; | ||
+ | padding-left: 1em; | ||
+ | margin: 13px; | ||
+ | background-position: 99% 97%,6px 4px; | ||
+ | } | ||
+ | .year, .pages { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .categories { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .categories a { | ||
+ | margin-top: .5em; | ||
+ | margin-left: 8px; | ||
+ | border: solid thin; | ||
+ | border-radius: 3px; | ||
+ | padding: 1px 6px; | ||
+ | background: #fff; | ||
+ | color: #2aaddc; | ||
+ | } | ||
+ | .categories a:hover { | ||
+ | background: transparent; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* תבנית ספריה לדפים */ | ||
+ | .doalogue-bookshelf { | ||
+ | background: #edf3f6; | ||
+ | overflow: hidden; | ||
+ | padding: .5rem .5rem 0 1rem; | ||
+ | position: relative; | ||
+ | transition: all ease .2s; | ||
+ | border: solid 2px #2aaddc; | ||
+ | border-radius: 4px; | ||
+ | color: #2aaddc; | ||
+ | } | ||
+ | |||
+ | |||
+ | .doalogue-bookshelf h2, .doalogue-bookshelf h2 a{ | ||
+ | border: none; | ||
+ | margin-top: 0; | ||
+ | color: #2aaddc; | ||
+ | } | ||
+ | |||
+ | .books a { | ||
+ | background: #2aaddc; | ||
+ | color: white; | ||
+ | padding: 5px 10px 5px; | ||
+ | border-radius: 5px; | ||
+ | margin-bottom: .4em; | ||
+ | transition: all ease .3s; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | border: solid thin #21abdc; | ||
+ | display: block; | ||
+ | font-size: 1.5em; | ||
+ | } | ||
+ | |||
+ | .books a:hover { | ||
+ | background: #fff; | ||
+ | color: #19a9dc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .books a .float-left { | ||
+ | padding-top: 4px; | ||
+ | } | ||
+ | |||
+ | .books h4 { | ||
+ | margin-top: 3px; | ||
+ | } | ||
+ | /* דוגמא */ | ||
+ | .example-block { | ||
+ | margin: 1em 6px; | ||
+ | font-size: 85%; | ||
+ | background: #2aaddc03; | ||
+ | border-radius: 7px; | ||
+ | padding: 0 1em; | ||
+ | margin-bottom: 1em; | ||
+ | border: solid 2px #2aaddc; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | .example-block h4 { | ||
+ | color: #2aaddc; | ||
+ | font-size: 23px; | ||
+ | margin: 0; | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | /* tool quick information */ | ||
+ | .quick-view { | ||
+ | font-size: 17px; | ||
+ | background: var(--doalogue-azure)29; | ||
+ | border-radius: 4px; | ||
+ | padding: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | border: solid 2px var(--doalogue-azure); | ||
+ | overflow: hidden; | ||
+ | position:relative; | ||
+ | clear:both; | ||
+ | } | ||
+ | .quick-view > p { | ||
+ | display: none; | ||
+ | } | ||
+ | .mw-body .quick-view h2 { | ||
+ | color: var(--doalogue-azure); | ||
+ | margin-top: 0; | ||
+ | font-size: 1.5rem; | ||
+ | } | ||
+ | |||
+ | .quick-view h4, .quick-view h3 { | ||
+ | display: inline; | ||
+ | font-size: 17px; | ||
+ | margin: 0; | ||
+ | font-weight: 600; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .quick-view .field-view-category a { | ||
+ | background: var(--doalogue-azure); | ||
+ | display: inline-block; | ||
+ | color: #fff; | ||
+ | padding: 1px 4px; | ||
+ | border-radius: 2px; | ||
+ | text-decoration: none; | ||
+ | margin: 3px 0 0 3px; | ||
+ | } | ||
+ | .quick-view .field-view-category a:hover { | ||
+ | background: var(--doalogue-blue); | ||
+ | } | ||
+ | .quick-view p { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | font-size: 17px; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | /* tool block */ | ||
+ | .tool-block { | ||
+ | background: #2aaddc03; | ||
+ | border-radius: 4px; | ||
+ | padding: 0 1em; | ||
+ | margin-bottom: 1em; | ||
+ | border: solid 2px #2aaddc; | ||
+ | overflow: hidden; | ||
+ | position:relative; | ||
+ | clear:both; | ||
+ | } | ||
+ | .tool-block #field-view-field_081Nqv { | ||
+ | counter-reset: section; | ||
+ | } | ||
+ | .tool-block h4 { | ||
+ | color: #2aaddc; | ||
+ | font-size: 23px; | ||
+ | margin: 0; | ||
+ | font-weight: 500; | ||
+ | counter-increment: section; | ||
+ | } | ||
+ | .tool-block #field-view-field_081Nqv h4:before { | ||
+ | content: '#'counter(section) ' '; | ||
+ | } | ||
+ | /* credit block */ | ||
+ | .credit-block { | ||
+ | margin-top: 1em; | ||
+ | padding: 5px 10px; | ||
+ | background: #2aaddc03; | ||
+ | border-radius: 4px; | ||
+ | border: solid 2px #2aaddc; | ||
+ | } | ||
+ | |||
+ | .mw-body-content .credit-block p { | ||
+ | margin: 0; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | |||
+ | /* inverted list */ | ||
+ | .inverted ol { | ||
+ | list-style-type: none; | ||
+ | counter-reset: item 13; | ||
+ | } | ||
+ | |||
+ | .inverted ol li { | ||
+ | counter-increment: item -1; | ||
+ | } | ||
+ | |||
+ | .inverted ol li:before { | ||
+ | content: counter(item) ". "; | ||
+ | } | ||
+ | |||
+ | #content .responsive-diagram { | ||
+ | overflow-x: auto; | ||
+ | } | ||
+ | #content .responsive-diagram svg { | ||
+ | max-width: fit-content; | ||
+ | max-height: 75vw; | ||
+ | height: unset; | ||
+ | } | ||
+ | |||
+ | /* Mail chimp Popup */ | ||
+ | .popup { | ||
+ | position: fixed; | ||
+ | bottom: 0; | ||
+ | width: 100vw; | ||
+ | height: unset; | ||
+ | margin-top: unset; | ||
+ | left: -450px; | ||
+ | max-width: 100%; | ||
+ | background-color: rgba(0, 0, 0, 0.5); | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | transition: left 0.3s ease-in-out; | ||
+ | z-index: 9999; | ||
+ | box-shadow: #052c3a76 1px 5px 10px 0px; | ||
+ | } | ||
+ | |||
+ | .popup-content { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | align-items: center; | ||
+ | width: 100%; | ||
+ | padding: 1em; | ||
+ | } | ||
+ | |||
+ | .popup-content h2 { | ||
+ | font-size: 24px; | ||
+ | margin-bottom: 10px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | #popup .popup-image { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: -1; | ||
+ | background-image: url('https://www.doalogue.co.il/wiki/upload/doalogue/d/d1/Laptop-bg-around.svg'); | ||
+ | background-size: cover; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | filter: brightness(0.5); | ||
+ | max-width: unset; | ||
+ | } | ||
+ | |||
+ | .show { | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .popup .dismiss-button { | ||
+ | position: absolute; | ||
+ | color: #fff; | ||
+ | top: 5px; | ||
+ | right: 5px; | ||
+ | font-family: "Font Awesome 5 Free"; | ||
+ | font-weight: 100; | ||
+ | font-size: 24px; | ||
+ | background: none; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .brandingLogo { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .input-group { | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | } | ||
+ | |||
+ | input[type="email"] { | ||
+ | width: 70%; | ||
+ | padding: 10px; | ||
+ | border: none | ||
+ | } | ||
+ | |||
+ | .submit-button { | ||
+ | padding: 10px 20px; | ||
+ | background-color: #2aaddc; | ||
+ | color: #fff; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | box-sizing: border-box; | ||
+ | height: 41px; | ||
+ | } | ||
+ | |||
+ | .submit-button:hover { | ||
+ | background-color: #676768; | ||
+ | } | ||
+ | |||
+ | .thank-you-message, | ||
+ | .error-message { | ||
+ | display: none; | ||
+ | margin-top: 10px; | ||
+ | padding: 10px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | color: #fff; | ||
+ | background-color: #2aaddc; | ||
+ | } | ||
+ | #mc-embedded-subscribe-form { | ||
+ | width: 100%; | ||
+ | } | ||
+ | #mce-EMAIL { | ||
+ | outline: none; | ||
+ | background: #fff; | ||
+ | box-sizing: border-box; | ||
+ | height: 41px; | ||
} | } |
גרסה אחרונה מ־11:21, 10 ביולי 2023
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&display=swap');
:root {
--doalogue-azure: #2fafdd;
--doalogue-blue: #0082b1;
--doalogue-gray: #6b6b6b;
}
.fad {
--fa-primary-color: #4a708f;
--fa-secondary-color: #b1c6d7;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Assistant', sans-serif;
background: #fff;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
font-family: 'Assistant';
}
.content img, img[srce=".svg"] {
max-width: 100%;
height: auto;
}
.content .floatleft {
float: none;
text-align: center;
}
.content table {
width: auto !important;
}
#mw-mf-page-center {
overflow-x: hidden;
}
#mw-mf-page-center ul.gallery {
display: block;
}
.hide {
display:none;
}
.padding-1 {
padding: 1rem;
}
.padding-t-1 {
padding-top: 1rem;
}
.padding-r-1 {
padding-right: 1rem;
}
.padding-b-1 {
padding-bottom: 1rem;
}
.padding-l-1 {
padding-left: 1rem;
}
.float-left .padding-1 {
padding-left: 0;
}
.float-left {
float: left;
}
.mobile-nofloat {
float:none;
}
div#page-secondary-actions, .last-modified-bar.view-border-box.footer-element {
display: none;
}
/* סינון במונחון */
input#filter-input {
width: 90%;
padding: 7px 5px;
margin: 1em 5% 5px;
font-size: 1.2rem;
border: #eaecf0 solid 1px;
}
input#filter-input:focus {
border: orange solid 1px;
}
mark {
background: orange;
color: inherit;
}
/* ממשק עריכה ויזואלי */
@media screen and (max-width: 768px) {
.overlay-header button {
width: 2.2em !important;
}
.overlay-header > ul, .overlay-header button {
width: 2.2em !important;
}
.overlay-header .overlay-action button {
padding: 11px !important;
}
.editor-overlay-ve .overlay-header-container .oo-ui-barToolGroup .oo-ui-tool.oo-ui-iconElement, .editor-overlay-ve .overlay-header-container .overlay-header > .toolbar .oo-ui-toolbar-bar .oo-ui-toolGroup {
margin: 0 !important;
}
.editor-overlay-ve .overlay-header-container .oo-ui-toolbar-tools .oo-ui-iconElement-icon {
width: 2.35em;
}
}
/* Header */
#mw-mf-viewport .header-container {
padding: 0;
}
.header-container form.header {
margin-right: 16px;
width: calc(100% - 32px);
}
#mw-mf-viewport .page-actions-menu {
border: none;
}
.page-heading, .last-modified-bar {
display: none;
}
.pre-content.heading-holder {
background: #eaecf0;
padding: 3px 7px;
margin: 0;
}
#mw-mf-viewport .header-container.header-chrome, #mw-mf-viewport .mw-mf-page-center .header-container {
background-color: #52A3F6;
}
input#searchInput::-webkit-input-placeholder { color: #fff !important;}
input#searchInput::-moz-input-placeholder { color: #fff !important; }
input#searchInput::-ms-input-placeholder { color: #fff !important; }
input.search:not([type=submit]) {
background: #52A3F6 !important;
border-bottom: none;}
.overlay-enabled input.search {
background: #fff !important;
color: #000;
}
.overlay-content {
overflow: auto;
}
iframe {width: 100%;
max-height: 100vw;
height: 56.25vw;
border:none;
}
/* image gallery */
ul.gallery {
display: flex;
}
.gallerytext p {
text-align: center;
padding: 0;
margin: -6px;
font-weight: bold;
}
ul.gallery .gallerybox .thumb img {
margin: auto;
}
li.gallerycaption {
font-weight: bold;
margin: auto;
text-align: center;
width: 100%;
font-size: 1.2em;
}
ul.gallery .gallerybox {
margin-top: 1.5em;}
/* */
#content svg {
display: block;
margin: auto;
max-width:100%;
height: 100%;}
/* תפריט */
a.icon-text.icon {
text-indent: 42px;
}
#mw-mf-page-left > ul:nth-child(2) {
display:none;
}
#contact-icons a, a.icon:before {
display: inline-block;
font-family: "Font Awesome 5 Pro";
text-rendering: auto;
font-weight: 600;
}
#contact-icons {display:flex;}
#mw-mf-page-left ul li#contact-icons a {margin-right:0;
padding: 13px;
font-size: 35px;}
#mw-mf-page-left ul li#contact-icons:hover {
background-color: inherit}
#mw-mf-page-left ul li#contact-icons a:hover {
background-color: #555;}
.icon:before {
position: absolute;
right: -27px;
}
.icon-strat:before { content: "\f05b";
right: -25px;
}
.icon-course:before { content: "\f19c";
right: -27px;
font-size: 20px !important;}
.icon-portal:before {
content: "\f1b3";
right: -29px;
font-size: 21px !important;}
.icon-contact:before {
content: "\f0e0";
right: -27px; }
.icon-linkedin:before {
content: "\f08c";}
.icon-twitter:before {
content: "\f081";}
.icon-phone:before{
content: "\f098";}
.icon-facebook, .icon-twitter, .icon-linkedin {
font-family: "Font Awesome 5 Brands" !important;
}
.icon-facebook:before {
content: "\f082";
}
.icon-blog:before {
content: "\f09e";
right: -24px;
}
/* תיקונים כלליים */
#page-actions, .nomobile {display:none;}
.is-authenticated #page-actions {display:block;}
#content_wrapper .top-bar {display: none;}
.is-authenticated #content_wrapper .top-bar {display: block;}
/* פורטל */
.ns-90 #mf-section-0 > p, .ns-90 .mf-section-0 .thumb, .ns-90 .content .section-heading .indicator {
display: none;
}
.container {
border: 0px dashed #ccc;
position: relative;
max-width:650px;
margin: auto;
overflow: hidden;
}
.container > div {
background: transparent;
height: 180px;
position: relative;
width: 50%;
float: right;
max-width: 220px;
padding: 5px;
box-sizing: border-box;
}
#gridlink a {
position: absolute;
z-index: 10000;
opacity: 0;
width: 100%;
height: 100%;
display: block;
}
#bodyContent .container .panel {
clear: none !important;
background-color: transparent !important;
margin-top: 0 !important;
}
.container > div[data-ss-colspan='4'] { width: 150px; }
.container > div[data-ss-colspan='2'] {
width: 100%;
max-width: 400px;
height:auto;
}
.container > div.nopanel {
padding: 0;
margin: 5px;
border-left: solid white 10px;
background: #52a3f6;
padding-bottom: 1em;
}
#double {
width: 100%;
max-width: 400px;
height: 180px;
background: #ccc;
padding: 5px;
box-sizing: border-box;
}
#double .pad {
width: 309px;
}
.container .ss-placeholder-child {
background: #000;
opacity:0.1;
}
.gridcell h3.section-heading {
display: block !important;
margin: 0;
}
.gridcell {
}
/* flip */
.panel {
margin: 0;
}
.panel .front {
position: relative;
background: #52a3f6;
z-index: 900;
width: 100%;
height: 100%;
top: 0;
z-index: 900;
text-align: center;
}
.panel .back {
position: absolute;
top: 0;
z-index: 800;
width: inherit;
height: inherit;
}
.panel .front .section-heading, .content .nopanel .section-heading {
width: auto;
border-bottom: none;
margin-bottom: 0;
}
.content .section-heading > span, .content .in-block > span {
display: inline;
}
.panel h3.collapsible-heading.icon.icon-text.icon-15px.open-block.icon-arrow-up {
margin: 10px;
}
.gridcell .collapsible-block {
display: block !important;;
}
/* -- make sure to declare a default for every property that you want animated -- */
/* -- general styles, including Y axis rotation -- */
.panel .back {
display:none
}
.panel.flip .back {
display:none;
}
.panels .panel {
width: 100%;
height: 100%;
font-size: 1em;
}
#portitle {
background: #ccc;
height: 150px;
position: absolute;
width: 150px;
display: flex;
justify-content: center;
align-items: center;
}
.artitle {
display: table;
text-align: center;
height: 161px;
width: 100%;
}
.artitle h3 {
display: table-cell !important;
vertical-align: middle;
text-align: center;
}
#artitle2 {
background: #D7E5FF;
height: 150px;
position: absolute;
width: 150px;
}
#artitle2 p {
margin: 0.6em;
overflow: hidden;
text-align: justify;
font-size: small;}
#gridlink > .selflink {display:none;}
#portitle h3 {
margin: 13px;
font-size: 2.5em;
padding: 0;
line-height:1.2;}
.pad > h3 {
margin-left: AUTO;
margin-right: auto;
}
#portitle {
border-radius: 1em;
box-shadow: black 4px 8px 10px;}
#portitle h3 {
font-size: 2em;
color:#fff;
text-align:center;
}
#gridcell h3, .gridcell > div > h3 {
margin: 0.5em;
text-align: center;
font-size: xx-large;
border: none;
font-weight: bold;
line-height:1.1;
}
#gridcell p, .gridcell > div > p, #gridtext > p {
margin: 0.4em 2em;
text-align: justify;
}
#mf-wiki h2 {
text-align:center;
}
h2 {
font-family: cursive;
}
.pad h3 {
font-size: 1.7em;
padding: 0;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
font-family: sans-serif;
}
.panel .icon-arrow-up {
background-image: none !important;;
}
.front.three {background: url('../images/overlay.png'), url(../images/fulls/03.jpg) no-repeat 0 0 / 100%;}
.front.workshop {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/workshop.jpeg) no-repeat 0 0 / 100%;}
.front.o-one {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/fulls/01.jpg) no-repeat 0 0 / auto 100%;}
.front.o-five {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/fulls/05.jpg) no-repeat 0 0 / auto 100%;}
.front.t-one {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/thumbs/01.jpg) no-repeat 0 0 / auto 100%;}
.front.por-zero {background:url('../images/overlay.png'), url(https://lh4.googleusercontent.com/-cB8NvZ4hoes/Uhcq8DNnHgI/AAAAAAAAEBk/yCNjPoogisc/w1245-h701-no/SAM_2073.JPG
) no-repeat 0 0 / auto 100%;}
.front.por-one {background:url('../images/overlay.png'), url(https://lh3.googleusercontent.com/-vu1VcjBBcCs/U9Qt3XYRqVI/AAAAAAAAEJk/a9KoH_i09_Y/w987-h658-no/chicago-bean-329248.jpg) no-repeat 0 0 / auto 100%;}
.front.por-two {background:url('../images/overlay.png'), url(https://lh3.googleusercontent.com/-AB7MJTDDk7A/U_1lqgSaopI/AAAAAAAALEU/F9ruvMh3Dkg/w941-h701-no/IMG_20140824_184346.jpg) no-repeat 0 0 / cover;}
.front.por-three {background:url('../images/overlay.png'), url(http://upload.wikimedia.org/wikipedia/commons/9/9b/Social_Network_Analysis_Visualization.png) no-repeat 0 0 / auto 100%;}
.front.por-four {background:url('../images/overlay.png'), url(https://lh5.googleusercontent.com/-sw6vthg5ums/U9QrphUOPBI/AAAAAAAAEJw/I6FBaJx4pnY/w987-h658-no/Training_meeting_in_a_ecodesign_stainless_steel_company_in_brazil.jpg) no-repeat 0 0 / 100% 100%;}
.front.por-five {background:url('../images/overlay.png'), url(https://lh4.googleusercontent.com/-ah2CEvDlKvg/Uhd19SK-t5I/AAAAAAAAEBs/8AA6Gc6La1s/w1245-h701-no/SAM_1395.JPG) no-repeat 0 0 / auto 100%;}
.front.pardigm-rise {background:url('../images/overlay.png'), url(http://doalogue.co.il/wiki/images/e/e8/%D7%94%D7%AA%D7%97%D7%9C%D7%A4%D7%95%D7%AA_%D7%A4%D7%A8%D7%93%D7%99%D7%92%D7%9E%D7%95%D7%AA.JPG) no-repeat 0 0 / auto 100%;}
.front.paradigm-org {background:url('../images/overlay.png'), url(http://upload.wikimedia.org/wikipedia/commons/thumb/d/d6/Fugle%2C_%C3%B8rns%C3%B8_073.jpg/1024px-Fugle%2C_%C3%B8rns%C3%B8_073.jpg) no-repeat 0 0 / cover;}
.front.local1 {background:url('../images/overlay.png'), url(../images/fulls/03.jpg) no-repeat 0 0 / cover;}
.front.local2 {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/fulls/01.jpg) no-repeat 0 0 / cover;}
.front.local3 {background:url('../images/overlay.png'), url(http://doalogue.co.il/images/thumbs/01.jpg) no-repeat 0 0 / cover;}
.front.TLV-view {background:url('../images/overlay.png'), url(https://lh4.googleusercontent.com/-U7wEC1BKBMk/U8Us2Z9SXCI/AAAAAAAACOo/bVOtnhZF3rg/w864-h701-no/IMG_20140715_162202.jpg) no-repeat 0 0 / cover !important;}
.front.light-house {background:url('../images/overlay.png'), url(https://lh5.googleusercontent.com/-kifGoYF7iEI/U9Q3x9XjaFI/AAAAAAAAELA/2B0Jjf3B0ew/w877-h658-no/lh4.jpg) no-repeat 0 0 / cover;}
.front.gatesea {background:url('../images/overlay.png'), url(https://lh5.googleusercontent.com/-D31aGljuqt4/U9Qt1qmSetI/AAAAAAAAEJ4/MoO90GLrigQ/w1041-h658-no/duluth-398714.jpg) no-repeat 0 0 / cover;}
/* סכמה */
#scheme {
width: 100%;
direction: rtl;
position: relative;
display: none;
height: 400px;
}
#scheme-left {
float:left;
background: transparent;
width: 45%;
display: none;
position: relative;
margin-left: -11%;
min-width: 242px;
}
/* slider*/
.gallery .control-operator:target ~ .controls .control-button {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
.gallery .control-button:first-of-type,
.items-2 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-2 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-3 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-3 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-3 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-4 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-4 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-4 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-4 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.items-5 .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1),
.items-5 .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2),
.items-5 .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3),
.items-5 .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4),
.items-5 .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5) {
color: white;
color: rgba(255, 255, 255, 0.8);
}
.gallery .item:first-of-type {
position: static;
opacity: 1;
}
.gallery .item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
margin: 0;
}
.gallery .control-operator {
display: none;
}
.gallery .control-operator:target ~ .item {
pointer-events: none;
opacity: 0;
-webkit-animation: none;
-o-animation: none;
animation: none;
}
.gallery .control-operator:target ~ .controls .control-button {
-webkit-animation: none;
-o-animation: none;
animation: none;
}
@-webkit-keyframes controlAnimation-2 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
14.3%, 50% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
64.3%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-o-keyframes controlAnimation-2 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
14.3%, 50% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
64.3%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@keyframes controlAnimation-2 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
14.3%, 50% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
64.3%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-webkit-keyframes galleryAnimation-2 {
0% {
opacity: 0;
}
14.3%, 50% {
opacity: 1;
}
64.3%, 100% {
opacity: 0;
}
}
@-o-keyframes galleryAnimation-2 {
0% {
opacity: 0;
}
14.3%, 50% {
opacity: 1;
}
64.3%, 100% {
opacity: 0;
}
}
@keyframes galleryAnimation-2 {
0% {
opacity: 0;
}
14.3%, 50% {
opacity: 1;
}
64.3%, 100% {
opacity: 0;
}
}
.items-2.autoplay .control-button {
-webkit-animation: controlAnimation-2 14s infinite;
-o-animation: controlAnimation-2 14s infinite;
animation: controlAnimation-2 14s infinite;
}
.items-2.autoplay .item {
-webkit-animation: galleryAnimation-2 14s infinite;
-o-animation: galleryAnimation-2 14s infinite;
animation: galleryAnimation-2 14s infinite;
}
.items-2 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-2 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
@-webkit-keyframes controlAnimation-3 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
9.5%, 33.3% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
42.9%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-o-keyframes controlAnimation-3 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
9.5%, 33.3% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
42.9%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@keyframes controlAnimation-3 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
9.5%, 33.3% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
42.9%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-webkit-keyframes galleryAnimation-3 {
0% {
opacity: 0;
}
9.5%, 33.3% {
opacity: 1;
}
42.9%, 100% {
opacity: 0;
}
}
@-o-keyframes galleryAnimation-3 {
0% {
opacity: 0;
}
9.5%, 33.3% {
opacity: 1;
}
42.9%, 100% {
opacity: 0;
}
}
@keyframes galleryAnimation-3 {
0% {
opacity: 0;
}
9.5%, 33.3% {
opacity: 1;
}
42.9%, 100% {
opacity: 0;
}
}
.items-3.autoplay .control-button {
-webkit-animation: controlAnimation-3 21s infinite;
-o-animation: controlAnimation-3 21s infinite;
animation: controlAnimation-3 21s infinite;
}
.items-3.autoplay .item {
-webkit-animation: galleryAnimation-3 21s infinite;
-o-animation: galleryAnimation-3 21s infinite;
animation: galleryAnimation-3 21s infinite;
}
.items-3 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-3 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.items-3 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
pointer-events: auto;
opacity: 1;
}
.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3) {
-webkit-animation-delay: 12s;
-o-animation-delay: 12s;
animation-delay: 12s;
}
@-webkit-keyframes controlAnimation-4 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
7.1%, 25% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
32.1%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-o-keyframes controlAnimation-4 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
7.1%, 25% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
32.1%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@keyframes controlAnimation-4 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
7.1%, 25% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
32.1%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-webkit-keyframes galleryAnimation-4 {
0% {
opacity: 0;
}
7.1%, 25% {
opacity: 1;
}
32.1%, 100% {
opacity: 0;
}
}
@-o-keyframes galleryAnimation-4 {
0% {
opacity: 0;
}
7.1%, 25% {
opacity: 1;
}
32.1%, 100% {
opacity: 0;
}
}
@keyframes galleryAnimation-4 {
0% {
opacity: 0;
}
7.1%, 25% {
opacity: 1;
}
32.1%, 100% {
opacity: 0;
}
}
.items-4.autoplay .control-button {
-webkit-animation: controlAnimation-4 28s infinite;
-o-animation: controlAnimation-4 28s infinite;
animation: controlAnimation-4 28s infinite;
}
.items-4.autoplay .item {
-webkit-animation: galleryAnimation-4 28s infinite;
-o-animation: galleryAnimation-4 28s infinite;
animation: galleryAnimation-4 28s infinite;
}
.items-4 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-4 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.items-4 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
pointer-events: auto;
opacity: 1;
}
.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3) {
-webkit-animation-delay: 12s;
-o-animation-delay: 12s;
animation-delay: 12s;
}
.items-4 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
pointer-events: auto;
opacity: 1;
}
.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4) {
-webkit-animation-delay: 19s;
-o-animation-delay: 19s;
animation-delay: 19s;
}
@-webkit-keyframes controlAnimation-5 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
5.7%, 20% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
25.7%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-o-keyframes controlAnimation-5 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
5.7%, 20% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
25.7%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@keyframes controlAnimation-5 {
0% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
5.7%, 20% {
color: white;
color: rgba(255, 255, 255, 0.8);
}
25.7%, 100% {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
}
@-webkit-keyframes galleryAnimation-5 {
0% {
opacity: 0;
}
5.7%, 20% {
opacity: 1;
}
25.7%, 100% {
opacity: 0;
}
}
@-o-keyframes galleryAnimation-5 {
0% {
opacity: 0;
}
5.7%, 20% {
opacity: 1;
}
25.7%, 100% {
opacity: 0;
}
}
@keyframes galleryAnimation-5 {
0% {
opacity: 0;
}
5.7%, 20% {
opacity: 1;
}
25.7%, 100% {
opacity: 0;
}
}
.items-5.autoplay .control-button {
-webkit-animation: controlAnimation-5 35s infinite;
-o-animation: controlAnimation-5 35s infinite;
animation: controlAnimation-5 35s infinite;
}
.items-5.autoplay .item {
-webkit-animation: galleryAnimation-5 35s infinite;
-o-animation: galleryAnimation-5 35s infinite;
animation: galleryAnimation-5 35s infinite;
}
.items-5 .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) {
pointer-events: auto;
opacity: 1;
}
.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1) {
-webkit-animation-delay: -2s;
-o-animation-delay: -2s;
animation-delay: -2s;
}
.items-5 .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) {
pointer-events: auto;
opacity: 1;
}
.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2) {
-webkit-animation-delay: 5s;
-o-animation-delay: 5s;
animation-delay: 5s;
}
.items-5 .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) {
pointer-events: auto;
opacity: 1;
}
.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3) {
-webkit-animation-delay: 12s;
-o-animation-delay: 12s;
animation-delay: 12s;
}
.items-5 .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
pointer-events: auto;
opacity: 1;
}
.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4) {
-webkit-animation-delay: 19s;
-o-animation-delay: 19s;
animation-delay: 19s;
}
.items-5 .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
pointer-events: auto;
opacity: 1;
}
.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5) {
-webkit-animation-delay: 26s;
-o-animation-delay: 26s;
animation-delay: 26s;
}
.gallery .control-button {
color: #ccc;
color: rgba(255, 255, 255, 0.4);
}
.gallery .control-button:hover {
color: white;
color: rgba(255, 255, 255, 0.8);
}
/*
Theme controls how everything looks in Gallery CSS.
*/
.gallery {
position: relative;
}
.gallery .item {
height: 435px;
overflow: hidden;
text-align: center;
background: #4d87e2;
}
.gallery .controls {
position: absolute;
bottom: 1em;
width: 100%;
text-align: center;
}
.gallery .control-button {
display: inline-block;
margin: 0 .02em;
font-size: 3em;
text-align: center;
text-decoration: none;
-webkit-transition: color .1s;
-o-transition: color .1s;
transition: color .1s;
}
div#simpleSearch {
left: 0;
position: absolute;
display: block;
top: 5em;
}
#right-navigation {
margin-top: 2.6em;
}
#left-navigation {
/*margin-right: 13.9em;*/
margin-top: 2.6em;
}
#mw-head-base {
height: 5em;}
.gallery .control-operator:nth-of-type(2):target ~ .secondary-controls {
display: block;
}
.secondary-controls {
display: none;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.superfluous {
display: table;
height: 100%;
width: 100%;
}
.secondary-controls nav {
display: table-cell;
vertical-align: middle;
}
.secondary-controls a:nth-child(1) {
margin-left: 1em;
}
.secondary-controls a:nth-child(1) {
float: left;
margin-left: .2em;
}
.secondary-controls a {
pointer-events: auto;
height: 60px;
width: 60px;
border-radius: 60px;
color: rgba(255, 255, 255, 0.6);
font-size: 3em;
font-weight: bold;
text-decoration: none;
text-align: center;
background: rgba(0, 0, 0, 0.1);
transition: all .25s;
}
.secondary-controls a:nth-child(1) img {
margin-right: .1em;
}
.secondary-controls a img {
margin-top: .1em;
}
/*טקסט רץ*/
.marquee {
display:none;}
.mwrapper {
display:none;}
/*עמוד ראשי*/
.rb-close, #mf-search, .rb-week, #rb-grid, #mf-logo p {
display: none;}
#mf-image img {position:relative;
size: 130%;
margin: 10% 50%}
div#mf-icon {
position: relative;
}
div#mf-icon a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-decoration: none; /* No underlines on the link */
z-index: 10; /* Places the link above everything else in the div */
}
/*.is-authenticated .header {
display: none;}*/
#mf-logo {
position: absolute;
left: -3em;
top: -6.5em;}
#mf-logo img {max-width: 70% !important; }
#mainpage {background: url(http://doalogue.co.il/images/intro-3.jpg) no-repeat 87% 4% / 115%;
}
#mf-banner-intro {
text-align: center;
margin: -6em 5% 0;
border-radius: 15px;
}
#mf-banner-intro h2 {
color:#fff;
font-family:fantasy;
border-bottom: solid rgba(255, 255, 255, 0.8) 2px;
margin: 0 1em 0 1em;
font-size: 2em;
line-height: 0.8em;
text-shadow: black 1px 1px 2px
}
#mf-banner-intro h3 {
color:#fff;
font-family: sans-serif;
font-size: 1em;
line-height: 0.8em;
text-shadow: black 1px 1px 3px
}
#mf-banner-intro h4 {
display: none;}
#mf-banner-intro p {padding: 0.5em;
font-size: 120%;}
#mf-front {
display: none;
border: solid;
margin: -1em 0.5em 0 0.5em;
padding: 40% 0.5em 0;
text-align: center;
background: #000;
/*background: #000 url(/images/0/07/Oploud.png) no-repeat;*/
background-size: 30%;
background-position: 50% 20%;
color: #fff;
height: 10em;
border-radius: 1em;
font-weight: bold;}
#mf-wiki {
display: block;
}
#mf-frontl, #mf-contents {
text-align: justify;
display: block;
margin: -1em 0.2em 0 0.2em;
padding: 1em 0.2em 0.2em 0.2em;
background: #fff;
border-radius: 1em;
border-radius: 1em;
font-size: 1.5em;}
#mf-frontl h3, #mf-contents b {
text-align: center;}
#mf-artif {
display: none;
height:10em;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 10em;
line-height: 1.5em;
background: #fff;
}
#mf-artif p {
font-size: 1.5em;
}
#mf-artif img {
width: 20%; /* you can use % */
height: auto;
margin: 0.2em;
float: left;
}
/* תבנית תמונה */
.thumbinner2 {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
position: relative;
width: auto !important;
}
.thumbinner2 a {
left: 3px;
right: 3px;
top: 8px;
bottom: 2.5em;
position: absolute;
opacity: 0;
}
.thumbinner2 img {
height: auto;
width: 100%; }
.thumbcaption a {
position: relative !important;
opacity: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.thumb.strip > div > img {
margin-top: 0 !important;
}
/*.content .thumb {
float: none;}*/
div.at4-arrow, .at4m-menu .at4m-menu-inner .at4m-menu-header .at4m-menu-header-inner a.at4m-menu-cancel, .at4m-menu-content ul li a span.at4-arrow {COLOR: TRANSPARENT;}
.at4m-menu .at4m-menu-content ul li a {
width: auto !important;}
.content table td, .content table th {
padding: 3px;
border: 0px #fff solid;
}
.fancybox-close, .mlb-close, .mlb-fullscreen {
left: inherit;
right: 3px;
top: 3px;
background-image: url(http://doalogue.co.il/images/icons/X.svg);
height: 23px;
width: 23px;
position: fixed;
background-repeat: no-repeat;
transition: opacity 0.25s;
opacity: 0.8;
}
.fancybox-close {
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(http://doalogue.co.il/wiki/extensions/FancyBoxThumbs/modules/fancyBox/source/fancybox_sprite.png?2013-11-26T18:31:40Z);
}
/* quote lightbox */
div.readmore-div {
transition: all .5s ease;
margin: 3em auto 5em;
}
span.source {
float: left;
}
span.source:before{
content:"–";
padding: 0 0 0 9px;
}
.readmore-qoute p:nth-child(1) {
font-size: 1.3em;
height:8em;
overflow: hidden;
text-align:justify;
position: relative;
transition: all .5s ease;
}
.readmore-qoute p:after {
content: "";
text-align: right;
position: absolute;
bottom: 7px;
left: 0;
width: 70%;
height: 1.2em;
background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
blockquote.readmore-qoute {
display:block;
position: relative;
}
.quote-contain {
background:#fff;
border-radius:7px;
max-width:700px;
transition: all .2s ease;}
.merhaot:before
{content: "\201D";
font-size: 3.4em;
position: relative;
margin: -10px 0 0 10px;
opacity: .5;
float: right;
padding: 5px;
}
.readmore-qoute a:hover {
opacity:1;
}
a.readmore-trigger {
color:transparent;
display: block;
position: absolute;
bottom: 45px;
left: 33px;
-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));
-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.9));
width: 24px;
height: 24px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAaElEQVR4Ab3SsRWAMAwDUWUy2CzKZjBZeFRHA5Eb1P/nK9xU3B9g1sGpQ9l2bTcYcgisvgJWpyYAkAhAYgCJASQFED+BMwSIwwCCpAASA0gEIAEIBii/d2nt43eGvALmtCRS/QbmuuMCYoFJB3n1YFUAAAAASUVORK5CYII6e95de07e2ee628c4ea69d9154ea849c');
transition: opacity 0.25s;
background-position: center;
cursor: pointer;
background-repeat: no-repeat;
opacity: 0.8;
filter: alpha(opacity=80);
zoom: 1;
border: none;
z-index: 1003;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* light box mechanism*/
div.readmore-div:target {
position:absolute;
width:100%;
height:100%;
background: rgba(0,0,0,0.7);
top: 0;
right: 0;
z-index: 10000000;
margin:0;
}
.readmore-div:target .readmore-qoute p {
overflow: visible;
height: inherit;
}
.readmore-div > p > a {
display:none;
}
.readmore-div:target > p > a {
display:block;
}
.readmore-div:target > .quote-contain {
padding: 2em 1em 3em;
box-shadow: black 0 5px 45px 0px;
margin: auto;
}
.readmore-div:target a.readmore-trigger {
opacity:0;
}
.readmore-div:target .readmore-qoute p:after {opacity:0;
}
.english-quote .readmore-qoute p {
direction: ltr;
}
.english-quote a.readmore-trigger {
right: 40px;
Left: inherit;}
.english-quote .readmore-qoute p:after {
right: 0;
left: inherit;
width: 70%;
background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1) 50%);
}
.english-quote .readmore-trigger:before {
left: -131px;}
.english-quote blockquote:before {
left: 0;
right: inherit;
}
.english-quote blockquote:after {
right: 0;}
/* quote lightbox end */
/* באנר תמונה */
#newHeading #section_0 {
color: #fff;
border: none;
font-size: 3em;
text-shadow: black 3px 3px 4px;
padding-top: 25vh;
}
#heroButton {
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff;
font-size: 3em;
opacity:0.7;
-moz-transition: all .5s;
-webkit-transition: all .5s ;
-ms-transition: all .5s ;
-o-transition: all .5s ;
}
#heroButton:hover {
opacity:1;
}
#image-banner {
width:100%;
display:block;
background-attachment:fixed;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 80vh;
background-color: white;
}
.art__hero__txt {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
color: #fff;
text-align: center;
width: 100%;
height: 100%
}
.art__hero .art__head {
font-weight: 300;
}
.art__hero .art__head {
font-size: 96px;
font-size: 6rem;
line-height: 1.0625em;
}
.t-kilo, .art__hero .art__head {
font-size: 48px;
font-size: 3rem;
line-height: 1.125em;
}
.mag-max, .pic--e .pic__caption {
max-width: 1280px;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
/* לינקים */
a[href^="mailto"]:after {
display: inline-block;
font: normal normal normal 14px/1 "Font Awesome 5 Pro";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0e0";
margin-right: 4px;
}
/* TOC */
#content .toc-mobile .collapsible-block {
margin-right: 14px;
margin-left: 24px;
}
/* תבנית קישור לציטוט דואלוג-ציטוט*/
.doalogue-quote {
background: #f2f2f2;
overflow: hidden;
float: none !important;
width:100%;
padding: .5rem .5rem 0 1rem;
position:relative;
transition: all ease .2s;
}
.doalogue-quote:hover {
background: #686868;
color: #fff;
}
.doalogue-quote h3 {
font-weight: normal;
padding: 0;
margin: 0;
color: inherit;
line-height: 1;
}
.doalogue-quote i {
padding: 7px;
color: #2aaddc;
}
.doalogue-quote a {
color: transparent;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
opacity: 0;
}
#image-banner a {
color: #fff;
}
/* doalogue-table */
.doalogue-table {
background: #d4eaf4;
border: 0;
border-spacing: 0;
font-size: 17.5px;
margin-bottom:1em;
}
.doalogue-table th {
background: #3494bb;
color: #fff;
text-align: center;
padding: 3px;
color: #3494bb;
}
.doalogue-table td {
padding: 3px;
}
.doalogue-table th {
background: #3494bb;
color: #fff;
text-align: center;
padding: 3px;
}
.doalogue-table tr:nth-child(odd) {
background: #c4e3f3;
}
.doalogue-table tr:hover {
background: #acd7ca;
}
/* matrix table */
table.matrix-table {
max-width: 350px;
margin: auto;
background-position: 56% 56%;
background-repeat: no-repeat;
background-size: 41%;
border: none;
background-color: #b1c6d7;
color: #236b87;
border-collapse: collapse;
}
.matrix-table.z-shape {
background-image: url(https://doalogue.co.il/wiki/upload/doalogue/3/34/Z-arrow.png);
}
.matrix-table.d-shape {
background-image: url(https://doalogue.co.il/wiki/upload/doalogue/2/28/D-arrow.png);
}
.matrix-table.o-shape {
background-image: url(https://doalogue.co.il/wiki/upload/doalogue/d/dc/O-arrow.png);
}
.matrix-table.o-shape-h {
background-image: url(https://doalogue.co.il/wiki/upload/doalogue/a/ae/O-arrow-h.png);
}
.matrix-table.l-shape {
background-image: url(https://doalogue.co.il/wiki/upload/doalogue/4/47/L-arrow.png);
}
.matrix-table.bottom-shape {
background-position: center 85%;
}
.matrix-table.top-shape {
background-position: center 15%;
}
.matrix-table.right-shape {
background-position: 79% center;
background-size: 18%;
}
.matrix-table.left-shape {
background-position: 21% center;
background-size: 18%;
}
table.matrix-table * {
text-align: center;
}
table.matrix-table td {
width: 50%;
height: 125px;
font-size: 23px;
position: relative;
transition: all ease .3s;
}
table.matrix-table td:hover {
background: #236b877a;
color: #fff;
}
table.matrix-table tr:first-child td {
border-bottom: solid #236b87 2px;
}
table.matrix-table td:first-child {
border-left: solid #236b87 2px;
}
i.round-number {
position: absolute;
right: 4px;
top: 4px;
}
i.round-number:before {
content: "";
font-family: "Assistant";
font-style: normal;
color: #fff;
position: absolute;
z-index: 1;
right: 6px;
top: 2px;
height: 1em;
width: 1em;
font-size: 19px;
font-weight: bold;
line-height: 1.4;
}
i.round-number:after {
content: "";
background: #236b87;
position: absolute;
border-radius: 50%;
height: 1em;
width: 1em;
right: 5px;
top: 5px;
}
i.round-number.left {
left: 35px;
right: initial;
}
i.round-number.bottom {
bottom: 35px;
top: initial;
}
i.number-1:before {
content: "1";
}
i.number-2:before {
content: "2";
}
i.number-3:before {
content: "3";
}
i.number-4:before {
content: "4";
}
.what-interesting {
background: #29addb4f;
padding: 1em;
color: #2980a1;
border: solid 2px;
border-radius: 3px;
margin: 1em 0;
}
.what-interesting .h3 {
font-size: 1.7em;
font-weight: 500;
}
.what-interesting > ul a {
color: #29addb;
font-weight: 500;
}
/* תבנית ספר */
.booktab {
background: #2aaddc;
color: white;
padding: 5px 10px 10px;
border-radius: 5px;
margin-bottom: 1.4em;
transition: all ease .3s;
max-height: 2.3em;
position: relative;
overflow: hidden;
}
.booktab:target {
max-height: 100%;
}
.booktab > *, .booktab a, .booktab h3 {
color: #fff;
}
.booktab h3.in-block {
color: #fff;
padding: 0;
font-weight: normal;
margin: 0;
display: flex;
line-height: 1;
height: 2em;
width: 100%;
justify-content: center;
align-items: center;
}
.content .booktab .floatleft {
float: none;
width: 180px;
margin: 10px auto;
}
.booktab h3:before {
content: "\f02d";
font-family: 'Font Awesome 5 Pro';
font-weight: 100;
right: 6px;
font-size: 18px;
padding: 3px 0 0 9px;
float: right;
}
.booktab h3 a {
display: block;
}
.booktab h4 {
color: #fff;
padding: 0;
margin: 15px 25px;
position: relative;
display: block;
}
.booktab .row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-content: stretch;
align-items: flex-start;
}
.booktab-content a {
color:#fff !important;
text-decoration: underline;
}
.booktab-content a:hover, .booktab-content a:visited {
color:#fff;
opacity: 0.8;
}
.booktab h3 a:nth-child(n+2) {
position: absolute;
left: 10px;
top: 16px;
}
.booktab:target h3 a:nth-child(2), .booktab h3 a:nth-child(3) {
display: none;
}
.booktab:target h3 a:nth-child(3) {
display: block;
}
.booktab .external-image {
width: 180px;
overflow: hidden;
float: none;
margin: 10px auto;
}
.booktab .external-image img {
width: 100%;
}
.booktab .book-header ul {
margin: 0;
padding: 0;
}
.booktab .book-header ul li {
padding-left: 1em;
}
.booktab .book-header .rating {
float: left;
}
.booktab .book-header .row {
padding: .5em 0;
}
.booktab blockquote {
clear: both;
padding: 10px;
border-right: solid 6px;
padding-right: 2.5em;
padding-left: 1em;
margin: 13px;
background-color: #fff3;
background-repeat: no-repeat;
background-position: 99% 6px, 6px 99%;
background-size: 2em;
background-image: url(https://doalogue.co.il/wiki/upload/doalogue/1/19/Quote-right.svg), url(https://doalogue.co.il/wiki/upload/doalogue/9/98/Quote-left.svg);
}
.booktab blockquote.ltr {
border-left: solid 6px;
border-right: none;
padding-right: 1em;
direction: ltr;
padding-left: 1em;
margin: 13px;
background-position: 99% 97%,6px 4px;
}
.year, .pages {
display: none;
}
.categories {
clear: both;
}
.categories a {
margin-top: .5em;
margin-left: 8px;
border: solid thin;
border-radius: 3px;
padding: 1px 6px;
background: #fff;
color: #2aaddc;
}
.categories a:hover {
background: transparent;
color: #fff;
text-decoration: none;
}
/* תבנית ספריה לדפים */
.doalogue-bookshelf {
background: #edf3f6;
overflow: hidden;
padding: .5rem .5rem 0 1rem;
position: relative;
transition: all ease .2s;
border: solid 2px #2aaddc;
border-radius: 4px;
color: #2aaddc;
}
.doalogue-bookshelf h2, .doalogue-bookshelf h2 a{
border: none;
margin-top: 0;
color: #2aaddc;
}
.books a {
background: #2aaddc;
color: white;
padding: 5px 10px 5px;
border-radius: 5px;
margin-bottom: .4em;
transition: all ease .3s;
position: relative;
overflow: hidden;
border: solid thin #21abdc;
display: block;
font-size: 1.5em;
}
.books a:hover {
background: #fff;
color: #19a9dc;
text-decoration: none;
}
.books a .float-left {
padding-top: 4px;
}
.books h4 {
margin-top: 3px;
}
/* דוגמא */
.example-block {
margin: 1em 6px;
font-size: 85%;
background: #2aaddc03;
border-radius: 7px;
padding: 0 1em;
margin-bottom: 1em;
border: solid 2px #2aaddc;
overflow: hidden;
}
.example-block h4 {
color: #2aaddc;
font-size: 23px;
margin: 0;
font-weight: 500;
}
/* tool quick information */
.quick-view {
font-size: 17px;
background: var(--doalogue-azure)29;
border-radius: 4px;
padding: 1em;
margin-bottom: 1em;
border: solid 2px var(--doalogue-azure);
overflow: hidden;
position:relative;
clear:both;
}
.quick-view > p {
display: none;
}
.mw-body .quick-view h2 {
color: var(--doalogue-azure);
margin-top: 0;
font-size: 1.5rem;
}
.quick-view h4, .quick-view h3 {
display: inline;
font-size: 17px;
margin: 0;
font-weight: 600;
padding: 0;
}
.quick-view .field-view-category a {
background: var(--doalogue-azure);
display: inline-block;
color: #fff;
padding: 1px 4px;
border-radius: 2px;
text-decoration: none;
margin: 3px 0 0 3px;
}
.quick-view .field-view-category a:hover {
background: var(--doalogue-blue);
}
.quick-view p {
margin: 0;
padding: 0;
font-size: 17px;
line-height: 1;
}
/* tool block */
.tool-block {
background: #2aaddc03;
border-radius: 4px;
padding: 0 1em;
margin-bottom: 1em;
border: solid 2px #2aaddc;
overflow: hidden;
position:relative;
clear:both;
}
.tool-block #field-view-field_081Nqv {
counter-reset: section;
}
.tool-block h4 {
color: #2aaddc;
font-size: 23px;
margin: 0;
font-weight: 500;
counter-increment: section;
}
.tool-block #field-view-field_081Nqv h4:before {
content: '#'counter(section) ' ';
}
/* credit block */
.credit-block {
margin-top: 1em;
padding: 5px 10px;
background: #2aaddc03;
border-radius: 4px;
border: solid 2px #2aaddc;
}
.mw-body-content .credit-block p {
margin: 0;
line-height: 1;
}
/* inverted list */
.inverted ol {
list-style-type: none;
counter-reset: item 13;
}
.inverted ol li {
counter-increment: item -1;
}
.inverted ol li:before {
content: counter(item) ". ";
}
#content .responsive-diagram {
overflow-x: auto;
}
#content .responsive-diagram svg {
max-width: fit-content;
max-height: 75vw;
height: unset;
}
/* Mail chimp Popup */
.popup {
position: fixed;
bottom: 0;
width: 100vw;
height: unset;
margin-top: unset;
left: -450px;
max-width: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
transition: left 0.3s ease-in-out;
z-index: 9999;
box-shadow: #052c3a76 1px 5px 10px 0px;
}
.popup-content {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1em;
}
.popup-content h2 {
font-size: 24px;
margin-bottom: 10px;
color: #fff;
}
#popup .popup-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url('https://www.doalogue.co.il/wiki/upload/doalogue/d/d1/Laptop-bg-around.svg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: brightness(0.5);
max-width: unset;
}
.show {
left: 0;
}
.popup .dismiss-button {
position: absolute;
color: #fff;
top: 5px;
right: 5px;
font-family: "Font Awesome 5 Free";
font-weight: 100;
font-size: 24px;
background: none;
border: none;
cursor: pointer;
margin: 0;
}
.brandingLogo {
display: none;
}
.input-group {
display: flex;
align-items: center;
justify-content: center;
}
input[type="email"] {
width: 70%;
padding: 10px;
border: none
}
.submit-button {
padding: 10px 20px;
background-color: #2aaddc;
color: #fff;
border: none;
cursor: pointer;
box-sizing: border-box;
height: 41px;
}
.submit-button:hover {
background-color: #676768;
}
.thank-you-message,
.error-message {
display: none;
margin-top: 10px;
padding: 10px;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #2aaddc;
}
#mc-embedded-subscribe-form {
width: 100%;
}
#mce-EMAIL {
outline: none;
background: #fff;
box-sizing: border-box;
height: 41px;
}