The Circular Staircase. #18

Readerlot

Read books in convenience

The Circular Staircase. #18

July 17, 2025

Comments

book-css

/*mobile*/ @media (max-width:599px){ #text-container { height:600px; } #likeushead { Margin-top:30px; } #info-display { display: flex; align-items: center; gap: 20px; padding:1px ; max-width:; Margin-bottom :30px; } .image-container .separator, .image-container .separator img { Width:170px; Height:250px; Object-fit:fill; Border-top-right-radius:10px; Border-top-left-radius:10px; } .book-info-container { flex:1; gap:50px; padding-top:60px; display: flex; flex-direction: column; justify-content: ; height:; } #scroll-container { display: flex; overflow-x: auto; white-space: nowrap; padding: 20px; padding-top:30px; gap: 10px; scroll-behavior: smooth; scroll-snap-type: x mandatory; justify-content: ; position:; } .scroll-item { flex: 0 0 auto; width: 150px; text-align: center; Padding :10px; scroll-snap-align: center; transition: transform 0.1s ease; } .scroll-item img { width: 160px; height: 180px; object-fit: fill; Border:1.5px solid black; border-top-right-radius: 15px; border-top-left-radius: 15px; transition: transform 0.1s ease; transform-origin: center; } .scroll-item .book-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size:; padding:5px; font-size: 16px; margin: 2px; width:93.8%; color: black; font-weight: 700; font-family: 'Open Sans', sans-serif; background: white; } }/*mobile end*/ /* Tablet and desktop */ @media (min-width: 600px) { #text-container { height:700px; } #likeushead { margin-top:3%; } #info-display { display: block ; align-items:; gap: 20px; padding:1em ; max-width:; Margin-bottom :; } .image-container .separator, .image-container .separator img { Width:100%; Height:auto; Object-fit:fill; Border-top-right-radius:10px; Border-top-left-radius:10px; } .book-info-container { flex:; Width:100%; Margin-top:-4%; display:block; flex-direction:; justify-content:; height:; } #scroll-container { display: flex; overflow-x: auto; white-space: nowrap; padding: 20px; padding-top:30px; gap: 10px; scroll-behavior: smooth; scroll-snap-type: x mandatory; justify-content: ; position:; } .scroll-item { flex: 0 0 auto; width: 150px; text-align: center; Padding :10px; scroll-snap-align: center; transition: transform 0.1s ease; } .scroll-item img { width: 170px; height: 180px; object-fit: fill; Border:1.5px solid black; border-top-right-radius: 15px; border-top-left-radius: 15px; transition: transform 0.1s ease; transform-origin: center; } .scroll-item .book-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size:; padding:5px; font-size: 16px; margin: 2px; width:93.8%; color: black; font-weight: 700; font-family: 'Open Sans', sans-serif; background: white; } #body-a { display:flex; } #body-2 { Width:30%; Margin-left:-3%; } #body-3 { Width:70%; Margin-left:1%; } #body-4 { Width:100%; Margin-top:5%; display:block; } }/* tablet and desktop end*/ @media (min-width:1024px) { #body-4 { Width:90%; Margin-top:5%; display:block; } }/*1024px end*/ /*>>>>>All Viewpoint Css>>>>>>*/ #body-0 { Margin-top:-70px; } hr { border: 1px solid silver; opacity: 0.3; } #text-container { Color:Black; Font-weight:600; Margin-top:10px; margin-bottom:25px; Font-size:19px; Background:white; border:; Font-family:'Source Sans 3'; overflow-y: auto; padding: 20px; line-height: 1.6; } #scroll-container::-webkit-scrollbar { height: 8px; display:none; } #author-books::-webkit-scrollbar { height: 8px; display:none; } /*copy button*/ #conspicious { border:none; color:transparent; font-weight:bold; background:none; } .image-container .separator img { border:1.5px solid black; } #load, #save { Display:none; } #likeushead { Text-transform:capitalize; Margin-top:; Color:white; font-size: 18px; font-weight: bold; margin-bottom: ; text-align:; width:; Font-family:'saira'; padding: ; Text-align:left ; } #author-heading-container { margin-bottom: ; font-size: 18px; font-weight: bold; Font-family:'saira'; Color:white; } #author-books { display: flex; overflow-x: auto; white-space: nowrap; padding: 20px; padding-top:25px; gap: 10px; scroll-behavior: smooth; scroll-snap-type: x mandatory; justify-content: ; position:; } .author-book-item { flex: 0 0 auto; width: 150px; text-align: center; Padding :10px; scroll-snap-align: center; transition: transform 0.1s ease; } .author-book-item img{ width: 170px; height: 180px; object-fit: fill; Border:1.5px solid black; border-top-right-radius: 15px; border-top-left-radius: 15px; transition: transform 0.1s ease; transform-origin: center; } .author-book-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding:5px; font-size: 15px; margin: 2px; width:93.6%; color: black; font-weight: 700; font-family: 'Open Sans', sans-serif; background: white; } #author-div { max-width:90%; transition: all 0.3s ease; } .author-details { margin-top: 20px; padding: 6px; border-radius: 12px; position: relative; font-family: Arial, sans-serif; } .author-details h3 { margin: 0 0 3px; Text-align:left; font-size: 16px; Font-family:"saira"; color:tan; Font-weight:bold; } .author-details img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; } .author-details p { max-height: 200px; Text-align:left; margin: 0; padding-right: 10px; overflow-y: auto; font-family: "Open Sans"; color: white; font-size: 15px; font-weight: bold; line-height: 1.5; } .author-details-title { font-size: 18px; font-weight: bold; margin-bottom: 15px; Text-transform:capitalize; font-family: "saira"; color: white ; } #book-name { display: block; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; Color:white; Background:; Font-weight:bold; font-size:17px; Font-family:"saira"; } #book-author { display: block; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; Color:white; Background:; Font-weight:690; font-size:17px; Font-family:"saira"; } #text-container a,#text-container p { color:black ; Font-weight:600; font-size:19px; Font-family:"Source Sans 3"; } #loading-status,#search-message,#page_num { color:black ; padding:8px; Font-weight:bold; font-size:15px; Font-family:"open sans"; } #genre-list, #genwhat{ Margin-top:10px; Color:black; Background:white; Font-weight:; Padding:6px; white-space: ; word-wrap: break-word; overflow-wrap: break-word; border: 1px solid #ccc; font-size:16px; Font-family:"open sans"; } #genre-list { Font-weight:650; white-space:; border-left: 0.3px solid #ccc; } #genwhat { Font-weight:700; white-space:nowrap; border-right: 0.3px solid #ccc; } #genre-display { display:flex; } .text-wrapper-1 { position: relative; background: white; border: 1px solid #ccc; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; } #sidebar-1 { position: absolute; top: 0; left: 0; height: 100%; width: 250px; background-color:rgba(0,0,0,0.4) ; color: white; padding: 20px; transform: translateX(-100%); transition: transform 0.3s ease; z-index: 10; } #sidebar-1.active { transform: translateX(0); } #sidebar-1 ul { list-style: none; padding: 0; } #sidebar-1 ul li { margin: 15px 0; } #close-btn-1 { position: absolute; top: 10px; right: 10px; font-size: 20px; background: none; border: none; color: white; cursor: pointer; } #overlay-1 { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); display: none; z-index: 5; } #overlay-1.active { display: block; } #toggle-btn-1 { position: absolute; top: 60px; right: 15px; z-index: 6; background-color: #333; color: white; border: none; padding: 8px 12px; cursor: pointer; font-size: 14px; } .highlight { background:yellow; } .input-on{ Color:Black; Font-weight:bold; Font-family :"open sans"; Border-radius:; Border:none; Background:white; Width:150px; Padding:10px; Font-size:15px; } .input-on:focus { Border:1px solid green; } #search, #go { Font-size : 16px; Border:none; Padding:6px; Font-weight:bold; Background:white; } #prev_search, #next_search { Color:Black; Font-weight:bold; Font-family :"open sans"; Border-radius:; Border:none; Background:white; Width:; Padding:5px; Font-size:15px; }

ReaderLot

The Circular Staircase. #18

Mary Roberts Rinehart

Comments

Post a Comment

Popular posts from this blog

The Pilot #53

the woman in white. #24

Labels