.ngparaeditableblog-buttons { display: flex; justify-content: flex-end; margin-top: 12px; flex-wrap: wrap; gap: 12px; } .ngparaeditableblog-list { display: block; list-style: none; margin: 0; padding: 0; } .ngparaeditableblog-list li { display: block; margin: 0; padding: 0; } .ngparaeditableblog-list a { text-decoration: none; color: #000000; font-weight: normal; display: flex; align-items: center; padding: 8px 0; border-radius: 6px; transition: background-color 0.3s; } .ngparaeditableblog-list a:hover { background-color: rgba(0,0,0,0.05); } .ngparaeditableblog-list a svg { display: block; width: 40px; height: 40px; flex-shrink: 0; margin: 0 12px 0 6px; } .ngparaeditableblog ul li a span { display: block; } .ngparaeditableblog-date { font-size: 80%; } .ngparaeditableblog ul li a div span:first-child { color: #000000; margin-bottom: 2px; font-size: 80%; } .ngparaeditableblog-item { margin-top: 10px; margin-bottom: 24px; } .ngparaeditableblog-para { margin-bottom: 12px; } .ngparaeditableblog-content { margin-top: 24px; margin-bottom: 24px; } .ngparaeditableblog img { display: block; width: 100%; height: auto; } .ngparaeditableblog figure { display: block; width: 100%; margin: 40px 0; padding: 0; background-color: var(--figure-background, #ffffff); box-shadow: var(--figure-shadow, none); border-radius: var(--figure-borderradius, 0); overflow: hidden; } .ngparaeditableblog figcaption { padding: var(--figure-padding, 15px); color: var(--figure-color, #222222); } .ngparaeditableblog-more { display: flex; justify-content: center; margin-top: 24px; margin-bottom: 12px; } .ngparaeditableblog-buttons button { border-color: #8ac33f; border-width: 1px; border-style: solid; padding: 10px 20px 10px 20px; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; font: bold 20px Georgia,Times,'Times New Roman',serif; color: #faec2d; letter-spacing: 0px; box-shadow: 10px 10px 3px rgba(0,0,0,0.5); border-radius: 25px 1px 25px 1px; cursor: pointer; text-decoration: none; } .ngparaeditableblog-buttons button:focus { border-color: #000000; background: url(../../../../../images/gradient/?s=8ac33f&e=3b8f36&h=26) repeat-x #3b8f36; box-shadow: 10px 10px 0px rgba(0,0,0,1.0); font-weight: bold; font-style: normal; text-transform: none; color: #faec2d; outline: auto; } .ngparaeditableblog-buttons button:hover:enabled { border-color: #faec2d; background: #83bf3e; font-weight: bold; font-style: normal; text-transform: none; color: #000000; } .ngparaeditableblog-buttons button:disabled { opacity: 0.8; cursor: wait; } .ngparaeditableblog label { font: 20px Georgia,Times,'Times New Roman',serif; color: #000000; letter-spacing: 0px; display: block; margin: 0 0 6px 0; box-sizing: border-box; } .ngparaeditableblog input { -webkit-appearance: none; } .ngparaeditableblog-picture img { margin-bottom: 12px; } .ngparaeditableblog input[type=text], .ngparaeditableblog input[type=datetime-local] { border-color: #7c9a4a; border-width: 5px; border-style: solid; padding: 6px 12px 6px 12px; background: #ebebeb; font: bold 20px Georgia,Times,'Times New Roman',serif; color: #000000; letter-spacing: 1px; box-shadow: 10px 10px 3px rgba(0,0,0,0.5); border-radius: 15px 0px 15px 0px; display: block; width: 100%; margin: 0 0 12px 0; box-sizing: border-box; } .ngparaeditableblog input[type=text]:focus, .ngparaeditableblog input[type=datetime-local]:focus { border-color: #000000; background: #ffffff; box-shadow: 10px 10px 3px rgba(0,0,0,1.0); } .ngparaeditableblog button svg { display: block; width: 24px; height: 24px; } .ngparaeditableblog-endmarker svg { opacity: 0; margin: 60px auto; } .ngparaeditableblog-endmarker-loading svg { transition: opacity 1s; opacity: 1; display: block; animation: spin 2s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (min-width: 1024px) { .ngparaeditableblog-item>h1, .ngparaeditableblog-item>h2, .ngparaeditableblog-item>h3, .ngparaeditableblog-item>h4, .ngparaeditableblog-item>h5, .ngparaeditableblog-item>h6, .ngparaeditableblog-item>.ngparaeditableblog-date, .ngparaeditableblog-item>p { margin-left: var(--indent-left,0); margin-right: var(--indent-right,0); } }