2019-01-11 19:23:49 +00:00
. pagination , . plexBack . noBack , . root . plexBack , . root . plexBack > a {
cursor : default
}
. navigation li a , . shelforder # sortTrue > div {
-o-text-overflow : ellipsis ;
text-overflow : ellipsis
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 : before , body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a {
line-height : 60px ;
-webkit-tap-highlight-color : transparent ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
-webkit-box-direction : normal ;
white-space : nowrap
}
@ font-face {
font-family : Open Sans Regular ;
font-weight : 400 ;
font-style : normal ;
src : url ( data : application / font-woff ; base64 , d09GRgABAAAAAPjgABIAAAABnwwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABlAAAABwAAAAcXcVGfkdERUYAAAGwAAAAHgAAACAD3gADR1BPUwAAAdAAAAAgAAAAIGyRdI9HU1VCAAAB8AAAAb8AAAKKSI + 4209TLzIAAAOwAAAAXwAAAGChNp7WY21hcAAABBAAAAMiAAAEfs0qHI1jdnQgAAAHNAAAAEQAAABECwcOSmZwZ20AAAd4AAABsQAAAmUPtC + nZ2FzcAAACSwAAAAIAAAACAAAABBnbHlmAAAJNAAAz9oAAVocaDlL + GhlYWQAANkQAAAAMwAAADb6fLBQaGhlYQAA2UQAAAAhAAAAJA3MCX1obXR4AADZaAAABzkAAA6881I + gmxvY2EAAOCkAAAHMwAAB2R3 / NCSbWF4cAAA59gAAAAgAAAAIATnAq1uYW1lAADn + AAAAPUAAAG + JThAUXBvc3QAAOjwAAAPFgAAH3APmSRLcHJlcAAA + AgAAADYAAABfMhgFiwAAAABAAAAAMmJbzEAAAAAyTUxiwAAAADLBqXBeNpjYGRgYOADYgkGEGBiAPKZNwBJFjCPAQAL8QDlAAAAAQAAAAoAHAAeAAFsYXRuAAgABAAAAAD / / wAAAAAAAHjaXVJNaxNRFD1vTpM0g4tAkqqxFHFRsijFKmTZlRRSkkwRKV0FgtCiTBNlJkaEfmptq7b18wfEfqlV202LS3 + DC7dSiiAiIhKki0J638uAKMOcc9 + 95368OwMFwMYVfIZyS34Z7YjByju5s0hfdvKCQLOJqKgUiDaEEEZEVFHjt43f + i9iu9fGSuh3y9VxXHIrV10MVrQ9dEPjiFdyfRQ973wfRgUvoCx4Eb6vo3dMxVa / iMF2Qcv00Kc2c9LWX9avxpZPz2GjA13oRi8y6McAChhGMdAOBTwa8IeAPwb8LeAfATcCPmyxSpgZlEpJrxhCfMt3fM9t7kg8hEF8wT4O8FWivUhwgpOc4jRnOMu7vMc53uc8F7jIB3zIR3zKZ3zOF5KbQA + WsYLHeILv0v0nfuE3Guq6qql5tav2rLI1YTWsP6INc0XqK8TRae6cgs2XXOM6N7jJV3zNN9ziqtlaXB4gKUrFOuuyW52 / ZPaV0PbRTV1L8rfMPcNHno6J0tRFXKyk7PMkTuG0eM5IpX / 0zU / 6H1AF5QhnzBcL4YTU7sQ5pHlbZsjCYc1wjrck22FVMEdfMGsmyR4DxINgFwB42mNgZjnMOIGBlYGBdRarMQMDozyEZr7IkMb4kYOJiZuNjZmVhYmJ5QED03sHBoVoBgYGDSBmMHQMdmYACvz / yyb / T4ShhaOXKUKBgXE + SI7Fg3UbkFJgYAYA + tEQPgB42s3SXVBWRRzH8e + e / wPiSz0ogiZ13HNIrDQ1KUhEQCQUU8p84QEUtDDzNVSydEq0lMwUzUqbygbC0tIAx96zZvKipi6aqQvHxsE853DdNONVL885beA4TV10287s / vd / sTufnf0BwsC8EWVWrGbTqf4 + ZiVMPcQOUhnBdtWiDqkO1aN + UZGVbRVYZ62vrW + sXuuKKBEZLHHJkb2yTzrkO / lBzsdaUzJsZZfYu + 1fx87XQ3WmtrWrc / UUnacLdZEu1w26SW / VLfqYPq5POSlOhpPlaMd1cp1JTr1rualu3B3hjnFtd4I7x13urhz37WV + j4VRlIwiY9O0G1O76jam36zR / aavjOmCMXHNtMuY2qRTvjcmYnts7GJ7h91uTOh0PUprY5qsp + pp10zNxtRpTCf / Yaq7ahr + N1Njvwlj + iOKoiA6F / VEndHhqDqqivKj7PBI2BbuD1vCNWF9uCxMhAvD0uTl5E / JS8ne5MXkhWR3sqvvXF9rX0XfxODHYHyQE7iBE9hBVpAZpAfxIM3 / 2b / kX / TP + 2f8036Xv8Sv9Gf7xf4Mv9DP8wd5jd4Kr8ZLeAu8Kq / My / Xi3rDeEzmb05pj22T7wJ / + z0aqNeSvoviXTmFd3Vn / ccfASSFGiknnINIYzBCGMozruJ446Qw3mc1gJJlkMYrR3MAYsk2qb8JmrEmOg0sONzOOXMZzC7dyGxOYyO1MYjJTuIOp5HEnd5FPAXczjUKmU8QMiimhlJmUMYty7qGC2cyhkrncyzzmU8V93M8CHmAhi1jMEqpJUEMtdSxlGfU0sJwVxt / KszzH87zIK7xBJ29yjLd5i + O8w0ne5RTv0U0XPZzmDB / wPh / yMR9xls / 4nC9kJptoZCWrZRZP0EETa6WBLayRR9nDq7KOzdIkG1nF4 / KwrJZH1FFZzzqeVK2c4FN28hAbZK0qkw2yivU8JeU8yNPs5ogaqTIlXwqkWEqkUKbziWziS1Uo86RWKmWuPCZbpIytUiSlUsEu9vEM + 9nLAQ7yAm28zGHzwpd4naO8xhW1SNWxUVWrhKphm1qqatXiPwFf + f3NAAD + FAAABEgFtgCYAEsAZQB1AHkAgQCHAIsAkQCTAN0AqgBgAHcAewCDAIcAlACdAKYAqgCwALQAxACaAK4AqACWAKEAn3jaXVG7TltBEN0NDwOBxNggOdoUs5mQAu + FNkggri7CyHZjOULajVzkYlzAB1AgUYP2awZoKFOkTYOQCyQ + gU + IlJk1iaI0Ozuzc86ZM0vKkap3ab3nqXMWSOFug2abfiek2kWAB9L1jUZG2sEjLTYzeuW6fb + PwWY05U4aQHnPW8pDRtNOoBbtuX8yP4PhPv / LPAeDlmaanlpnIT2EwHwzbmnwNaNZd / 1BX7E6XA0GhhTTVNz1x1TK / 5bmXG0ZtjYzmndwISI / mAZoaq2NQNOfOqR6Po5iCXL5bKwNJqasP8lEcGEyXdVULTO + dnCf7Cw62KRKc + ABDrBVnoKH46MJhfQtiTJLQ4SD2CoxQsQkh0JOOXeyPylQPpKEMW + S0s64Ya2BceQ1MKjN0xy + zGZT21uHMH4RR / DdL8aSDj6yoTZGhNiOWApgApGQUVW + ocZzL4sBudT + MxAlYHn67V8nAq07NhEvZW2dY4wVgp7fNt / 5ZcXdqlznRaG7d1U1VOmU5kMvZ9 / jEU + PheGgseDN531 / o0DtDYsbDZoDwZDejd7 / 0Vp1xFXeCx / ZbzWzsRYAAAAAAQAB / / 8AD3jarL0JfBRF9jje1d1zH5meM5N7MiQhBBIykxBCCCByiSiI4ZRFbgEP5BZZRMCAyCX3ISAiRoyI3ZMQEBHBCxGVRRRlUfl6O6vLeu2KkGl + 71X1TAZkv / / f / / P / i5Ppqamprnr16t3vNcdzRzlONOuaOIEzcO25CEe4IkXURyNEgAuDPkpkY4nMnVFER1QWHYqOFCmCI6qYSBHXvjQsBaS8gBQ4KtwUy + bnxJbomi71nSh + y / HcpitfkaUwrpmzc8O4iAWGg5EaeTvnEIuInIKDNurSOUks0t4abDrOWKTY4Ub2EsXmiDY47RZ7kWJNjyoOuK3NLjkVI19ZySkWXnLKtsr2pRVl4ZDX49YHc / NdYSG46YFOXbtVlvVwngxPmvxor + 7denfVrbv8GQfzqRXqeFlbZydYJ85HDDcKds4oFsn6EF2ncEbh4fa8QzHADfVsnYoB7qYQEW7cvhTvQuBVe7D1JNLnYOFEXVPsJ94R + wnvEQZY / gfukc5lk9u4iBdgGfH408LhcMQA94sYLVa4buSI12ArauCljMxWvrDCmaINbl9qeitfqFEn0q8ER1Y2fqWDr / Qmsw2 + InJOiZx2RvG7o7Kfzc / ojkYMRnNRQzeDaALoOhQvtHqg1ePFVo8LWj0OxQKtVndUCZAiuUPawS6v / Tqd8xSZD3b55Nev8UJOczTwaQYX3Jf + 1eNfuEmDyW + EC6 + jwey1uHCoBpvHCh0c9K9E / 7rxL / bx0T7wq1T6KxgzPT5ORnycTOzTkBXvmY3tQjcHL + AiHRJCISMzK7v4mv / kbmkI + vKAKwCvsEBfngB9BV34qoCvwiS7h / oDKRq4bCAprVlcQ4zq + e4kXX2vZmmNemrgowN2kpLu6imydwGpmU8a1X74mq / uWaAOJHvxBe0c
}
@ font-face {
font-family : Open Sans Semibold ;
font-style : normal ;
font-weight : 400 ;
src : url ( data : application / font-woff ; base64 , d09GRgABAAAAAREAABIAAAABzxwAAQAKAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABlAAAABwAAAAcY6V2zEdERUYAAAGwAAAAHQAAAB4AJgOxR1BPUwAAAdAAAB4BAAA + XNeWl01HU1VCAAAf1AAAAdcAAALEex + + Y09TLzIAACGsAAAAYAAAAGCiDpfuY21hcAAAIgwAAAMZAAAEblomhxZjdnQgAAAlKAAAAFsAAACmEJEaNGZwZ20AACWEAAAEqQAAB7R + YbYRZ2FzcAAAKjAAAAAMAAAADAAIABtnbHlmAAAqPAAAxLUAAUH0ZZ8df2hlYWQAAO70AAAANAAAADYGCynlaGhlYQAA7ygAAAAhAAAAJA37CehobXR4AADvTAAAB08AAA6kgRchDmxvY2EAAPacAAAHLwAAB1gW0Ge + bWF4cAAA / cwAAAAgAAAAIAU5AfduYW1lAAD97AAAAxcAAAbPBA4Sh3Bvc3QAAQEEAAAO8wAAHwUG9iKUcHJlcAABD / gAAAEFAAABGHism24AAAABAAAAANBwP9YAAAAAyUzqfQAAAADJ6Ex4eJxjYGRgYOABYjEgZmIA8phXAUkWMI8BAAsDANsAAAB4nK2bCZQVxdXHq6pRYNhEIYIzbDosMyyiIihC9JwQQohBRY0LL2iMThL3ZzhGXOKWp6JGTdxLRYO4Q0cRlyiI2lGR4JYYK5LFiJoYU2Yz4XOL7 / vd6uo3bxgg8Tvf6fOf269fv + 66t / 53q + 5RWinVoA5SR6ku06bve5Da4evzTzlejfjGKcccp3Y9 / mvzTlSfVV04R1WrSs79b / b1cceccqLqJnsBXZQJspvSk6 + QM / XbybpkXddvdj2x + 6VgXcPaHgsb1vac0HNyj4U9721Y2 + udhrW9T + 5rt + 25bc8eC / ut3351128OmDvg5AEPgtXsrQPy + eSBSwY82GgazYB1jabrN7uva996TuBaE / KtYW391tfmW7 / 1vd4J1ym2kztujaOAEXTnfgV6LMy3hrWNk2XMA07eGHIOI1zX817ZGufJ3wFz83v3nDBwiWy90SVHMRrZtu3ZaPqtF2y / WrbGtPFjuadoIGc3zWw6s + nJQYc2jmqaOejYQVc0zRw8venMwQfJ8cHy + cnB1w0 + aPC6QYc2PTmky4C5QxqGdBnSPGQye / PYv2DIYj6tZ / t4yPqhvRtH8Xf / pieHHjVsyk7LmpuHHiVb87jmFcM3jFg + 4sNhU0Y2N48b8WHzuJETR43ZadmwKc0rRi3jU / PIcO7IiSMnDpjbckXLNWK91jEtV7SOaV3UuqjlmtFNyDFydPTM0TPlWNh / m2 / 4PPrt1jGjm0ZOHN00xoyeudOy4RvGnCkYO3vs7BEfji21Lho5sXVR84rRTQLZ5HOO0U07LRvZPGCu / HIUdxs2peWasY + N32b8NbuM32XmLr8f8WHLFSKbx7WOKSDnj32s5Zpdv7Kb2q2tdZFo0nLNbrfsngrkbDlDsPtvJl4w8eUBcwXyy4kbJi0uvhMM35BDtmJMcp7cdfTb7aPsqIGgGGc + tl1 + P + mRPVYI5KrF / p4T97xqz / Xsh3vKvAsfCtRz8L / BpphZj4a1BYoNtsWtr238uNhyPraj6czul8oWPPhEwaBDB6xWb6jmallNUi1qTzAZTFH91LRqqqZXK + oLYAaYWc3U / uAAMJvPByIPQh6M / Ao4FJzHdc4H3wMVcAG4ENzM9RZx7q1cczG4DdwO7gB3grv47m5wD1gCloLl4AHwIHgIPAweAY9ynxVgJXgMPMn1M67xU + RTyKeRzyCf5dyfgefAC + Al8AvwS + DAq + DX4LfgNa7zOngDvAU + rGZ6a9AN9AJ9qhXdF2wH + oPtOTYQDALDQLNq0SPAaPbHgp3BLmA3sDuYyHd7qH56MpjG76dzbEa1rL9YTfWXwJc5th / H9ue8No6fBE4B88ECvr + 46vQl4DL2f8B5P2T / SnAVuBZcD27ku4V8dzPyFoCt9V0Au + lVXCdDrgGvce4bfH6T / XeQ7yL / Bt4D1WrFKJCALtXMdKuWTX / wGTC06s2OHB8FWsEYMB4cAg4D3wbzOO + 74OyqM + cgz0XCCXM + ssL3FyIXgKvZvxZcD1K + / zHyXuR9SObbPMT + o8hV4HHwBJ + ZZ8M8m6cY19OqxawGa8Bajj / H8eeRLyBfRL6E / DnyZfBL9l9BOuSvkK8i1yF / jfwN8rfI3yFfQ / 4e + TpyPfIN5Fvc + 4 / gT + DP4K / g7wBbmQ / AR + Df1UqiATZLtgJdQXfQA / QCcCfpW82S7UB / AHcSuJM0AviTDFb9kqFgR9CMn2g1Vj2sLlQjqla1gl3BBDAJXu9RdWpP + DoZTAELOH4VuBpcA64F1wELbuDcG8FNYCG4mfNXc3wNWAueB78DvwfrwZtVq3uDbcC2oB8gLugRoBXOjAHjwHiwK5gAJsKZPQDj0Z / j / M9zbF / k / vzmVLh3FjiX / fP4 / nyOwwF9Ebia8 / BxfR / f3c / xR5DPIV8EL7H / C373SrWkX2X / 7xzbwLkfVK3pA4ZUS2YYcidsPxyMZL8FjAZjwc5gFvO3H / Ir4FBwOJ / nIEucPxccxeev8 / lornUMn9uQ30AeC44H8 / l8OhLbGuxqsKlZxLFbObYMMGZDfDIPIB8BK7jeSuTTHFsN8DPzPp8 / BB + DT6o2UcCALmBr0A00gJ4AuyfbVF2yLegHPgMGgB1AExgMh4YC / C9pZh63gw0ps5MyOynWFiunWDPFkikWTLFciuUcVnNYI8UaDiukWMGhfYr2jlGnjNoR7beCWw1gBJ + YazVWN8A7B + 9c4N2exNPJIOecg3MOzjk45 + Ccg3MOzhUcc3DMwTEHxxwcc3DMwTEHxxwcc3DMwTEHx1yNYxMZcTuXhEdOeIRNU2yaYtMUmzps6rCpw6YOmzps6rCpw6YOmzps6rCpw6ad7JbsUS0nU9BnguqDNn1Bc9AwQ0OPhl7tJfZATgXnsU / kIps5spkjmzmymWjpyTqOjOPINqJBhgZE + apHA48GXu8FuIbeG8wImmR6ORGU36GRRyOPRp7o5YhcjqjliFiOiOWIVo5I5YhSjgjliE6OyOSISqKRRyOPRh6NfMLMJFPRY3ht7op529I8fdo5ivPxae0fYtkZahDWrmDtitqR2kIsvjnL1lsVqwVrfVoLER + xSEXNgtUlWF3qZJlJgHlizh1zLvOdbdFaN3DujeAmsBDczPmfnuUOjjgiqSeSeiKpJ5J6Iqknknq44 + BOBneyYO3Pcyz3AOGLgy8OvnzqGSCqeKKKJ6p4ooonqniiiieqeLiUwaUMLmVwKcM7SnhHSQ1TfT7ZoPqCZvKCeETuDZY5s8yZZc4sc2aZM8ucWebMMmd2I9Zb5s8yf5b5s8yfZf4s82eZP8v8WebPMn + W + bPMn2X + bLLnJxuSqdx7TWDNNsFPC + aUO88lx6cx5ul89wVAVUWlWqZStVSqlkq1TKVqqVTLVKqWSrVCpWrVYfz2cEA8VCXwVe6zuep1S9xYxPe3cv / F4DZwO7gD3Anu4ru7wT1gCVgKloMHwIOAKoeqtkxVW6aqtVS1lqrWUtVatSp4g1S2pVjZlmJlWwrce5Z94d / PkMLB55DCwxeQZFAq3TKVbplKt0ylW6bSLVPplgNPX0MKV19HCl + pBoWzVL5lKl9L5WupfC2Vrw087kN0Fi73RQqft0MKp6kMqYQtlbClEq5QCVfqKmFLJWyphC2VsKUStlTCVuN7egqR / rNgHyBcn8Z1pvNdXhGXqIhLgftf5vN + XJOqOFZ / Jao / a56B + 8 + GyCCVXylWfqVY + ZXqKr9SrPxKsfIrxcqvFCu / Uqz8SrHyK8XKr0TlV6byK1P5lan8ylR + ZSq / MpVfOfjgB0jxw4 + Q4ov / Rhb + qMky4pMJUvyS7Bp8sytS / LM7Uny0B1L8tBdSfBU7UylaKkVLpWipFC2VoqVStFSKNhnGObsR7yeA3UER6ZrwFIeXODxE / NTDYg + LPSz2sNjDYslYHiZ5WCS + KZlIso / Heh7LeazmsZrHYh5reSzlsZLH
}
@ font-face {
font-family : Open Sans Bold ;
font-weight : 400 ;
font-style : normal ;
src : url ( data : application / font-woff ; base64 , d09GRgABAAAAAPhMABIAAAABrWgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABlAAAABwAAAAcXdIvb0dERUYAAAGwAAAAHgAAACAD3gADR1BPUwAAAdAAAAAgAAAAIGyRdI9HU1VCAAAB8AAAAb8AAAKKSI + 4209TLzIAAAOwAAAAYAAAAGCibaElY21hcAAABBAAAAMiAAAEfs0qHI1jdnQgAAAHNAAAAC4AAAAuDTMOJGZwZ20AAAdkAAABsQAAAmUPtC + nZ2FzcAAACRgAAAAIAAAACAAAABBnbHlmAAAJIAAAz9oAAWmEjWYqp2hlYWQAANj8AAAANAAAADb62rYGaGhlYQAA2TAAAAAhAAAAJA4pClxobXR4AADZVAAABxkAAA68MmkHXWxvY2EAAOBwAAAHNwAAB2T62VfObWF4cAAA56gAAAAgAAAAIATnAsduYW1lAADnyAAAAPgAAAG8JDFAPHBvc3QAAOjAAAAPFgAAH3APmSRLcHJlcAAA99gAAAB0AAAAiOowEl8AAAABAAAAAMmJbzEAAAAAyUIXoAAAAADLBqideNpjYGRgYOADYgkGEGBiAPKZNwBJFjCPAQAL8QDlAAAAAQAAAAoAHAAeAAFsYXRuAAgABAAAAAD / / wAAAAAAAHjaXVJNaxNRFD1vTpM0g4tAkqqxFHFRsijFKmTZlRRSkkwRKV0FgtCiTBNlJkaEfmptq7b18wfEfqlV202LS3 + DC7dSiiAiIhKki0J638uAKMOcc9 + 95368OwMFwMYVfIZyS34Z7YjByju5s0hfdvKCQLOJqKgUiDaEEEZEVFHjt43f + i9iu9fGSuh3y9VxXHIrV10MVrQ9dEPjiFdyfRQ973wfRgUvoCx4Eb6vo3dMxVa / iMF2Qcv00Kc2c9LWX9avxpZPz2GjA13oRi8y6McAChhGMdAOBTwa8IeAPwb8LeAfATcCPmyxSpgZlEpJrxhCfMt3fM9t7kg8hEF8wT4O8FWivUhwgpOc4jRnOMu7vMc53uc8F7jIB3zIR3zKZ3zOF5KbQA + WsYLHeILv0v0nfuE3Guq6qql5tav2rLI1YTWsP6INc0XqK8TRae6cgs2XXOM6N7jJV3zNN9ziqtlaXB4gKUrFOuuyW52 / ZPaV0PbRTV1L8rfMPcNHno6J0tRFXKyk7PMkTuG0eM5IpX / 0zU / 6H1AF5QhnzBcL4YTU7sQ5pHlbZsjCYc1wjrck22FVMEdfMGsmyR4DxINgFwAAAwUcArwABQAABZoFMwAAAR8FmgUzAAAD0QBmAfwIAgILCAYDBQQCAgTgAALvQAAgWwAAACgAAAAAMUFTQwAgACD / / QYf / hQAhAiNAlggAAGfAAAAAAReBbYAAAAgAAN42s3SXVBWRRzH8e + e / wPiSz0ogiZ13HNIrDQ1KUhEQCQUU8p84QEUtDDzNVSydEq0lMwUzUqbygbC0tIAx96zZvKipi6aqQvHxsE853DdNONVL885beA4TV10287s / vd / sTufnf0BwsC8EWVWrGbTqf4 + ZiVMPcQOUhnBdtWiDqkO1aN + UZGVbRVYZ62vrW + sXuuKKBEZLHHJkb2yTzrkO / lBzsdaUzJsZZfYu + 1fx87XQ3WmtrWrc / UUnacLdZEu1w26SW / VLfqYPq5POSlOhpPlaMd1cp1JTr1rualu3B3hjnFtd4I7x13urhz37WV + j4VRlIwiY9O0G1O76jam36zR / aavjOmCMXHNtMuY2qRTvjcmYnts7GJ7h91uTOh0PUprY5qsp + pp10zNxtRpTCf / Yaq7ahr + N1Njvwlj + iOKoiA6F / VEndHhqDqqivKj7PBI2BbuD1vCNWF9uCxMhAvD0uTl5E / JS8ne5MXkhWR3sqvvXF9rX0XfxODHYHyQE7iBE9hBVpAZpAfxIM3 / 2b / kX / TP + 2f8036Xv8Sv9Gf7xf4Mv9DP8wd5jd4Kr8ZLeAu8Kq / My / Xi3rDeEzmb05pj22T7wJ / + z0aqNeSvoviXTmFd3Vn / ccfASSFGiknnINIYzBCGMozruJ446Qw3mc1gJJlkMYrR3MAYsk2qb8JmrEmOg0sONzOOXMZzC7dyGxOYyO1MYjJTuIOp5HEnd5FPAXczjUKmU8QMiimhlJmUMYty7qGC2cyhkrncyzzmU8V93M8CHmAhi1jMEqpJUEMtdSxlGfU0sJwVxt / KszzH87zIK7xBJ29yjLd5i + O8w0ne5RTv0U0XPZzmDB / wPh / yMR9xls / 4nC9kJptoZCWrZRZP0EETa6WBLayRR9nDq7KOzdIkG1nF4 / KwrJZH1FFZzzqeVK2c4FN28hAbZK0qkw2yivU8JeU8yNPs5ogaqTIlXwqkWEqkUKbziWziS1Uo86RWKmWuPCZbpIytUiSlUsEu9vEM + 9nLAQ7yAm28zGHzwpd4naO8xhW1SNWxUVWrhKphm1qqatXiPwFf + f3NAAD + FAAABF4FtgECAOIA9gD + ATEBMQE2ANQA9AD8ASwBJgENAMkBHAEXAQgAhwERAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkALvhTZIIK4uwsh2YzlC2o1c5GJcwAdQIFGD9msGaChTpE2DkAskPoFPiJSZNYmiNDs7s3POmTNLypGqd2m956lzFkjhboNmm34npNpFgAfS9Y1GRtrBIy02M3rlun2 / j8FmNOVOGkB5z1vKQ0bTTqAW7bl / Mj + D4T7 / yzwHg5Zmmp5aZyE9hMB8M25p8DWjWXf9QV + xOlwNBoYU01Tc9cdUyv + W5lxtGbY2M5p3cCEiP5gGaGqtjUDTnzqkej6OYgly + WysDSamrD / JRHBhMl3VVC0zvnZwn + wsOtikSnPgAQ6wVZ6Ch + OjCYX0LYkyS0OEg9gqMULEJIdCTjl3sj8pUD6ShDFvktLOuGGtgXHkNTCozdMcvsxmU9tbhzB + EUfw3S / Gkg4 + sqE2RoTYjlgKYAKRkFFVvqHGcy + LAbnU / jMQJWB5 + u1fJwKtOzYRL2VtnWOMFYKe3zbf + WXF3apc50Whu3dVNVTplOZDL2ff4xFPj4XhoLHgzed9f6NA7Q2LGw2aA8GQ3o3e / 9FadcRV3gsf2W81s7EWAAAAAAEAAf / / AA942qy9CXgUVbYAXLequnrvdPWaPemshBCadJPEZgcRMEKEGEKAyCAGZF9ERMQMIiLuiAgiMg4iIDKMVndaRAaVRTYZZRye8Bh01OcaRXEXIan859xb1WmQee / 7v / 8X0119 + / ate8899 + znFMdz + zhOtBh2cgJn5PpwMY5wpXHRwNnE0hgR4NpIr4liCircybho4qxiqSI6owZSGhfop6iZlHI9ysNyQC4MyIF9wrXtOfyi9hWGnReqp4qfczy3oOMzcgLuYeVSuPFczAbjKuZgXBA5Nw7txKEVWyguWbhsGN2uX7U4JM5UGk8xcanQnBKMO + hVVCalUUeK7IqahUiEi9oE2aU4Ij3Kq3pWhkM + r0fKzytyB4T8BePqbxjfWFvXKJJx4Z9W1tU31F4 / fqzhjrYgB / / x3HJhqzBIW / twWDvOSwzjvExwPylEW7SPFALCyThv4mT4kndGjQABiX5CCESNPEyIiDChHuV4cwJ / y4m / 5CBpxlfDzvbveGf7d3jfMoC5aohzGVwOaeJiPoB5zJuWHg6HFS7Y4vGnZhT4w1FiaG3h5cysAn9IEYMtgjM7B5sN0CyZLXZojhlES2nLAIPRXBozWW2hUIgouUEl / WQ8jc0yzRn1wSy99FPM68PeXre5tMXk9QFgjayXMRg3sR5GE / YwiuZSxeuMWuGnNrbAAClVKtN399v943Wct9Syu9 + ZH3 / CCyXd2cKnG92lLQJ9lfAVbttiTjPBhc / ZYvFZ3Thai91rgw5O + irTVw + + Yh8 / 7QO / SqW / gjEz9HEy9XGysE9Ltt4zB9uFAU5eQFg4ZQRaZlZ2TvfL / lMGpON + VASq8isC7rAQxj9vwBjwwva48 + GvMFyVX0a8wTYSGHFmxKGaUzXfqa1BwqunRrxfs3 / 4qWrCvRl8k6x958t3yZPqNPx798t31Olk
}
@ font-face {
font-family : plex-icons-new ;
src : url ( data : application / font-woff ; base64 , d09GRgABAAAAACf4AAsAAAAAStQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQgAAAFZALE1HY21hcAAAAYAAAAIwAAAHggTr / ntnbHlmAAADsAAAHdIAADS4Gm9wZWhlYWQAACGEAAAAMwAAADZd8KXKaGhlYQAAIbgAAAAgAAAAJArKB6ZobXR4AAAh2AAAADQAAAG0qUT / 4mxvY2EAACIMAAAA3AAAANyrgrj + bWF4cAAAIugAAAAfAAAAIAGGAIZuYW1lAAAjCAAAATEAAAIuQUhg6nBvc3QAACQ8AAADvAAACAJxyhF9eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bkfs44gYGVgYNpCtMeBgaGHgjN + IDBkJGJgYGJgZWZASsISHNNYXB4xfiqgPkFkBvF / JKBBUgzguQAGNIL9wAAeJzt1AVSI2EAROEHBHd3d3d3d3d3Z3c5dy7B / j29x1iob17SzCRQmQJIBpKCriAGiQMkhEckdIU1IdqTyIj2WPSDWPgOD + LfPz / hmKBjeB6Ljonh3Fh4xRRSSSM9XJdJFtnkkEse + RRQSBHFlFBKGeVUUEkV1dRQSx31NNBIE8200Eob7XTQGd6 / mx566aOfAQYZYpgRRhljnAkmmWKaGWaZY54FFllimRVWWWOdDTbDe26xzQ677LHPAYccccwJp5xxzgWXXHHNDbfccc8DjzyFV53lmRdew6u98c4Hn3yFPzCF / 19ZOiTv / Xv2rXvAorsi0VCTTHdXPGa6T + LJpjsvnmKoqYaaZqjphpphuiPjmYaaZfrt4tmGmmOouYaaZ6j5hlpgqIWGWmSoxYZaYqilhlpmqOWGWmGolYZaZajVhlpjqLWGWmeo9YbaYKiNhtpkqM2G2mKorYbaZqjthtphqJ2G2mX6LxLvNtQeQ + 011D5D7TfUAUMdNNQhQx021BFDHTXUMUMdN9QJQ5001ClDnTbUGUOdNdQ5Q5031AVDXTTUJUNdNtQVQ1011DVDXTfUDUPdNNQti + 7bbUPbjqFt19C2Z2jbN7QdGNoODW1HhrZjQ9uJoe3U0HZmaDs3tF0Y2i4NbVeGtmtD242h7dbQdmdouze0PRjaHg1tT4a2Z0Pbi0X3wKtFn + + boXPfDZ37YejcT4s + 0y9D1 / 0ydN1vQ9f9MXTdt / H1F8kxNhN4nL17C3gc1ZVmnVvdXV397q6ufkjqR3Wpu / TslvppWbJkPbDkCFsPY / wA / AgtAyMxn42dEGYxD + MMj0wsAxttggMBsh8mCx4vAyGBsP4mhHzROJOB7IDZkMxuTDaJ2Nk4mVnNt4OjLu + 5Vf2QjEyY + b6dVt1bp6pu3ce5557zn1NXDGHwx36NfYrhGIFhwKiAn3PLQr6QDxOviTNxcEb99Qj86AtfmHnCF23ZvaUj1SLF4Y077oTt / 9CjOtjtYSEAqWt2TwY9BqxKq + 8D9gPGwohMC8PEfZl0AWvLZRUeEnIMazSJXogpCSXhog + ifp / f56K3IbVjZu + WiVRnd + l5 + G2ZhqkHDh0YHBoaPHAIXBXqbHdnamLL3pkd6mfht2Va / dzKMurvKEW7Y9f6tMAuMFbGiaP0M / VMhJEZhWllUkyGKTDdDNPpzuQyooQp445ncjKXybUSMRPPyWJcFrsBzxKl9esMTQomwHRuFsKz59SO2dl3Z2eHZ2fJfbOqbXYWb + + bhSmNhlPaQ3pid8zib + nkND2dmy3 / 3q0Q6vuztLtQ7rMH54WJS27JHXfHyX2lw + Q + mFJPDJMfqu + fK33 / nFaMZqZZNs + EcTST + HI + k6Zc9VKuyjEFuVzohUJeSQJle7z2UJuGLJ0G48e / Y3inq2 / b6MbWtrbWjaPb + tb6BdHlFAy8zeh1uH2uko0 + xN / G0T + vEPCFtfjKCH1lhL7iE3wup8fI2 / VX2LC / Wtzvrw9LkfXS0GB4bYMU8q2sqFxkGVkXji0rXeNXHnngxYvVBgiLH + 0im / toQwxDyrx / CjnrZhhBYiXgEkbWnc1npLQvBHQOl06yOzy / KP1iWHTClFMkZ0uHWc8wgHoC3nKKorORQVmr1cN9rOzh / ApyLmPExCHtL9O58llZ9jx32ZldWAqcm54mJ6enX1SvgedfnJ4u7ZievtIdnWafWnpmBH + w713Mh2nSpGp4eKScNJ5eunRpSVvLEZRBr + h1kCRkqVD4URqXXxlhqmNy72RHx2Rndwc5W6Y7ejpKbzxG2FB3u9eurO1ut9hs5PBsqSe8NinYmvQb8OTBqgxrvOKYBqYZG8 + gzGdyEnjpXGoqJEvnUlMgfm8Y0r2QTULMAaznHLKA9JTeUBL9A18d6E8oVWJW6d / cr2gZ6ynlyA9xNW4eXE9LrB88USE2KQOJxMAmmtVkKY76wkhnnwcJvgcxWK / + pfrfYT27oNpUGywu77M + v0wcVQRdq3QOsbk3WM9SgF2YXrqAkoFsZT0zqo2pydf3UUc6sLmCNuluScmwmMPiucNvw2eWAvCZtw + / iFXg23 / xF1q + 9FvarN4 / 0kN6GDNeeH3pfDYRM8Gp5p5mPGAxTE / NlXbeYv + O4TXdLhmFOB6SwMp + ruBXCrJCijCjvrdffU / LYGZ / zxtP9DyBxxs95L5z6sl33oEd52CHuvu2Vw8efPW2V8u80etkQKhUCYv7V1bE / kw9WXmfvmIsj / k / lXnlYYIMU5BEifILqHxnlILCKSBiVlDeIiOlb7MByr6laXZg6cxr3756f3T / 1XBWO93cezPrL / WQA6X3N + 2PHtgEHnwcOXB1Zcy / ZH / JmKjeB8nP + Qt + QdIrP65 + 88GzXWcfnIdR7QzHtRMRtFNt7p / COcX5BLfslnIohm5JJN3H1Mdg3zHYB6fKhPrYMcZ46RKW / 5 / sl3Au3EwIV / QYbTXt85pkKeGvEGwsoSsPvIKyRayJs4gyXhC9plhiHci0JJqbbJ5qmoz + xvdhyen1OtWbmnfCzRp1yliiZ7KV5ku / 6h4YGxpQ8Dcw9LWhgURTMnneITiu4x0O / roKQS4E5EDmfsxaIRaMBfEoHWmovtKUGBgav3Zkww93WhwOy06H134dJa6zex3L1ucCcphqMgZXRZx2jnZXQQ7BomqjS0MXvsAMTtzud1u6W / AYhgfV25kaNlhAHR1i2it6WrP90SoeECoCLcgxk + j2 + rohnc + 5swlYfGClbadUvy700yMOUXTQjF1YWUAHBCWP3i8SEh3qCaqfYcohLpPLBU03tzJ9zCD2yx + GCHAOcAKavxRQQ2gEP7 / a / VXL + gsK2V5PnJY77rA4SX2VKn1Ain2lE + Sd1Z79LGEQnc8 / 7xQNiSoFC33zfbBrZUmNupdM9ZW + SoKrPCKxlZVoVD9WtEz3LOBsuKiES25hhTJFc3Jx8OADBwe1jF7SWR0qXw8erNYxyU5eqY7J0lBxWR14SV5Tn15Rh6EsC0 + hHpCYJLWCbir3yD66TCJU8nHyce3EEjkBl6FbVmSh2gQ2p6DtSYfB64BYEhq8zx00ODkIcE7Dwee8DQ3epc95Gy59m9357Tv / 8Y61N3Z13XiIZltr9oC8JYYeMZrNxkdCYukbYigkksHS35L2x0tfLhfG7JxSLq30V / q83J4zVHOxbikIZS1GulE7bDmmbqEn / UJXFzThEtEopspDfS1Er7ASAFUWp + mvgrKq8MMTW773vcqxuuCrby4rskzep3EENkToEl2HArbtpyPJINjLiWHwZ5JEEcPEn0nQ3ig + P2pBSSvz1tp8Mg7 / rTT15n7LuuaBXbZxfsNM / 8T91 / JjfCF3zTZvOkYuqC6bhbQvTYMaWZ + / Cs6WZpvXWf5szLZ7oH9mw6Nj / LX3T + zbtjWX77fYF0vvR7LkDYap8XcaKTvKRRwtxCfoEXyCjhz + JO1zVJfDPvIfcX7N2AOBCaCekvCeXMjgXPSB3wmYyUoh44 / 34YrXMkVWMrD + TO6Gn1nbTdIXjTmL + OAtvrpb / OpbxrzVC2DK
}
@ font-face {
font-family : plex-icons ;
src : url ( data : application / font-woff ; base64 , d09GRgABAAAAACgUAAsAAAAASkgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQgAAAFZALE2vY21hcAAAAYAAAAIcAAAHPPbk4EZnbHlmAAADnAAAHjAAADToXHMrbWhlYWQAACHMAAAAMwAAADZfMaXKaGhlYQAAIgAAAAAgAAAAJAwLCDBobXR4AAAiIAAAADQAAAGgmaT / 4mxvY2EAACJUAAAA0gAAANKMfH8YbWF4cAAAIygAAAAfAAAAIAGBAOBuYW1lAAAjSAAAATEAAAIuQUhg6nBvc3QAACR8AAADmAAAB6r5SxTSeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk / sA4gYGVgYPpGNMeBgaGHgjN + IDBkJGJgYGJgZWZASsISHNNYXB4xfgqm / kFkBvF / JKBBUgzguQANxoMXwAAeJzt1NVy22AAROHjxGFmJoeZmZmZmaHNm + sBepv + q + 1jNDOfTrwj2clIYyADSA / 6giSkdZEIv5FIhTUR7 + nkxnuSP / E5Se3R989POCZ0DK + T8TEtnJsM75hJFtnkhOvyyKeAQooopoRSyiingkqqqKaGWuqop4FGmmimhRSttNFOB5100U0PveHz + xlgkCGGGWGUMcaZYJIppplhljnmWWCRJZZZYZU11tlgM3zqFtvssMse + xxwyBHHnHDKGedccMkV19xwyx33PPAY3nOWJ57DO73wyhvvfPAZ / q1M / v / k65BR / u / Vt + 68xc9CmqGmm56pKGl6OqIM0 / MWZRpqlqFmG2qOoeaansMoz1DzTX9dVGCohYZaZKjFhlpiqKWGWmao5YZaYaiVhlplqNWGWmOotYZaZ6j1htpgqI2G2mSozYbaYqgpQ2011DZDbTfUDkPtNNQuQ + 021B5D7TXUPtN3R9RvqAOGOmioQ4Y6bKgjhjpqqGOGOm6oE4Y6aahThjptqDOGOmuoc4Y6b6gLhrpoqEuGumyoK4a6aqhrhrpuqBuGummoWxY / w9uGth1D266hbc / Qtm9oOzC0HRrajgxtx4a2E0PbqaHtzNB2bmi7MLRdGtquDG3XhrYbQ9utoe3O0HZvaHswtD0a2p4Mbc8W3 / cXi + / pq6Fz3wyd + 27xvfswdN2noeu + DF33y9B1vw1d9218 / gXvgiTueJy9ewt0HNWVYN163V39qf5WVX8k9ae61F36tLql / pVtyZJlCUtG2JZkwB + CbYJkYGTO2tgJIYudAM7wycTiM3gTHAiQPZgsOGwGwgTi8RJCTjTOzODZgJmQzC4mAzE7G29mVnM2OOry3lfV3ZKMDMyes9Oq9 + rWq1uv7rvvvvurJ4Zl8Ee + RZ5gOEZgGLCqEOL8ilDWyjFWtHE2Dk7ovxmGv / 7qV3c9Fky0bd / YmWuTU / DabbfD5n / q0T1kc0wIQ + 7K7eORgAU7MPo7SwLYH5OS / bI / 5U + xd1X2s3fBpH5kiP2Z / u7pyk9OUzS2ivsEQxg / wwgykYFLW4m / WC7I + WAUpsmW6bmjZEvg15VfD0lemPRK7MnKfhIYAtCPwCmvJHmbGca7oB + OceG1wISYRibOKIzKtDM5psBoTDfDdCE9glIqWLFwCIeqcKl6VhfcL110JmfnwqenptijU1PP61fCs89PTVW2TE1dqsWEyRNzTw3jD3a + hfUQLQYXhoaGq4WSDhcuXJgjH5APkGImJUqih81CsRe0cgi5t / DKCpOd49eNd3aOd3V3siercGdPZ + W1R1gS7e4Q3eqK7g4nz7P7pys9sRVZgW8xG + DxvQab6rzimCamFV9ewDkqlGQQQ8FQMK / hxBfVtJpO4tTbQmIM8r1QzELSAyRwGlnA9lReU9P9q7 + 5uj + t1oFptX99v2pUJFApsT + b1vn1A6soxqqBIzVgnbo6nV69jlbGuA1aUuQsY6Wz7wAZfgxJWKW / ov83WEXO6rzOw + xCms35ZVKSXKKyRecQX / caCcyFydmpuXMoGchWEtil87X + 2R62h7HjhRjMl4vppA2Otfa04gGzMXpqrcnhKfL3jMNYA7JVSOEhC0QJcVpI1RSVnYBd + tu79beNCnbt7nntsZ7H8Hith73rtH70zTdhy2nYom + / 5eW9e1 + + 5eXq2Mw + GRBqXcLs7sUdkV / pR2vP00es1bH + p + pYA0yEYTRZkul4gcpnQdVUTgUJK009xQ5XfkDCdPhzU2T13InjP7hid2L3FXDSON3YeyMJVXrYPZV31 + 1O7FkHAbwd33NFbczvkfcYG + OmYw5xIS0kyGbn9 + vfv / fk8pP3zsCIcYb7jRMrGKf5uXsC5wTnA / yKXy6hGPllie0 + pD8COw / BTjhWBfRHDjHWCxcQ / x / IwzgXfiaKK3IDfWs + KNoUOR2qASSZNhc / XkGwcJE4SiijmiTakumVoFDMbigVy1RTFMwnfgJzXlH06je0boUbDeiYtULP7FW0nnu / e / WGwdUq / lYPfmtwdbolmz3jETzXODwexzU1gD0XVsKFu7Fqh2QkGcGjcmdT / ZGW9OrB0auH1 / xsq9PjcW71iO5rKHCNW / QsWF9nkcNUEzEo1SlKHCVXRQ7BrM5T0TaFL7wLJ277W23dbXgMwb36rfU + PsA + RORUB / IpT9emj7IgQZnho2wRagItKEmb5BeD3ZAvl / zFNMzes2 / PwODgwJ59 + u9qUL8p9FPDHkny0IqcXYwAPgpVAiZdbFTy6EeofoVJj7RALs8aurWd6WMGkK5QDOLAecALahZyoKGWskLIsVT7krghTWU3N7Je5223Ob1sYx2qfMBO9FWOsG8ude9XaYvkffZZr2RJ1yE42zfTB9sWYxrQHexkX + WbbGSJW2xycScG1I8dLbBNZ3E2fFTCZb + wSBmiOTg / sPeevQNGRS / prA5Wrwf21vsYJ + OX6mO8MjixoA + 8ZI / rTy7qw12n4 + PsGirwAurEglTwp9BicYVSOysVUiVFSikSLhIFbyJsXhdoUbEAltPTEJs + rXdOT781PT00Pc3ehZp7ehqbd07DpAHDMeMmPaE9xt / c0Sl6Oj1d / b1VA / R3pym5lqr8PoG6S2aylEI / Xas45XRpx + lqRYHF9Z5MlwRUHX5FVYQ6W5BFKtq7fAxEDySz0CQ + s9fi5SDMeS17nxGbmsS5L4hNF35Atv7g9n + + bcX1y5dfv49WV83bIPaUFH3QardbH4xKle9I0ajEDlR + znY8Wvl6FRmr02oVW + 2v0bzQh2CotiV + OQJVzct2o0bbeEjfSE / mhaniaMFlbUDzfo25fhOXWL2AapYzdK6mLrlg4bGNP / 5x7Vh6seqvL0BZsEancAQ8IyHvUXcI + O4QHUkhC2pJikGokGVVKcaGCmlKjRoMoeaWDZxTK8rZFPxdZfL13c6Vrau38aOONbv6x + 6 + 2rHBoZWu3CTmk + w53cc72Y65KdDjq8qXwcnKdOtK559s4Lev7t + 15qENjqvvHtu56apSud / pnq28Gy + yr83LBKXNgjIdYVJo1T4FRfApCNn / ad7PUfsDO9n / iPNrRwoEJoy6VcY2RSvgXPRByAtYKapWCKX6UEsZlaqoBVh1onTtr1wdNvlr1pJTuvemYMNNIf2UtewSAWwllxj7TMcJuKy47Z7iUCIxVLxH8DU0NLSvKd4tyrTaU8T38 + b42W8b8sWjDQziSpaZNK7jTqbILDMpsWJJGYTMk0ShlIaw2scaDVghkELSZA5dkx8ieVA8UfqM / g2kSTqOlCZvpdT9BaVZX0lr / xOU0BEK3k8h / e1rMyfAXro2g4QXi2NDSKd4t0l / FWrBShbdOB5RxJHJMoX2lEolU77hFHuTMRYGtAK6IgUO / tiSt8QseSvt8nfFomnHbNOkzMRQU40jZrlgrAWRrgUlqeI6oGagjAaBTnxq / maSXhfpQrF + / DOWN5f3bRpZ257JtK8d2dS3IiRIPq9gcfBW0eMP + io8vYm / tSPfrQHw1RX4yDB9ZJg + EhSCPm / A6nCbj5BYqI4e
}
@ font-face {
font-family : Glyphicons Regular ;
src : url ( data : application / font-woff ; base64 , d09GRgABAAAAAXcsABEAAAACa0QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcaBvSk0dERUYAAAGcAAAAHwAAACACFgAET1MvMgAAAbwAAABEAAAAYHdEe55jbWFwAAACAAAABT4AAAoWx4xbi2N2dCAAAAdAAAAAJgAAACYRBwj7ZnBnbQAAB2gAAAGxAAACZVO0L6dnYXNwAAAJHAAAAAgAAAAIAAAAEGdseWYAAAkkAAFcvwACN6REiVV + aGVhZAABZeQAAAA1AAAANgTVZa9oaGVhAAFmHAAAAB4AAAAkFRsIU2htdHgAAWY8AAACdgAABsaR + UDwbG9jYQABaLQAAAUrAAAHqAIJVtRtYXhwAAFt4AAAACAAAAAgAyYFjG5hbWUAAW4AAAABdwAAAzDK95H4cG9zdAABb3gAAAd6AAAS4sD1NCNwcmVwAAF29AAAAC4AAAAusPIrFHdlYmYAAXckAAAABgAAAAZaKFHJAAAAAQAAAADMPaLPAAAAAM3vJR0AAAAAze8KpnjaY2BkYGDgA2IJBhBgYmBkYGR8ASRZwDwGAA5OARwAeNpjYOa0YJzAwMrAwibBuoCBgWELhGb2YDAC84FSCMCExA71DvdjcGBQ + P + fveGfAgMDdwjjAaAwI5ISBQZGAAZ8Csx42tWVbWiVZRjHr2vvxwLPXtyc + tzP49Azp5Wbc + jKaEtFBwVTixgWW762opgvISuCk41o1oehFS6QpIIyBCNBCsrqg / ghlSwrd0x3v2lvFL3p6oOd / vd9HyT60Oc68NvvOoftuf / / 5773HCIqJaJicAOYhHEJMSZKpfEp + 8 + LC5 + XFKfx / kPKUhl1UELzaD9NFOWSScn8pDc52FCVKcqkMnsyezNHG1ONkxuXySJZIlMyLWtkvZwpm2SzbJOL5XLZJXvkOtkvB + RWOSiH5ahKqXrVpNpVl + pR / WpQDatRXaxTul5ndJNu0e16qV6pe / R63a + 36EE9rPcaMmUmZdJmiqk3TabVtJnFptN0mR7TZ / rNoNlphs2oTdlKW2 + b7ALbbrtst + 2x / XYgn0eThOYWGtC1BnytQYVvQGhQhgbVslYmchYatMpFskOukN2yT27wDbbLrBxRpNIqUc2qQ3WrPjWgsmpEky7VaZ3oObpZL9Qderlepfv0Rj2gt + ms3o0GRaYCDapNnUlMMxosQoOlphsN1psBkzVDZsSSTdtqm9hm22Y70WC17XMN8iafy2 / Kp6 / eJFPjF8ePjD94oTRXl6sce2ZsaKx3rHas8uz5pCGZmSTJtGRqUpdUJpOTVFKelMX5 + M / 49 / iX + Of4 + / i7 + NvYxOfjHfGW + KF4Y9wb98Rr4jvjFXGnOCdy4ow4JU6K4 + KY + EAcFUfEW + KQOCDeEK + Il0SrWCBaxDzRJOaIBjFDTBfTRJWoFNeJUlEcXY0moivRT9GuaCh6Knoi2hE9Gj0SPRBtju6P1oZT9r9 + Xe9 + lJ4pvHvcn6iA + 3 + aC + aBErC / QBmYKFBOVJQLUEXhTye5fzx4foBq4N4ATYEPBqiWqKEqQHVEGdzLTBHmqXAqQNPgPQGaDu8N0Az4aIAiokas3eh + X8CTAy5M47IAzSSSkHTXb4BLAjQbRh / p / jYDpwOut6wGNaG / RFZZj / lGGNeVuB61wLNAE + ZWuDlA7bB734b5ZngRWIz5VrgDLMd8G7wCdGHGe9kNejCvhPvAOsyr4Q2gH / Pd8ECA1sJbA3QvvB0MYr4PzoJhzOvhETCK + WEiBSnXcQeMfsp1eRJGF + XyPwsju0J2egFGTuWyvQwjm3LZDsDIplyewzCyKLfu + zDWVW7d4zDWVW7d00Qa0u4cnYPxjNYuwziMDNplsDAyaNx7 + hGeA1yeyzDy6JZwzvRC4LL9ASObXooZTz + Ne6dxzxhr6FUAORlnUiOnxj1gt85GgMyMvdTIrLdgxtp6G0B + xrnSyK + Rn3E29G6AM8b4LjEUYOynwdkxOCuMLAbnzaALI5NJB / gWGGfG4IzzEhhn2mAdxl4bdDToxbfD6GVwPb4Dbgsw7rHBOTE4J4wepjPAa2B0NdgLvgt2v + c64gyYvgCjn0FX4zpugtHRuF7Yd4NeZidm7LsZAq7jYzD2yGCPOOu3gKzrsgtGD1uJ + XkYXazL / yKM / Nbl3wcjv12A + XUY2S3uAb8JI691OQ / B3QF + B8Y5ti7zuzDyWpfzI3ggwB8T / / qah / gEfNhDfBK + CC5hPgX / 4CH + hPi3cg / xaXiKh / hTeLqH + DO4wUN8Bl7lIf4cvsdD / AW82UP8JdzvIT4LZz3EY / CrHuIc / J6H + Bx8zEP8FXzCQ3wePuUhvgBf8hCPwxMeYkl8ucpDrOAaD7GGaz3EBp7tIbZwo4cY9 + PK0x5iXPvKcx7ir + G3PcTfAHdOC490ds + 8on889Tk83sOrpPS / / RVV9re5nMI3x7 + + KtyPvwBOLlhTAAAAAADGALoBLQErAWAAyQBjAH8AhASuAJwA0AK7AYABGgDsAFAF8AAAeNpdUbtOW0EQ3Q0PA4HE2CA52hSzmZDGe6EFCcTVjWJkO4XlCGk3cpGLcQEfQIFEDdqvGaChpEibBiEXSHxCPiESM2uIojQ7O7NzzpkzS8qRqnfpa89T5ySQwt0GzTb9Tki1swD3pOvrjYy0gwdabGb0ynX7 / gsGm9GUO2oA5T1vKQ8ZTTuBWrSn / tH8Cob7 / B / zOxi0NNP01DoJ6SEE5ptxS4PvGc26yw / 6gtXhYjAwpJim4i4 / plL + tzTnasuwtZHRvIMzEfnJNEBTa20Emv7UIdXzcRRLkMumsTaYmLL + JBPBhcl0VVO1zPjawV2ys + hggyrNgQfYw1Z5DB4ODyYU0rckyiwNEfZiq8QIEZMcCjnl3Mn + pED5SBLGvElKO + OGtQbGkdfAoDZPs / 88m01tbx3C + FkcwXe / GUs6 + MiG2hgRYjtiKYAJREJGVfmGGs + 9LAbkUvvPQJSA5fGPf50ItO7YRDyXtXUOMVYIen7b3PLLirtWuc6LQndvqmqo0inN + 17OvscDnh4Lw0FjwZvP + / 5Kgfo8LK40aA4EQ3o3ev + iteqIq7wXPrIn07 + xWgAAAAABAAH / / wAPeNqsfQl8E2X6 / 7wzOds0ySSZpFfSXE2aXmmTNOlFW6AHR4FS7hsh3IeggKgoiHihHCLireiiuLriTFp0UXRZF7WuZr0Q111dr / 2trLqr7roitB3 + z / NOC3jt7u / 3 + QMz884777xJnvd9nuf7HO8LwzIdDMO + pmliOEbLlEuECdentCr + bxFJo363PsWxUGQkDqvVWJ3Saix99SmC9VHewxd6eE8Hu6n / NfKB7NY0nTrSod7LMAxhepge3e2625k2pp0RW8JiUVRUpUV3JKVqySjpalJZ9Hg26EvEnAgRR4TF2uOiMSJG06I9kqqNYptaBtvU6qDN0Ig0kpQwFZVWPhaPekgg1kjiEQehdxG7wMNdAbHbtITe2TQ + D9yZiMYbJPTOG6ji4S4MbyYI3PU4BfKm / IbJdMxYYiTlcFcqOEnYVGw8ZjLJb5LXBadTkMtJObSASvl1uDsmOOU3jMXwipGEZWivyiWlNhe0Ud56g7xpc7lscin0g29BP3CHb70OHwItSLlcjv2S1 + U3TaY3oQUJOymtkkCrGONjGKvNHvXweIrEq3h6igV8HnryagQeT / Dd2b + 7baRIKGA / t7kLhH5bgSD / XijotwhO7inB02 + 3eT0C + 6lHgDZO9u / 4mf0Wp8AwHCklO3Ux7WuMiSlgwkwxIzrDoi0tZoVxeMrCoj9NxIqwaD4OYyXmpMWiiFRJKX + O1go9v3 + fQ773vNQpaPbhR5 + aCV / isEJihYznl5GIZ + v7nznvRvX8eTcMo2E2Mdm61fq5jJ8JMRFmGNPKjGa2MKInLBrTYmNYjKfF1rA4HH5Be1hkjovatKg1SwIpEfPT0hhSImkZ3iJyNaLAN5lU2W5PYVFxabRmeHPbyNF + R42Yb5FyRtXUMFKjkbd0qbKLS7A2zj + ZU8hFQzWjaKNWS1dRrLoN
font-weight : 400 ;
font-style : normal
}
@ font-face {
font-family : Glyphicons Social Regular ;
src : url ( data : application / font-woff ; base64 , d09GRgABAAAAADioABEAAAAAVMwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcaAomN0dERUYAAAGcAAAAHQAAACAAcgAET1MvMgAAAbwAAABBAAAAYHWhb45jbWFwAAACAAAAAIwAAAGyprwmmGN2dCAAAAKMAAAACgAAAAoGtQD0ZnBnbQAAApgAAAGxAAACZVO0L6dnYXNwAAAETAAAAAgAAAAIAAAAEGdseWYAAARUAAAwTwAARpSeaxjAaGVhZAAANKQAAAAuAAAANgReuJhoaGVhAAA01AAAABoAAAAkEsIJRWhtdHgAADTwAAAANQAAALJgxQBRbG9jYQAANSgAAAB1AAAAjKffuURtYXhwAAA1oAAAACAAAAAgAWkCFm5hbWUAADXAAAABlwAAA5bYtJ38cG9zdAAAN1gAAAEWAAACw1fIucpwcmVwAAA4cAAAAC4AAAAusPIrFHdlYmYAADigAAAABgAAAAaDzlHAAAAAAQAAAADMPaLPAAAAAM3mTxoAAAAAzeY0TXjaY2BkYGDgA2IJBhBgYmAEQhcgZgHzGAAHNgB3AAAAeNpjYOaQYZzAwMrAwibBuoCBgWELhGb2YDAC84FS2EGod7gfgwMD74 / / 7A3 / FBgYOBMYDIDCjEhKFBgYAe5sCgwAAAB42mNgYGBmgGAZBkYGEFgD5DGC + SwME4C0AhCygGV4gawFClwK + grxDzgfSD7QfGD5wPmB54OAH / / / / 0dSwQBWwfBA4IHCA4MHDg9coSoY / 3 / 9 / / h / ygPW + w / vb1IQUuBRYFNgkP8l / 1P + M7sr1Ha8gJGNAa6MkQlIMKErgHhlaAAWolS5oPEB46UqBAAAAKQAxQBQBfAAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU + ckkMLdBs02 / U5ItbMA96Tr642MtIMHWmxm9Mp1 + / 4LBpvRlDtqAOU9bykPGU07gVq0p / 7R / AqG + / wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP + oLV4WIwMKSYpuIuP6ZS / rc052rLsLWR0byDMxH5yTRAU2ttBJr + 1CHV83EUS5DLprE2mJiy / iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ / qRA + UgSxrxJSjvjhrUGxpHXwKA2T7P / PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3 + dCLTu2EQ8l7V1DjFWCHp + 29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz / v + SoH6PCyuNGgOBEN6N3r / orXqiKu8Fz6yJ9O / sVoAAAAAAQAB / / 8AD3jalXwHfBv12f / 97jStdadpybK2JduyJftkSZaHvOMVjziO7TjDGbazTQYZJM5ghjCSEAcaaEkKLauM3jkhaSkvULoCrVpKKaW8fSm0BUInfaF92xAf / + d3khMrb / h83n9s66ZOp2d8n + 8zLgRJ9BIE + ZqsnqAIORHiERGumZZLqL + wvEz6m5ppioRVgqfwbinePS2XSS7VTCO8P8K4mQI34 + 4lD8y8ht4VXLL6f7 / UK / 0qQRCImPOvHD4CL5UrlCsIHTFA3EJMqwkiyLWluEiY86S4vjAnTSFuMMyhNzk6xdE0n4 + CXCzFxWi + DNYKUlwBzc + HNUWKH0JBPp9m9LypOpHgYgxvq4Nlmf5ZT7CyqaXPZ0lwBQxf2JZIEHybGs6ra4bjEeYcnV9QaKpsmQ9nlJVHmYpYxM2aTYxR5nV7 / MhotpgjbKwOxQL + aEWSjMAxOOQJ + OOxeCxa4fd6ZCajhZTLLA4UYfHOOF6J6aMVIcrr0ZJTa + Qb10wdW / uv42umyLp1y7Uak0uqVzsqYqtPjjx49uiGardTLcsv6WtadH3eYZXHQebSRt1ev7zbf13i2IWbIuN3vrjhvs8fXXoRX2dqzb + Orz02JTlz28t + mc3cWuypXd5 + 55aWR4 / 8x0wwUGEbOVzVPnzfpvmNgrX8ztdoo / 7hQ9bf + 4JfR96zPV85tLZ27NGfEZI5cq8lGoh2YpCY1mDZt6S4RJiLRDgJCL4jzBFvclYQPMtZaT6UlnMnyDlkZfT1SoPTX5hI1je2YdkqGM4Lkk20MPozzlhdQ / sXiNMi1SIdApFJnEiJiHgShchAQZLEsgwgkKZcKb4imVIiBcnHC9BcASKdDZV5HqxMGJDzyFG0Ai1F / 83q1FKlTSH8InByF2lzz3yu1Rt0wneF72qMWs3MTB56D72MXhDqhfVoq0arU6Mdwq65spT + 2KT / OG9vaQmdq35uaBAVCK + jJk + OVi2nZR87di1B6lyHFnUo1MI / UY5aIZzRCT9DVuGC8KHA / lGh + CvqAHFKL8vUSvQTo8QO4ibiCDG9EkvVH + GWpLiuMLc / wjlAsDeHOdubnC3F2cJcXorLo / k8VZAjWL4WRLwzNV27Myd4ur42ooQtmt8NO / exnDfFeWmuKMUVhfHKZIqbDPO3gDJ22hj9WVNg / sDI + HUgdIJfshKsmygC6 + 5iziKTLbzh + htEbViRQxY3GR0KC5gllaWaGLbWQIgEE0fxpETcisWT0qjbo5UaRFsHy7eYZXJ3CM3Z1iI5OIMfHB78PupmvIxbHWta3DfS6JWqlDoJo1DLyep93BM1s1r87A87 / eGhirKSYGG + y + sLNHjtUsadKPLa7XmszaGZ4XNKJzbesnbRbYptO56xq796QSE / MCGsH9r05cLS0lVm69Kve3INQw14ReJGR0fRUWHzqLCZpMn3mifaYnZagtYrdRq5SqKSa + gclaOV2kd + fVbbN59P7uwdKSn0FUSNplJHvsPX2bK + qrp3aUPSIqckkhyNPo + h9M76gTsv / mLPitUq8tS24ZNB36Tk6Xv27LTJHt676sl9etnDjwubM5 + djWMBIpjxJUOKc6YRrFB0JDo1TRNYsbRSGeSLUJC4JtzAZiwQQgERPCi5X5Zl / rs / + q3kY4fMfGqnXT18x7fHeu7ZuCRh + OkP5toz9c7XnsnT7fr1z / u / fH1LeefoSBjdm3WPPqIpc49mcO4wODsnoUXLLBCxlklNMwjfKYPv1A93yjvMjH6acXsSYFU0dvVr3LtFihgdcse9DKpDbuzeddm + 65IgAr38h1xqK / 0pOpOqvvRuyVnhE + H77zNzb1929 / 6CmdeEP7lvO4pK0CPFhw5ZhY / QY + ZdWbhVTFQS84juzPcwpbjmMFcDkSHMOSNcKMUFwiKGtWZEj4NHHjiSMsW3gc / kQaA4HWQT9aLDhGKM / tpfyeggYTtJwgG / N + DxB2DhBsAvyJyXPs2QtZX1lT8dPHx6KTq69PThwbBnKFBFffK88Ma33kJLqwoRKkwkCoXPC6ukMT8p9cdi / pnP / LG5oiD / vvj + sURi7P7FqM5dJo8Xnfn1W99C4NlF8FahNBCDoBSLEbI5csklPCCbKOD6ZEY2BSJkQNSsSIskeZVIAFiCAC80Xw4btSmuluYTaUnVZSTF662gdi / DmRNcuZ4zJPhELUisCERXVAAreQm + AkT4rNlqL9fXfhHwI78vICMNZgtj1EqQWQLQH3cbHBITA3iP3EkU8JOBLOE9aCe / pRD + ov3BB3VLPgrP659XgR5bj5Zu2 / + frZf8cnTw0We273z5MBlEnSG1M + 9367ICZP6q9eQuxUX1mHBIID6 / nXxaWlbXUV0izIuhssjTOyXr0M6pBzfLSVvlZ9878u + DB5AmQWThuI4oILYSB4iHiJevWJkrjCH4ZpYrormDrjcZzp7iJsLc2hQ3gH2dk9LcSZDxw6KM / SnOT / PbQJhjLHdDitsArzTfJcZRTkFzD6S4B8L810DK2 / wg5aKRRILvIsAyGZMrhoPqA8w5R4217qE7Dh8TDdVlgtPuOgbKKGKmIxUx8Eb + oB00wCa4
font-weight : 400 ;
font-style : normal
}
: root {
--color-background : # 474747 ; --color-primary : # F9BE03 ; --color-secondary : # CC7B19 ; --color-secondary-hover : # E59029 ; --color-background-mobile : # 1f1f1f }
@ -webkit-keyframes fade {
0 % {
opacity : . 1
}
50 % {
opacity : . 2
}
75 % {
opacity : . 3
}
100 % {
opacity : . 4
}
}
@ keyframes fade {
0 % {
opacity : . 1
}
50 % {
opacity : . 2
}
75 % {
opacity : . 3
}
100 % {
opacity : . 4
}
}
@ -webkit-keyframes fadeIn {
0 % {
opacity : 0
}
100 % {
opacity : 1
}
}
@ keyframes fadeIn {
0 % {
opacity : 0
}
100 % {
opacity : 1
}
}
@ -webkit-keyframes spin {
0 % {
-webkit-transform : rotate ( 0 )
}
100 % {
-webkit-transform : rotate ( 360deg )
}
}
@ keyframes spin {
0 % {
-webkit-transform : rotate ( 0 ) ;
transform : rotate ( 0 )
}
100 % {
-webkit-transform : rotate ( 360deg ) ;
transform : rotate ( 360deg )
}
}
@ keyframes cssAnimation {
to {
width : 0 ;
height : 0 ;
overflow : hidden
}
}
@ -webkit-keyframes cssAnimation {
to {
width : 0 ;
height : 0 ;
visibility : hidden
}
}
@ -webkit-keyframes loading {
0 % {
-webkit-transform : rotate ( 0 ) ;
transform : rotate ( 0 )
}
to {
-webkit-transform : rotate ( 1turn ) ;
transform : rotate ( 1turn )
}
}
@ keyframes loading {
0 % {
-webkit-transform : rotate ( 0 ) ;
transform : rotate ( 0 )
}
to {
-webkit-transform : rotate ( 1turn ) ;
transform : rotate ( 1turn )
}
}
@ media only screen and ( max-width : 991px ) and ( min-width : 768px ) {
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a > span : before {
font-size : 18px
}
# main-nav + . col-sm-2 {
position : fixed ;
width : 240px ;
height : calc ( 100 % - 120px ) ;
left : 0 ;
top : 120px ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
padding : 0 5px 20px 0 ;
overflow-y : auto
}
# main-nav + . col-sm-2 : after {
width : 100 % ;
height : 60px ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
display : block ;
content : '' ;
position : fixed ;
top : 60px ;
left : 240px ;
pointer-events : none
}
}
@ media only screen and ( max-height : 600px ) {
body . login > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a {
padding : 0 ! important ;
height : 60px ! important
}
body . login > div . container-fluid > div . row-fluid > div . col-sm-10 {
top : 60px ! important
}
body . login . well {
padding : 0 60px ! important
}
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a [ href * = advanced_search ] {
display : none
}
body . blur . row-fluid . col-sm-10 {
-webkit-animation : fadeIn 1s linear 1 ;
animation : fadeIn 1s linear 1
}
. col-sm-10 . book-meta > div . btn-toolbar : after {
content : '' ;
direction : block ;
position : fixed ;
top : 120px ;
right : 0 ;
width : 300px ;
height : 7px ;
z-index : 999999999999999999999999999999999999999999999999999999
}
. plexBack . noBack > a {
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
pointer-events : none ;
cursor : default
}
. root . plexBack > a {
color : hsla ( 0 , 0 % , 100 % , . 45 ) ! important ;
pointer-events : none
}
# scnd-nav > li . active a , . authorlist # nav_author a , . catlist # nav_cat a , . langlist # nav_lang a , . serieslist # nav_serie a {
color : var ( --color-primary )
}
# scnd-nav > li . active : hover a , . authorlist # nav_author : hover a , . catlist # nav_cat : hover a , . langlist # nav_lang : hover a , . serieslist # nav_serie : hover a {
color : # fff ;
-webkit-transition : all 0s ;
-o-transition : all 0s ;
transition : all 0s
}
. dropdown-menu > . active > a , . dropdown-menu > . active > a : focus {
color : var ( --color-primary ) ;
background-color : transparent
}
. navbar-default . navbar-nav . open . dropdown-menu > . active > a : hover {
color : # fff ;
background-color : hsla ( 0 , 0 % , 100 % , . 08 )
}
. a-z # scnd-nav > li . dropdown > a , . newest # scnd-nav > li . dropdown > a , . oldest # scnd-nav > li . dropdown > a , . z-a # scnd-nav > li . dropdown > a {
color : var ( --color-primary )
}
. a-z # scnd-nav > li . dropdown : hover > a , . newest # scnd-nav > li . dropdown : hover > a , . oldest # scnd-nav > li . dropdown : hover > a , . z-a # scnd-nav > li . dropdown : hover > a {
color : # fff ! important ;
-webkit-transition : all 0s ;
-o-transition : all 0s ;
transition : all 0s
}
. readbooks # scnd-nav > li . active a [ href * = unreadbooks ] {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. readbooks # scnd-nav > li . active a [ href * = unreadbooks ] : hover {
color : # fff
}
. unreadbooks # scnd-nav > li . active a [ href * = readbooks ] {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. unreadbooks # scnd-nav > li . active a [ href * = readbooks ] : hover {
color : # fff
}
. unreadbooks # scnd-nav > li . active a [ href * = unreadbooks ] {
color : var ( --color-primary )
}
. shelforder # sortTrue > . list-group-item {
background : 0 0 ;
border-radius : 0 ;
border : none
}
. shelforder # sortTrue {
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
border-bottom : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
padding : 0
}
. shelforder # sortTrue > . list-group-item : nth-of-type ( even ) {
background : hsla ( 0 , 0 % , 100 % , . 02 )
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > . col-sm-6 {
margin-left : calc ( 20 % ) ;
width : calc ( 80 % - 30px )
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 : before {
content : "Reorder Shelf" ;
width : calc ( 100vw - 240px ) ;
height : 60px ;
margin : 0 ;
padding-left : 25px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
-webkit-font-smoothing : antialiased ;
font-weight : 400 ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
position : fixed ;
top : 60px ;
left : 240px ;
text-align : left
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 {
font-size : 24px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
font-weight : 400 ;
line-height : 1 ;
margin : 0 ;
padding : 60px 15px 40px ;
width : 100 % ;
height : auto ;
top : auto ;
left : auto ;
position : relative ;
border-bottom : 2px solid rgba ( 0 , 0 , 0 , . 3 )
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 + div {
margin-top : 90px ;
font-size : 15px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 24px ;
padding : 15px ;
color : # eee ;
text-transform : uppercase
}
. shelforder # sortTrue > div {
padding : 0 15px ;
margin : 0 ;
vertical-align : bottom ;
overflow : hidden ;
white-space : nowrap ;
min-height : 50px ;
line-height : 50px ;
color : hsla ( 0 , 0 % , 100 % , . 6 )
}
. shelforder # sortTrue > div : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 06 ) ! important ;
cursor : move ;
cursor : grab ;
cursor : -webkit-grab ;
color : # eee
}
. shelforder # sortTrue > div : active {
cursor : grabbing ;
cursor : -webkit-grabbing
}
. shelforder # sortTrue > div : before {
content : "\EA53" ;
font-family : plex-icons-new ;
margin-right : 30px ;
margin-left : 15px ;
vertical-align : bottom ;
display : inline-block ;
font-weight : 400 ;
font-size : 18px ;
opacity : 0
}
. shelforder # sortTrue > div : hover : before {
opacity : 1 ;
-webkit-transition : all . 2s ;
-o-transition : all . 2s ;
transition : all . 2s
}
. shelforder # ChangeOrder {
float : right ;
margin : 30px 0 60px
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > a {
float : right ;
background-color : hsla ( 0 , 0 % , 100 % , . 25 ) ;
color : # fff ;
margin : 30px 10px 60px 0
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > a : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
body . shelforder > div . container-fluid > div . row-fluid > div . col-sm-10 : before {
content : "\e155" ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center
}
# have_read_form {
display : inline-block ;
float : left
}
# have_read_form > label {
margin : 0 ;
top : 0 ;
height : 60px
}
# have_read_form > label > label {
position : relative ;
width : 1px ;
height : 1px ;
top : 0
}
# have_read_form : hover label : before {
color : # fff ! important
}
# have_read_form span , div [ aria-label = "Download, send to Kindle, reading" ] > . btn-group : first-child > p : first-child , div [ aria-label = "Download, send to Kindle, reading" ] > . btn-group : first-child > p : last-child {
display : none
}
# have_read_cb {
opacity : 0 ;
height : 60px ;
width : 50px ;
cursor : pointer ;
margin : 0 ;
display : inline-block
}
# have_read_cb + label : before , # have_read_cb : checked + label : before {
font-family : 'Glyphicons Halflings' ;
font-size : 16px ;
line-height : 1 ;
height : 40px ;
width : 60px ;
top : -48px ;
left : 16px ;
z-index : -999999999999999999999999999999999999999999999999999999 ;
font-style : normal ;
font-weight : 400 ;
display : inline-block ;
position : absolute ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale
}
# have_read_cb : checked + label : before {
content : "\e105" ;
color : var ( --color-primary )
}
# have_read_cb + label : before {
content : "\e106" ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
div . btn-group [ role = group ] [ aria-label = "Download, send to Kindle, reading" ] > . downloadBtn {
border-left : 2px solid rgba ( 0 , 0 , 0 , . 15 )
}
div [ aria-label = "Edit/Delete book" ] > . btn-warning {
width : 50px ;
height : 60px ;
margin : 0 ;
overflow : hidden ;
display : inline-block ;
padding : 0 ;
line-height : 1 . 71428571 ;
text-align : center ;
vertical-align : middle ;
cursor : pointer ;
background : 0 0 ;
color : transparent
}
div [ aria-label = "Edit/Delete book" ] > . btn-warning > span {
visibility : visible ;
position : relative ;
display : inline-block ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
text-align : center ;
white-space : nowrap ;
cursor : pointer ;
margin : auto
}
div [ aria-label = "Edit/Delete book" ] > . btn-warning > span : before {
content : "\EA5d" ;
font-family : plex-icons ;
font-size : 20px ;
padding : 16px 15px ;
display : inline-block ;
height : 60px
}
div [ aria-label = "Edit/Delete book" ] > . btn-warning > span : hover {
color : # fff
}
. download-text : not ( # btnGroupDrop1 ) {
display : none ! important
}
. advanced_search # scnd-nav > li > a [ href * = advanced_search ] {
color : var ( --color-primary )
}
. book {
width : 225px ;
max-width : 225px ;
position : relative ! important ;
left : auto ! important ;
top : auto ! important ;
-webkit-transform : none ! important ;
-ms-transform : none ! important ;
transform : none ! important ;
min-width : 225px ;
display : block
}
# infscr-loading img , body > div . container-fluid > div > div . col-sm-10 > div . discover > div . isotope : after , body > div . container-fluid > div > div . col-sm-10 > div . discover > div . isotope : before {
display : none
}
# infscr-loading : before {
content : '' ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 2px solid transparent ;
border-radius : 50 % ;
border-top : 2px solid var ( --color-secondary ) ;
width : 24px ;
height : 24px ;
-webkit-animation : spin . 5s linear infinite ;
animation : spin . 5s linear infinite ;
display : block ;
margin : 20px auto ;
position : fixed ;
top : calc ( 50 % - 12px ) ;
left : calc ( 50 % - 12px ) ;
z-index : 999999
}
# loader > center : after , . app-loading : before {
-webkit-animation : spin . 5s linear infinite
}
a {
color : hsla ( 0 , 0 % , 100 % , . 45 )
}
a : hover {
-webkit-transition : color . 2s ;
-o-transition : color . 2s ;
transition : color . 2s ;
color : # fff
}
# titlebar a {
color : # 4f4f4f
}
# titlebar a : hover {
cursor : pointer
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a {
margin : 60px auto auto ! important ;
width : 240px ;
height : 60px ;
text-align : left ;
color : var ( --color-primary ) ! important ;
font-size : 15px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-stretch : normal ;
font-style : normal ;
font-variant-caps : normal ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
font-variant-numeric : normal ;
font-weight : 400 ;
letter-spacing : normal ;
text-shadow : none ;
text-transform : none ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
word-spacing : 0 ;
-webkit-writing-mode : horizontal-tb ;
-ms-writing-mode : lr-tb ;
writing-mode : horizontal-tb ;
-webkit-font-smoothing : antialiased ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
overflow : hidden ;
background : rgba ( 0 , 0 , 0 , . 45 ) ;
padding : 0 20px
}
. home-btn , . home-btn > a {
cursor : pointer ;
display : block ;
font-size : 20px ;
height : 60px ;
font-variant-caps : normal ;
font-variant-east-asian : normal ;
font-variant-numeric : normal ;
font-weight : 400 ;
font-style : normal ;
letter-spacing : normal
}
. btn , . home-btn > a , input . pill + label {
-webkit-user-select : none
}
. home-btn > a , . plexBack > a {
-webkit-text-decoration-color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
text-decoration-color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
-webkit-text-decoration-line : none ;
text-decoration-line : none ;
-webkit-text-decoration-style : solid ;
text-decoration-style : solid ;
text-rendering : optimizeLegibility ;
-webkit-writing-mode : horizontal-tb ;
-webkit-box-sizing : border-box
}
. home-btn {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-stretch : 100 % ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
line-height : 34 . 29px ;
margin : 0 ;
padding : 0 ;
position : absolute ;
width : 40px ;
top : 0 ;
left : 10px
}
. home-btn > a {
box-sizing : border-box ;
color : rgba ( 255 , 255 , 255 , . 7 ) ;
font-family : plex-icons-new ;
font-stretch : 100 % ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
line-height : 60px ;
position : relative ;
speak : none ;
text-align : center ;
text-shadow : none ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
text-transform : none ;
top : 0 ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
vertical-align : middle ;
width : 100 % ;
word-spacing : 0 ;
-ms-writing-mode : lr-tb ;
writing-mode : horizontal-tb ;
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased ;
padding : 0 10px
}
. btn , input . pill + label {
-moz-user-select : none ;
-ms-user-select : none
}
. home-btn > a : before {
content : "\EA30"
}
body > div . navbar . navbar-default . navbar-static-top > div > div . home-btn > a : hover : before {
color : # fff
}
. glyphicon-search : before {
content : "\EA4F" ;
font-family : plex-icons
}
# nav_about : after , . profileDrop > span : after , . profileDrop > span : before {
content : ''
}
. navbar-default {
background-color : rgba ( 0 , 0 , 0 , . 6 ) ! important ;
border : none ;
position : fixed ;
width : 100 % ;
height : 60px ;
z-index : -9
}
body : not ( . read-frame ) {
background-image : url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / / blur-light . png ) ! important ;
background-repeat : repeat , no-repeat ! important ;
background-attachment : fixed , fixed ! important ;
background-position : center center , center center ! important ;
background-size : auto , cover ! important ;
-webkit-background-size : auto , cover ! important ;
-moz-background-size : auto , cover ! important ;
-o-background-size : auto , cover ! important ;
line-height : 1 . 71428571 ;
background : url ( images / caliblur / / blur-noise . png ) , var ( --color-background ) ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400 ;
overflow : hidden ;
margin : 0
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div {
width : 360px
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span . input-group-btn {
opacity : 0 ;
pointer-events : none ;
z-index : 9999999999999999999999999999999999999999999999999999999999999999999999999999999999
}
body > div . navbar . navbar-default . navbar-static-top > div > form . search-focus > div > span . input-group-btn {
opacity : 1 ;
pointer-events : auto
}
. profileDrop {
width : 60px ;
height : 60px ;
padding : 0 ! important ;
background : 0 0 ! important
}
. profileDrop > span {
width : 30px ;
height : 30px ;
margin : 15px ;
top : 0
}
. profileDrop > span : before {
display : inline-block ;
overflow : hidden ;
border-radius : 50 % ;
background-image : url ( data : image / svg + xml ; base64 , PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjU2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI + CiAgICAgICAgPHBhdGggZD0iTTE0NC4yOTEgNDkyLjMyNUMxNjYuNjI0IDQ3Ni4yNjUgMTkzLjE5NCA0NjYuMTU2IDIyNCA0NjJjMTIuNDQ0IDkuMzMzIDMxLjExMSAxNCA1NiAxNHM0My41NTYtNC42NjcgNTYtMTRjMzAuODA2IDQuMTU2IDU3LjM3NiAxNC4yNjQgNzkuNzA5IDMwLjMyNUMzNzYuNTI3IDUxNy40MzUgMzI5Ljk1MSA1MzIgMjgwIDUzMmMtNDkuOTUxIDAtOTYuNTI3LTE0LjU2NS0xMzUuNzA5LTM5LjY3NXoiIGZpbGwtb3BhY2l0eT0iLjYiLz4KICAgICAgICA8cGF0aCBkPSJNMjI0IDQ2MmwxMi44OC00MC4yNTFDMTk2LjQyOSAzOTcuNDYyIDE2OCAzNDAuMDM1IDE2OCAyNzMuMDU5YzAtMzUuMTkzIDcuODQ5LTY3Ljc1IDIxLjE2OC05NC4yNDggMTYuMTczIDQuOTc3IDM1LjMxNSA3Ljg1NiA1NS44MzIgNy44NTYgNTEuMTA0IDAgOTMuNjgtMTcuODYgMTAzLjA3Mi00MS41MTZDMzc0Ljc3OSAxNzQuNTg4IDM5MiAyMjAuOTMxIDM5MiAyNzMuMDU5YzAgNjYuOTc2LTI4LjQyOSAxMjQuNDAzLTY4Ljg4IDE0OC42OUwzMzYgNDYyYy0xMi40NDQgOS4zMzMtMzEuMTExIDE0LTU2IDE0LTI0LjY5NCAwLTQzLjI2My00LjU5NC01NS43MDctMTMuNzgyTDIyNCA0NjJ6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0xODAuMDY0IDM0NS44NDlDMTU1LjI4MiAzMTguMDY3IDE0MCAyNzkuOTk3IDE0MCAyMzhjMC04NS4wNTIgNjIuNjgtMTU0IDE0MC0xNTRzMTQwIDY4Ljk0OCAxNDAgMTU0YzAgNDEuOTk3LTE1LjI4MiA4MC4wNjctNDAuMDY0IDEwNy44NDkgNy43MTYtMjEuODYyIDEyLjA2NC00Ni41OTYgMTIuMDY0LTcyLjc5IDAtNTIuMTI4LTE3LjIyMS05OC40NzEtNDMuOTI4LTEyNy45MDgtOS4zOTIgMjMuNjU2LTUxLjk2OCA0MS41MTYtMTAzLjA3MiA0MS41MTYtMjAuNTE3IDAtMzkuNjU5LTIuODc5LTU1LjgzMi03Ljg1NkMxNzUuODQ5IDIwNS4zMDkgMTY4IDIzNy44NjYgMTY4IDI3My4wNTljMCAyNi4xOTQgNC4zNDggNTAuOTI4IDEyLjA2NCA3Mi43OXoiIGZpbGwtb3BhY2l0eT0iLjQ1Ii8 + CiAgICAgICAgPHBhdGggZD0iTTI4MCA1MzJjMTM5LjE3NiAwIDI1Mi0xMTIuODI0IDI1Mi0yNTJTNDE5LjE3NiAyOCAyODAgMjggMjggMTQwLjgyNCAyOCAyODBzMTEyLjgyNCAyNTIgMjUyIDI1MnptMCAyOEMxMjUuMzYgNTYwIDAgNDM0LjY0IDAgMjgwUzEyNS4zNiAwIDI4MCAwczI4MCAxMjUuMzYgMjgwIDI4MC0xMjUuMzYgMjgwLTI4MCAyODB6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgPC9nPgo8L3N2Zz4K ) ;
background-size : contain ;
position : absolute ;
width : 30px ;
height : 30px
}
. profileDrop > span : after {
display : inline-block ;
width : 0 ;
height : 0 ;
margin : 15px 0 0 35px ;
vertical-align : middle ;
border-top : 5px dashed ;
border-right : 4px solid transparent ;
border-left : 4px solid transparent
}
. top_tasks {
float : left ! important
}
. navbar {
z-index : 9 ! important
}
. profileDropli > li > a > span . glyphicon {
display : none
}
. profileDropli > li > a > span . hidden-sm {
display : inline ! important
}
# nav_about : after {
width : 100 % ;
height : 1px ;
background-color : hsla ( 0 , 0 % , 78 % , . 15 ) ;
display : block ;
margin : 5px 0
}
# btn-upload {
min-width : 1px ;
min-height : 1px ;
width : 50px ;
height : 60px ;
left : 0 ;
line-height : 1 ;
font-size : 1px
}
# btn-upload : hover {
cursor : pointer ! important
}
# main-nav > li : nth-child ( 1 ) {
float : right ;
margin-left : 10px
}
. glyphicon {
top : 0
}
# form-upload {
position : relative ;
float : right ;
width : 50px ;
margin : 0 ;
padding : 0 ;
height : 60px
}
# form-upload . form-group . btn {
color : transparent ;
background : 0 0 ;
border : 0 ;
text-transform : uppercase ;
font-weight : 400 ;
margin : 0 ;
padding : 0 ;
height : 60px ;
width : 50px
}
# form-upload : hover . form-group . btn : after , # form-upload : hover . form-group . btn : before {
color : # fff
}
# form-upload . form-group . btn : before {
content : "\e043" ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-size : 16px ;
background : 0 0 ;
border-radius : 50 % ;
width : 20px ;
height : 20px ;
display : inline-block ;
margin : 0 ;
padding : 23px 19px ;
z-index : -9
}
# top_admin > span . hidden-sm , # top_tasks > span . hidden-sm {
display : none
}
# form-upload . form-group . btn : after {
content : "\EA13" ;
position : absolute ;
font-family : plex-icons-new ;
font-size : 8px ;
background : # 3c444a ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
border-radius : 50 % ;
padding : . 25px . 25px 0 0 ;
z-index : 9 ;
left : 15px ;
top : 32px ;
width : 10px ;
height : 10px ;
line-height : 10px ;
font-weight : 400 ;
text-align : center ;
pointer-events : none
}
# top_admin , # top_tasks {
height : 60px ;
width : 50px ;
padding : 20px 15px
}
# top_tasks > . glyphicon-tasks :: before {
content : "\EA2E" ;
text-transform : none ;
font-weight : 400 ;
font-style : normal ;
font-family : plex-icons-new ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
line-height : 1 ;
text-rendering : optimizeLegibility ;
speak : none ;
font-size : 20px
}
. btn , . navigation . create-shelf a , . navigation . nav-head , . well > form , body > div . container-fluid > div > div . col-sm-10 > div . discover > h1 : first-letter {
text-transform : uppercase
}
# top_tasks > . glyphicon-tasks {
background-color : hsla ( 0 , 0 % , 100 % , . 15 ) ;
border-radius : 50 %
}
. form-control {
background-image : none ;
display : block ;
width : 100 % ;
height : 40px ;
padding : 6px 12px ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 13px ! important ;
font-stretch : 100 % ;
font-style : normal ;
font-variant-caps : normal ;
font-variant-east-asian : normal ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
font-variant-numeric : normal ;
font-weight : 400 ;
letter-spacing : normal ;
line-height : 22 . 29px ! important ;
color : # eee ;
vertical-align : middle ;
background-color : hsla ( 0 , 0 % , 100 % , . 08 ) ;
border-radius : 4px ;
border : 0 ! important ;
-webkit-box-shadow : none ;
box-shadow : none ;
-webkit-transition : background-color . 2s ;
-o-transition : background-color . 2s ;
transition : background-color . 2s
}
. form-control : focus {
border-color : transparent ;
outline : 0 ;
-webkit-box-shadow : none ;
box-shadow : none ;
background : # eee ! important ;
color : # 555
}
. form-control . tt-hint {
background : hsla ( 0 , 0 % , 100 % , . 25 ) ! important
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span > button : before {
content : "\EA32" ;
font-family : plex-icons-new ;
color : # eee ;
background : # 555 ;
font-size : 10px ;
width : 25px ;
height : 19px ;
border-radius : 4px ;
padding : 2px 5px ;
position : absolute
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span > button {
background-color : transparent ;
color : transparent ;
border : none ;
height : 40px ;
border-radius : 0 4px 4px 0
}
body > div . navbar . navbar-default . navbar-static-top > div > form : before {
content : "\EA4F" ;
display : block ;
font-family : plex-icons ;
position : absolute ;
color : # eee ;
font-weight : 400 ;
font-size : 14px ;
top : 18px ;
left : 122px
}
# query {
width : 360px ! important ;
padding-right : 50px ;
padding-left : 46px
}
# query : focus {
background : # eee ! important ;
color : # 555 ! important
}
body > div . navbar . navbar-default . navbar-static-top > div > form . search-focus > div > span . input-group-btn : before {
content : "\EA4F" ;
display : block ;
font-family : plex-icons ;
position : absolute ;
left : -298px ;
top : 8px ;
width : 40px ;
height : 40px ;
color : # 555 ;
font-weight : 400 ;
font-size : 14px
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span . input-group-btn {
position : absolute ;
left : 320px ;
height : 40px ;
width : 40px ;
border-radius : 4px
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span > button : hover {
color : # fff
}
body > div . navbar . navbar-default . navbar-static-top > div > form {
margin-left : -140px ;
padding : 0 ;
margin-top : 10px ;
margin-bottom : 10px
}
body > div . navbar . navbar-default . navbar-static-top > div > form > . form-group > input :: -webkit-input-placeholder {
color : transparent
}
body > div . navbar . navbar-default . navbar-static-top > div > form > . form-group > input : -moz-placeholder {
color : transparent
}
body > div . navbar . navbar-default . navbar-static-top > div > form > . form-group > input :: -moz-placeholder {
color : transparent
}
body > div . navbar . navbar-default . navbar-static-top > div > form > . form-group > input : -ms-input-placeholder {
color : transparent
}
body > div . navbar . navbar-default . navbar-static-top > div > form > . form-group > input {
border-radius : 4px ;
height : 40px ;
width : 360px ;
padding : 4px
}
# main-nav {
margin-right : 15px
}
# main-nav > li {
float : right
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul , body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li {
height : 60px
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a {
height : 60px ;
padding : 20px 10px ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > # top_admin > . glyphicon-dashboard :: before {
content : "\EA31" ;
font-family : plex-icons-new ;
font-size : 20px
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > # top_admin > span : last-of-type {
vertical-align : top
}
. author > a : hover {
color : # fff ! important
}
. row {
margin : 0
}
body > div . container-fluid > div > div . col-sm-10 > div > form > h2 {
font-size : 15px ;
color : var ( --color-primary ) ;
border-top : 1px solid rgba ( 0 , 0 , 0 , . 3 ) ;
padding-top : 60px ;
margin-top : 50px ;
margin-bottom : 30px
}
. btn , . form-group > label {
font-size : 14px ;
font-weight : 400
}
. navigation . nav-head : nth-child ( 1n + 2 ) {
border-top : none ;
padding-top : 0 ;
width : 200px
}
. btn-default {
border-color : var ( --color-secondary ) ;
color : # fff ;
background-color : var ( --color-secondary ) ;
-webkit-transition : background-color . 1s ;
-o-transition : background-color . 1s ;
transition : background-color . 1s
}
. btn-default : hover {
border-color : var ( --color-secondary-hover ) ;
color : # fff ;
background-color : var ( --color-secondary-hover )
}
body > div . container-fluid > div > div . col-sm-10 > div > form > a {
background-color : hsla ( 0 , 0 % , 100 % , . 25 ) ;
color : # fff
}
body > div . container-fluid > div > div . col-sm-10 > div > form > a : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 3 ) ;
color : # fff
}
. btn {
display : inline-block ;
padding : 6px 16px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
border : 0 ;
margin-bottom : 0 ;
line-height : 1 . 71428571 ;
text-align : center ;
vertical-align : middle ;
cursor : pointer ;
border-radius : 3px ;
white-space : nowrap ;
-o-user-select : none ;
user-select : none
}
. navigation li , . navigation li : not ( ul > li ) {
border-radius : 0 4px 4px 0
}
. btn-primary {
color : # fff ;
background-color : hsla ( 0 , 0 % , 100 % , . 25 ) ;
border-color : hsla ( 0 , 0 % , 100 % , . 25 )
}
. btn-primary : hover {
border-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
. btn-default . active , . btn-default . focus , . btn-default : active , . btn-default : focus , . open > . dropdown-toggle . btn-default {
border-color : var ( --color-secondary-hover ) ;
color : # fff ;
background-color : var ( --color-secondary-hover )
}
. form-group > label {
color : # eee ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif
}
. login . form-group > label {
font-weight : 400 ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
font-family : Open Sans bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-size : 13px
}
. navbar > . container-fluid {
margin : 0 ;
padding : 0 ;
height : 60px
}
. navigation . nav-head {
margin : 0 ;
color : hsla ( 0 , 0 % , 100 % , . 3 ) ;
font-size : 12px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 45px ;
padding-left : 25px
}
. navigation li a {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
text-decoration : none ;
padding : 4px 25px ;
font-size : 13px ;
height : 30px ;
line-height : 1 . 71428571 ;
width : 100 % ;
white-space : nowrap ;
overflow : hidden
}
. navigation li {
min-height : 30px ;
max-width : 265px ;
overflow : visible
}
. navigation li : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 08 )
}
. navigation li . nav-head : hover {
background-color : transparent
}
. navigation li a : hover {
background : 0 0 ;
color : # fff
}
# nav_hot . glyphicon-fire :: before {
content : "\1F525" ;
font-family : glyphicons regular
}
. glyphicon-star : before {
content : "\EA10" ;
font-family : plex-icons-new
}
# nav_rand . glyphicon-random :: before {
content : "\EA44" ;
font-family : plex-icons-new
}
. glyphicon-list :: before {
content : "\EA4D" ;
font-family : plex-icons-new
}
# nav_about . glyphicon-info-sign :: before {
content : "\EA26" ;
font-family : plex-icons-new
}
# nav_cat . glyphicon-inbox :: before , . glyphicon-tags :: before {
content : "\E067" ;
font-family : Glyphicons Regular ;
margin-left : 2px
}
. navigation # nav_cat a span {
margin-right : 8px
}
. navigation . create-shelf a {
width : 25px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ! important ;
background-color : transparent ;
padding : 5px 7px 2px ;
font-size : 12px ;
line-height : 1 ;
border-radius : 3px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
border : 0 ;
-webkit-transition : background-color . 1s ;
-o-transition : background-color . 1s ;
transition : background-color . 1s ;
font-weight : 400 ;
white-space : nowrap ;
margin : auto ;
max-height : 22px ;
-o-text-overflow : initial ;
text-overflow : initial
}
. navigation . create-shelf a : hover {
color : # fff ! important ;
background : 0 0 ! important ;
border-radius : 0
}
# scnd-nav . dropdown-menu > li > a : hover {
color : # fff ;
background : 0 0
}
# scnd-nav . dropdown-menu {
left : 12px ! important ;
margin : 0
}
. navigation . create-shelf a : before {
content : "\EA13" ;
font-family : plex-icons-new ;
font-size : 100 % ;
padding-right : 10px ;
vertical-align : middle
}
. container-fluid . book . meta . author , . container-fluid . book . meta . author > a , . container-fluid . book . meta . title {
font-weight : 400 ;
font-size : 13px ;
-webkit-font-smoothing : antialiased ;
line-height : 20px ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif
}
. navigation . create-shelf {
width : 25px ;
margin : 10px -15px 0 0 ;
min-height : auto ;
float : right
}
. navigation . create-shelf : hover {
background : 0 0
}
. container-fluid . book . meta . title {
color : # fff
}
. container-fluid . book . meta . author , . container-fluid . book . meta . author > a {
color : hsla ( 0 , 0 % , 100 % , . 45 )
}
. container-fluid . book . cover img {
border : none ;
-webkit-box-shadow : 0 0 2px rgba ( 0 , 0 , 0 , . 35 ) ;
box-shadow : 0 0 2px rgba ( 0 , 0 , 0 , . 35 ) ;
position : relative ;
z-index : -9
}
# books > . cover > a , # books_rand > . cover > a , . book . isotope-item > . cover > a , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a {
display : inline-block ;
width : auto ;
height : 100 %
}
# books > . cover > a : before , # books_rand > . cover > a : before , . book . isotope-item > . cover > a : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a : before {
content : "\e352" ;
font-family : Glyphicons Regular ;
background : var ( --color-secondary ) ;
border-radius : 50 % ;
font-weight : 400 ;
font-size : 18px ;
line-height : 50px ;
width : 50px ;
height : 50px ;
padding-left : 16px ;
right : 0 ;
margin : auto ;
opacity : 0 ;
left : 0 ;
position : absolute ;
top : 0 ;
display : inline-block ;
color : # fff ;
bottom : 0
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a : before {
z-index : 9 ;
zoom : . 8 }
# books > . cover > a : hover : before , # books_rand > . cover > a : hover : before , . book . isotope-item > . cover > a : hover : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a : hover : before {
-o-transition : opacity . 2s ;
transition : opacity . 2s ;
-webkit-transition : opacity . 2s ;
opacity : 1
}
# books > . cover > a : hover , # books_rand > . cover > a : hover , . book . isotope-item > . cover > a : hover , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a : hover {
outline : var ( --color-secondary ) solid 2px ;
font-size : 50px ;
-o-transition : outline 0s ;
transition : outline 0s ;
-webkit-transition : outline 0s
}
# books > . cover > a : after , # books_rand > . cover > a : after , . book . isotope-item > . cover > a : after {
position : absolute ;
content : '' ;
width : 100 % ;
height : 100 % ;
top : 0 ;
left : 0 ;
opacity : 0 ;
background : -webkit-radial-gradient ( 50 % 50 % , farthest-corner , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % ) ;
background : -o-radial-gradient ( 50 % 50 % , farthest-corner , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % ) ;
background : radial-gradient ( farthest-corner at 50 % 50 % , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % ) ;
z-index : -9
}
body . me > div . container-fluid > div > div . col-sm-10 > div . discover {
left : 240px ;
margin : 120px 0 0 20 % ! important ;
padding : 30px 15px 15px ! important ;
width : calc ( 80 % - 30px ) ;
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 )
}
body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # submit {
float : right ;
margin-left : 0
}
body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 {
height : 200px ;
padding : 0 ;
margin : 15px
}
. container-fluid . discover , . navbar {
margin-bottom : 0
}
body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a {
width : 100 %
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a : after {
position : absolute ;
content : '' ;
width : 100 % ;
height : 100 % ;
top : 0 ;
left : 0 ;
opacity : 0 ;
background : -webkit-radial-gradient ( 50 % 50 % , farthest-corner , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % ) ;
background : -o-radial-gradient ( 50 % 50 % , farthest-corner , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % ) ;
background : radial-gradient ( farthest-corner at 50 % 50 % , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % )
}
# books > . cover > a : hover : after , # books_rand > . cover > a : hover : after , . book . isotope-item > . cover > a : hover : after , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a : hover : after {
opacity : 1 ;
-o-transition : opacity . 2s ;
transition : opacity . 2s ;
-webkit-transition : opacity . 2s
}
. container-fluid . book . cover {
width : auto ;
display : inline-block
}
. navbar {
border : none
}
. navbar-collapse . collapse {
height : 60px ! important ;
padding-bottom : 0 ;
overflow : visible ! important
}
. btn . active . focus , . btn . active : focus , . btn . focus , . btn : active . focus , . btn : active : focus , . btn : focus {
outline : 0 ;
outline-offset : 0
}
. badge {
display : inline-block ;
min-width : 10px ;
padding : 3px 7px ;
font-size : 12px ;
font-weight : 700 ;
line-height : 1 ;
color : # fff ;
text-align : center ;
white-space : nowrap ;
vertical-align : middle ;
background-color : rgba ( 0 , 0 , 0 , . 15 ) ;
border-radius : 3px
}
# bookDetailsModal , . pagination , body > . container-fluid {
min-width : 1px ;
min-height : 1px
}
app-loading-container {
background : # 3f4245
}
. app-loading > span {
display : none
}
. app-loading {
margin : auto ;
color : # fff ! important ;
text-align : center ;
font-size : 20px
}
. app-loading : before {
content : '' ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 2px solid transparent ;
border-radius : 50 % ;
border-top : 2px solid var ( --color-secondary ) ;
width : 24px ;
height : 24px ;
animation : spin . 5s linear infinite ;
display : block ;
margin : 20px auto
}
# main-nav + # scnd-nav :: -webkit-scrollbar , # main-nav + . col-sm-2 :: -webkit-scrollbar , . navbar-collapse . collapse :: -webkit-scrollbar , body > div . container-fluid > div . row-fluid > div . col-sm-2 :: -webkit-scrollbar , body > div . container-fluid > div > div . col-sm-10 :: -webkit-scrollbar {
width : 14px ;
max-height : calc ( 100 % - 60px )
}
# description :: -webkit-scrollbar , # meta-info :: -webkit-scrollbar , . book-meta :: -webkit-scrollbar {
width : 14px
}
# main-nav + # scnd-nav :: -webkit-scrollbar-track , # main-nav + . col-sm-2 :: -webkit-scrollbar-track , . navbar-collapse . collapse :: -webkit-scrollbar-track , body > div . container-fluid > div . row-fluid > div . col-sm-2 :: -webkit-scrollbar-track , body > div . container-fluid > div > div . col-sm-10 :: -webkit-scrollbar-track {
background-color : transparent ;
max-height : calc ( 100 % - 60px )
}
# meta-info :: -webkit-scrollbar-track {
background-color : # 202020
}
# description :: -webkit-scrollbar-track , . book-meta :: -webkit-scrollbar-track {
background-color : transparent
}
# main-nav + # scnd-nav :: -webkit-scrollbar-thumb , # main-nav + . col-sm-2 :: -webkit-scrollbar-thumb , . navbar-collapse . collapse :: -webkit-scrollbar-thumb , body > div . container-fluid > div . row-fluid > div . col-sm-2 :: -webkit-scrollbar-thumb , body > div . container-fluid > div > div . col-sm-10 :: -webkit-scrollbar-thumb {
min-height : 110px ;
border : 3px solid transparent ;
border-radius : 8px ;
background-color : hsla ( 0 , 0 % , 100 % , . 2 ) ;
background-clip : padding-box ;
max-height : calc ( 100 % - 60px )
}
# description :: -webkit-scrollbar-thumb , # meta-info :: -webkit-scrollbar-thumb , . book-meta :: -webkit-scrollbar-thumb {
min-height : 50px ;
border : 3px solid transparent ;
border-radius : 8px ;
background-color : hsla ( 0 , 0 % , 100 % , . 2 ) ;
background-clip : padding-box
}
# description :: -webkit-scrollbar-thumb : hover , # main-nav + # scnd-nav :: -webkit-scrollbar-thumb : hover , # main-nav + . col-sm-2 :: -webkit-scrollbar-thumb : hover , # meta-info :: -webkit-scrollbar-thumb : hover , . book-meta :: -webkit-scrollbar-thumb : hover , . navbar-collapse . collapse :: -webkit-scrollbar-thumb : hover , body > div . container-fluid > div . row-fluid > div . col-sm-2 :: -webkit-scrollbar-thumb : hover , body > div . container-fluid > div > div . col-sm-10 :: -webkit-scrollbar-thumb : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
:: -webkit-scrollbar-corner {
background : 0 0
}
. pace-progress {
display : none
}
. pace . pace-activity {
border : 2px solid transparent ;
border-radius : 50 % ;
border-top : 2px solid var ( --color-secondary ) ;
width : 24px ;
height : 24px ;
right : auto ;
left : 8px ;
top : 17px
}
body > . container-fluid {
margin : 0 ;
padding : 0 ;
width : calc ( 100 % ) ;
height : calc ( 100 % - 60px ) ;
position : fixed ;
top : 60px ;
left : 0
}
body > div . container-fluid > div . row-fluid > div . col-sm-2 {
position : absolute ;
width : 240px ;
height : calc ( 100 % - 60px ) ;
left : 0 ;
top : 60px ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
padding : 0 5px 20px 0 ;
overflow-y : auto
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 {
width : calc ( 100vw - 237px ) ;
height : calc ( 100 % - 60px ) ;
padding : 0 ;
position : absolute ;
min-height : 1px ;
min-width : 1px ;
top : 60px ;
right : 0 ;
overflow-y : auto ! important
}
body . me > div . container-fluid > div . row-fluid > div . col-sm-10 : before {
content : '' ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center ;
background-image : url ( data : image / svg + xml ; base64 , PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjU2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI + CiAgICAgICAgPHBhdGggZD0iTTE0NC4yOTEgNDkyLjMyNUMxNjYuNjI0IDQ3Ni4yNjUgMTkzLjE5NCA0NjYuMTU2IDIyNCA0NjJjMTIuNDQ0IDkuMzMzIDMxLjExMSAxNCA1NiAxNHM0My41NTYtNC42NjcgNTYtMTRjMzAuODA2IDQuMTU2IDU3LjM3NiAxNC4yNjQgNzkuNzA5IDMwLjMyNUMzNzYuNTI3IDUxNy40MzUgMzI5Ljk1MSA1MzIgMjgwIDUzMmMtNDkuOTUxIDAtOTYuNTI3LTE0LjU2NS0xMzUuNzA5LTM5LjY3NXoiIGZpbGwtb3BhY2l0eT0iLjYiLz4KICAgICAgICA8cGF0aCBkPSJNMjI0IDQ2MmwxMi44OC00MC4yNTFDMTk2LjQyOSAzOTcuNDYyIDE2OCAzNDAuMDM1IDE2OCAyNzMuMDU5YzAtMzUuMTkzIDcuODQ5LTY3Ljc1IDIxLjE2OC05NC4yNDggMTYuMTczIDQuOTc3IDM1LjMxNSA3Ljg1NiA1NS44MzIgNy44NTYgNTEuMTA0IDAgOTMuNjgtMTcuODYgMTAzLjA3Mi00MS41MTZDMzc0Ljc3OSAxNzQuNTg4IDM5MiAyMjAuOTMxIDM5MiAyNzMuMDU5YzAgNjYuOTc2LTI4LjQyOSAxMjQuNDAzLTY4Ljg4IDE0OC42OUwzMzYgNDYyYy0xMi40NDQgOS4zMzMtMzEuMTExIDE0LTU2IDE0LTI0LjY5NCAwLTQzLjI2My00LjU5NC01NS43MDctMTMuNzgyTDIyNCA0NjJ6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0xODAuMDY0IDM0NS44NDlDMTU1LjI4MiAzMTguMDY3IDE0MCAyNzkuOTk3IDE0MCAyMzhjMC04NS4wNTIgNjIuNjgtMTU0IDE0MC0xNTRzMTQwIDY4Ljk0OCAxNDAgMTU0YzAgNDEuOTk3LTE1LjI4MiA4MC4wNjctNDAuMDY0IDEwNy44NDkgNy43MTYtMjEuODYyIDEyLjA2NC00Ni41OTYgMTIuMDY0LTcyLjc5IDAtNTIuMTI4LTE3LjIyMS05OC40NzEtNDMuOTI4LTEyNy45MDgtOS4zOTIgMjMuNjU2LTUxLjk2OCA0MS41MTYtMTAzLjA3MiA0MS41MTYtMjAuNTE3IDAtMzkuNjU5LTIuODc5LTU1LjgzMi03Ljg1NkMxNzUuODQ5IDIwNS4zMDkgMTY4IDIzNy44NjYgMTY4IDI3My4wNTljMCAyNi4xOTQgNC4zNDggNTAuOTI4IDEyLjA2NCA3Mi43OXoiIGZpbGwtb3BhY2l0eT0iLjQ1Ii8 + CiAgICAgICAgPHBhdGggZD0iTTI4MCA1MzJjMTM5LjE3NiAwIDI1Mi0xMTIuODI0IDI1Mi0yNTJTNDE5LjE3NiAyOCAyODAgMjggMjggMTQwLjgyNCAyOCAyODBzMTEyLjgyNCAyNTIgMjUyIDI1MnptMCAyOEMxMjUuMzYgNTYwIDAgNDM0LjY0IDAgMjgwUzEyNS4zNiAwIDI4MCAwczI4MCAxMjUuMzYgMjgwIDI4MC0xMjUuMzYgMjgwLTI4MCAyODB6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgPC9nPgo8L3N2Zz4K ) ;
background-size : 6vw ;
background-position-x : center ;
height : 100 % ;
background-repeat : no-repeat
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > div . isotope {
display : -ms-grid ! important ;
display : grid ! important ;
overflow : hidden ! important ;
height : auto ! important ;
width : 100 % ;
margin : 0 ;
-webkit-box-pack : start ;
-ms-flex-pack : start ;
justify-content : start ;
grid-gap : 10px 0 ;
grid-template-columns : repeat ( auto-fit , minmax ( 175px , 1fr ) ) ! important
}
body > div . container-fluid > div > div . col-sm-10 > div . discover {
height : auto ;
width : calc ( 100vw - 257px ) ;
margin : 40px 0 ! important ;
padding : 0 10px 0 40px ! important
}
body > div . container-fluid > div > div . col-sm-10 > div . single {
height : auto ;
width : calc ( 100vw - 254px ) ;
margin : 0 ! important ;
padding : 60px 15px ! important
}
body > div . container-fluid > div > div . col-sm-10 > div . discover {
margin-top : 0
}
. container-fluid . book . meta > p {
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
overflow : hidden
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > h2 {
color : # eee ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 24px ;
overflow : hidden ;
min-width : 0 ;
width : 100 % ;
max-width : 100 % ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
white-space : nowrap ;
text-transform : uppercase ;
font-weight : 400 ;
padding-left : 15px ;
margin-bottom : 20px ;
top : 0 ;
left : 0 ;
height : auto
}
body > div . container-fluid > div > div . col-sm-10 > h3 : not ( : first-of-type ) {
color : # eee ;
width : calc ( 100 % - 30px ) ;
max-width : 800px ;
margin : 60px auto 10px ;
text-align : left
}
body > div . container-fluid > div > div . col-sm-10 > p {
margin : auto auto 60px ;
width : calc ( 100 % - 30px ) ;
max-width : 800px ;
text-align : right
}
body > div . container-fluid > div > div . col-sm-10 > p > a {
color : var ( --color-secondary )
}
body > div . container-fluid > div > div . col-sm-10 > p > a : hover {
color : # fff
}
. book . book-meta > h2 > h2 , body > div . container-fluid > div > div . col-sm-10 > div : nth-of-type ( 2 ) > h2 , body > div . container-fluid > div > div . col-sm-10 > h3 : first-of-type {
height : 60px ;
padding-left : 25px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
white-space : nowrap ;
font-weight : 400 ;
position : fixed ;
top : 60px ;
left : 240px ;
margin : 0 ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased ;
-webkit-tap-highlight-color : transparent ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0
}
body > div . container-fluid > div > div . col-sm-10 > h3 : first-of-type {
content : "About" ;
width : calc ( 100vw - 240px ) ;
text-align : left
}
. book . book-meta > h2 > h2 {
width : calc ( 100vw - 540px )
}
. random-books {
display : none
}
body > div . container-fluid > div > div . col-sm-10 > div : nth-of-type ( 2 ) > h2 {
content : "Books" ;
width : calc ( 100vw - 240px )
}
. well > h2 , body : not ( . admin ) > div . container-fluid > div > div . col-sm-10 > div . discover : only-of-type > h2 {
width : calc ( 100vw - 240px ) ! important ;
height : 60px ! important ;
margin : 0 ;
padding-left : 25px ! important ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ! important ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ! important ;
font-size : 15px ! important ;
line-height : 60px ! important ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
white-space : nowrap ! important ;
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased ;
-webkit-tap-highlight-color : transparent ;
font-weight : 400 ! important ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
position : fixed ! important ;
top : 60px ! important ;
left : 240px ! important ;
-o-text-overflow : ellipsis ! important ;
text-overflow : ellipsis ! important ;
max-width : calc ( 100vw - 550px ) ! important ;
overflow : hidden ! important
}
@ media only screen and ( min-width : 768px ) {
body > div . container-fluid > div . row-fluid > div . col-sm-2 : after {
width : 100 % ;
height : 60px ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
display : block ;
content : '' ;
position : fixed ;
top : 60px ;
left : 240px
}
}
body : not ( . admin ) > div . container-fluid > div > div . col-sm-10 > div . discover > h1 , body : not ( . admin ) > div . container-fluid > div > div . col-sm-10 > div . discover > h2 , body > div . container-fluid > div > div . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 , body > div . container-fluid > div > div . col-sm-10 > h1 {
width : calc ( 100vw - 240px ) ;
height : 60px ;
margin : 0 ;
padding-left : 25px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
white-space : nowrap ;
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased ;
-webkit-tap-highlight-color : transparent ;
font-weight : 400 ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
position : fixed ;
top : 60px ;
left : 240px
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > form > . btn . btn-default {
float : right ;
margin : 0 0 0 10px
}
. pagination {
display : block ! important ;
position : fixed ;
top : 60px ;
right : 0 ;
overflow : visible ;
height : 60px ;
margin : 0 ;
line-height : 60px ;
font-size : 15px ;
z-index : 99999
}
. pagination > a {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. pagination > a : hover {
color : # fff ;
text-decoration : none
}
. pagination > . ellipsis {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. navbar-default . navbar-nav > li > a : focus , . navbar-default . navbar-nav > li > a : hover {
color : # fff ! important
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a , body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous + a , body > div . container-fluid > div > div . col-sm-10 > div . pagination > a [ href * = page ] {
display : none
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . next , body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous {
color : transparent ;
margin-left : 0 ;
width : 65px ;
padding : 0 ;
font-size : 15px ;
position : absolute ;
display : block ! important ;
top : 0 ;
font-family : plex-icons-new ;
font-weight : 100 ;
line-height : 60px ;
height : 60px ;
font-style : normal ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . next {
right : 0
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous {
right : 65px
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . next : before {
content : "\EA32" ;
visibility : visible ;
color : hsla ( 0 , 0 % , 100 % , . 35 ) ;
height : 60px ;
line-height : 60px ;
border-left : 2px solid transparent ;
font-size : 20px ;
padding : 20px 0 20px 20px ;
margin-right : -27px
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous : before {
content : "\EA33" ;
visibility : visible ;
color : hsla ( 0 , 0 % , 100 % , . 65 ) ;
height : 60px ;
line-height : 60px ;
font-size : 20px ;
padding : 20px 25px
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . next : hover : before , body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous : hover : before {
color : # fff
}
. pagination > strong {
display : none
}
. pagination : after {
content : "\EA32" ;
position : relative ;
top : 0 ;
right : 0 ;
display : inline-block ;
color : hsla ( 0 , 0 % , 100 % , . 55 ) ;
font-size : 20px ;
padding : 0 23px ;
font-family : plex-icons-new ;
font-style : normal ;
font-weight : 100 ;
margin-left : 20px ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
line-height : 60px ;
height : 60px ;
z-index : -1
}
. pagination > . ellipsis , . pagination > a : nth-last-of-type ( 2 ) {
display : none
}
body . authorlist > div . container-fluid > div > div . col-sm-10 > div . container > div . col-xs-12 , body . catlist > div . container-fluid > div > div . col-sm-10 > div . container > div . col-xs-12 , body . langlist > div . container-fluid > div > div . col-sm-10 > div . container > div . col-sm-6 , body . serieslist > div . container-fluid > div > div . col-sm-10 > div . container > div . col-sm-6 {
width : 100 %
}
body . serieslist > div . container-fluid > div > div . col-sm-10 : before {
content : "\e044" ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center
}
body > div . container-fluid > div > div . col-sm-10 > div . container {
width : calc ( 80 % - 30px ) ;
margin : 120px 0 30px 20 % ;
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
border-bottom : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
padding : 0 ;
max-width : calc ( 80 % - 30px )
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div {
padding : 0
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div > . row {
padding : 4px 0
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div > . row : nth-of-type ( even ) {
background : hsla ( 0 , 0 % , 100 % , . 02 )
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div > . row > . col-xs-6 {
width : calc ( 91 . 666 % - 30px ) ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
padding-left : 60px
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div > . row > . col-xs-6 > a {
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
white-space : nowrap ;
-webkit-transition : all 0s ;
-o-transition : all 0s ;
transition : all 0s
}
body . catlist > div . container-fluid > div . row-fluid > div . col-sm-10 : before {
content : "\E067" ;
font-family : Glyphicons Regular ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center
}
body . authorlist > div . container-fluid > div . row-fluid > div . col-sm-10 : before , body . langlist > div . container-fluid > div > div . col-sm-10 : before {
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center ;
position : fixed
}
body . authorlist > div . container-fluid > div . row-fluid > div . col-sm-10 : before {
content : "\e008"
}
body . langlist > div . container-fluid > div > div . col-sm-10 : before {
content : "\e034"
}
body . advsearch > div . container-fluid > div > div . col-sm-10 : before , body . authorlist > div . container-fluid > div > div . col-sm-10 > div . container : before , body . catlist > div . container-fluid > div > div . col-sm-10 > div . container : before , body . langlist > div . container-fluid > div > div . col-sm-10 > div . container : before , body . me > div . container-fluid > div > div . col-sm-10 > div . discover : before , body . serieslist > div . container-fluid > div > div . col-sm-10 > div . container : before {
top : 60px ;
font-size : 24px ;
color : # eee ;
line-height : 1 ;
padding-left : 15px ;
position : absolute ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400
}
body . authorlist > div . container-fluid > div > div . col-sm-10 > div . container : before {
content : "Authors"
}
body . catlist > div . container-fluid > div > div . col-sm-10 > div . container : before {
content : "Categories"
}
body . serieslist > div . container-fluid > div > div . col-sm-10 > div . container : before {
content : "Series"
}
body . langlist > div . container-fluid > div > div . col-sm-10 > div . container : before {
content : "Languages"
}
body . advsearch > div . container-fluid > div > div . col-sm-10 : before {
content : "Advanced Search" ;
margin-left : 20 % ;
left : 0
}
body . me > div . container-fluid > div > div . col-sm-10 > div . discover : before {
content : "My Profile"
}
. well {
max-height : 520px ;
height : auto ;
background-color : transparent ;
border : none ;
border-radius : 0 ;
-webkit-box-shadow : none ;
box-shadow : none ;
min-width : 600px ;
max-width : 700px ;
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
margin : 0 auto ;
padding : 60px
}
. well > form {
background : rgba ( 0 , 0 , 0 , . 4 ) ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
padding : 60px ;
margin-top : 60px
}
. checkbox {
text-transform : none
}
. well > form > . btn {
display : inline-block ;
overflow : hidden ;
border-radius : 4px ;
color : # fff ;
vertical-align : middle ;
text-align : center ;
text-transform : uppercase ;
white-space : nowrap ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-transition : background-color . 2s , color . 2s ;
-o-transition : background-color . 2s , color . 2s ;
transition : background-color . 2s , color . 2s ;
padding : 6px 30px 5px ;
font-size : 15px ;
font-weight : 400 ;
background-color : var ( --color-secondary ) ;
border : none ;
width : 100 % ;
text-rendering : auto ;
letter-spacing : normal ;
word-spacing : normal ;
text-indent : 0 ;
text-shadow : none ;
margin-top : 20px
}
. well > form > . btn : hover {
background-color : var ( --color-secondary-hover )
}
body > div . row-fluid {
margin-top : 0 ! important
}
. alert {
position : fixed ;
top : auto ;
bottom : 20px ;
left : 50 % ;
width : 50 % ;
margin : 0 ;
-webkit-transform : translate ( -50 % ) ;
-ms-transform : translate ( -50 % ) ;
transform : translate ( -50 % ) ;
opacity : 1 ! important ;
right : 0 ;
border-radius : 10px ;
background-color : # 000 ;
color : # eee ;
border : 0 ;
-webkit-box-shadow : 0 4px 12px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 4px 12px rgba ( 0 , 0 , 0 , . 5 ) ;
-webkit-transition : all . 5s ;
-o-transition : all . 5s ;
transition : all . 5s ;
height : 34px ;
line-height : 1 . 71428571 ! important ;
overflow : hidden ;
white-space : nowrap ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
font-size : 14px ;
padding : 5px 0 ;
z-index : 99999 ;
-webkit-animation : cssAnimation 0s ease-in 10s forwards ;
animation : cssAnimation 0s ease-in 10s forwards ;
-webkit-animation-fill-mode : forwards ;
animation-fill-mode : forwards
}
. alert-danger {
background-color : rgba ( 255 , 85 , 51 , . 3 ) ;
color : # fff
}
. table > thead > tr > th {
border-bottom : 0
}
. table > tbody > tr > td , . table > tbody > tr > th , . table > tfoot > tr > td , . table > tfoot > tr > th , . table > thead > tr > td , . table > thead > tr > th {
border-top : 1px solid rgba ( 0 , 0 , 0 , . 3 ) ;
background : rgba ( 0 , 0 , 0 , . 15 )
}
# libs , # stats {
margin : auto ;
width : calc ( 100 % - 30px ) ;
max-width : 800px ;
color : hsla ( 0 , 0 % , 100 % , . 75 ) ;
border-bottom : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
border-top : 2px solid rgba ( 0 , 0 , 0 , . 2 )
}
# libs {
margin-bottom : 15px
}
# libs > tbody > tr > th , # libs > thead > tr > th : first-child , # stats > tbody > tr > th {
color : hsla ( 0 , 0 % , 100 % , . 45 )
}
# books . cover img , # books_rand . cover img , . book . cover img {
width : auto
}
. container-fluid img {
display : block ;
width : 100 % ;
height : auto ;
max-width : 195px ;
margin : auto
}
# bookDetailsModal . modal-footer , # bookDetailsModal . modal-header > . close , . modal-backdrop . in {
display : none
}
. container-fluid . single . cover img {
border : 0 ;
border-radius : 0 ;
-webkit-box-shadow : 0 0 2px rgba ( 0 , 0 , 0 , . 35 ) ;
box-shadow : 0 0 2px rgba ( 0 , 0 , 0 , . 35 ) ;
background-color : rgba ( 0 , 0 , 0 , . 45 )
}
body > div . container-fluid > div > div . col-sm-10 > div . col-sm-3 . col-lg-3 . col-xs-12 , body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-3 . col-lg-3 {
max-width : calc ( 25 % - 75px ) ;
position : fixed
}
body > div . container-fluid > div > div . col-sm-10 > div . col-sm-3 . col-lg-3 . col-xs-12 {
padding-top : 40px ;
padding-bottom : 40px
}
body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-9 . col-lg-9 . book-meta {
margin-left : calc ( 25 % ) ;
width : calc ( 75 % )
}
. advanced_search # search > . row > . form-group . col-sm-6 : first-of-type {
padding-left : 0
}
. advanced_search # search > . row > . form-group . col-sm-6 : last-of-type {
padding-right : 0
}
. advanced_search . btn {
text-transform : none ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400
}
label {
font-weight : 400
}
body > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 {
margin-left : calc ( 20 % ) ;
width : calc ( 80 % - 30px ) ;
padding : 60px 0
}
body > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 > form > div > span > input . form-control . typeahead . tt-hint {
background : hsla ( 0 , 0 % , 100 % , . 08 ) ! important
}
body > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 > form > div > span > input . form-control : focus {
background : # fff ! important
}
. navigation li a . glyphicon-star {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. glyphicon-star , . navigation li a : hover . glyphicon-star {
color : # fff
}
. rating-input . glyphicon : hover {
cursor : pointer
}
. rating-input : hover {
cursor : default
}
. rating-input {
padding-left : 0
}
body > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 > form > . btn . btn-default {
float : right ;
margin : 0 0 0 10px ;
text-transform : uppercase ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif
}
# get_meta {
float : left ;
margin : 0
}
textarea {
resize : none ;
resize : vertical
}
# metaModal {
top : 0 ;
overflow : hidden ;
padding-top : 60px ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background : rgba ( 0 , 0 , 0 , . 5 )
}
# metaModal > . modal-dialog > . modal-content {
z-index : 9999999999999999999999 ;
max-height : calc ( 100 % - 90px ) ;
-webkit-box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
border-radius : 3px
}
# metaModal > . modal-dialog > . modal-content > . modal-header {
padding : 0 ;
background : # 282828 ;
border-radius : 3px 3px 0 0
}
# metaModal > . modal-dialog > . modal-content > . modal-header > h4 {
border-bottom : 0 ;
background : # 323232 ;
height : 65px ;
padding : 15px 0 0 15px ;
font-size : 20px ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
white-space : nowrap ;
line-height : 1 . 71428571 ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400 ;
color : # eee ;
border-radius : 3px 3px 0 0 ;
margin-bottom : 0
}
# metaModal > . modal-dialog > . modal-content > . modal-header > h4 : before {
content : "\E025" ;
font : normal normal normal 16px / 1 Glyphicons Halflings ;
color : # 999 ;
padding-right : 10px
}
# metaModal > . modal-dialog > . modal-content > . modal-header > # meta-search > . input-group > span > button , . dropdown-menu > li > a {
font-variant-numeric : normal ;
font-stretch : 100 % ;
font-variant-caps : normal ;
font-variant-east-asian : normal ;
font-style : normal
}
# metaModal > . modal-dialog > . modal-content > . modal-header > . close {
color : # eee ;
opacity : . 2 ;
font-size : 20px ;
text-shadow : none ;
margin : 20px
}
# metaModal > . modal-dialog > . modal-content > . modal-header > . close : hover {
opacity : . 5
}
# metaModal > . modal-dialog > . modal-content > . modal-header > # meta-search {
margin : 25px 0 0
}
# metaModal > . modal-dialog > . modal-content > . modal-header > # meta-search > . input-group > input {
width : calc ( 100 % - 51px ) ;
border-radius : 0 ;
background-color : hsla ( 0 , 0 % , 100 % , . 15 )
}
# metaModal > . modal-dialog > . modal-content > . modal-header > # meta-search > . input-group {
max-width : 100 % ;
width : 100 %
}
# metaModal > . modal-dialog > . modal-content > . modal-header > # meta-search > . input-group > span > button {
height : 40px ;
width : 50px ;
padding : 0 ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 13px ! important ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
font-weight : 400 ;
letter-spacing : normal ;
line-height : 22 . 29px ! important ;
color : # eee ;
vertical-align : middle ;
background-color : hsla ( 0 , 0 % , 100 % , . 15 ) ;
border-radius : 0 ;
margin : 0 0 0 -1px
}
. dropdown-menu > li > a , . plexBack {
-webkit-font-variant-ligatures : normal
}
# metaModal > . modal-dialog > . modal-content > . modal-header > # meta-search > . input-group > span {
float : right ;
text-align : right ;
width : 50px ;
margin : 0
}
# metaModal > . modal-dialog > . modal-content > . modal-header > div {
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-size : 12px ;
line-height : 1 . 71428571 ;
color : var ( --color-primary ) ;
font-weight : 100 ;
text-align : right ;
position : absolute ;
right : 0 ;
padding : 12 . 5px
}
# metaModal > . modal-dialog > . modal-content > . modal-body {
padding : 0
}
# metaModal > . modal-dialog > . modal-content > . modal-body > . text-center {
text-align : left ;
margin-bottom : 0 ;
padding-top : 10px
}
# metaModal > . modal-dialog > . modal-content > . modal-body > # book-list {
margin-bottom : 0
}
input . pill : checked + label {
background-color : transparent ;
border-color : transparent ;
color : var ( --color-secondary )
}
input . pill + label {
border : 0 ;
border-radius : 0 ;
color : hsla ( 0 , 0 % , 100 % , . 25 ) ;
cursor : pointer ;
display : inline-block ;
padding : 3px 15px ;
user-select : none ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale
}
input . pill + label : hover {
color : var ( --color-secondary-hover )
}
# meta-info {
max-height : calc ( 100vh - 357px ) ;
overflow-y : scroll ;
background : # 282828 ! important ;
padding : 0 ;
margin : 0
}
# meta-info # book-list . media > . media-body {
font-family : "Open Sans Regular" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 14px ;
line-height : 24px ;
color : # 999 ;
font-weight : 100 ;
padding-left : 15px
}
# meta-info # book-list . media > img {
padding : 0
}
# meta-info # book-list . media > . media-body > h4 > a {
color : # eee
}
# meta-info # book-list . media > . media-body > h4 > a : hover {
color : # fff
}
# meta-info # book-list {
width : 100 % ;
margin : 0
}
# meta-info # book-list . media : nth-of-type ( odd ) {
background : hsla ( 0 , 0 % , 100 % , . 02 )
}
# meta-info # book-list . media {
margin-top : 0 ;
padding : 20px 15px 5px
}
# meta-info # book-list . media > . media-body > p > a {
color : var ( --color-secondary ) ;
padding-left : 10px
}
# meta-info # book-list . media > . media-body > p > a : hover {
color : # fff
}
. modal-content {
position : relative ;
background-color : # 323232 ;
-webkit-background-clip : padding-box ;
background-clip : padding-box ;
border : 0 ;
border-radius : 0 0 3px 3px ;
outline : 0 ;
-webkit-box-shadow : 0 3px 9px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 3px 9px rgba ( 0 , 0 , 0 , . 5 )
}
. modal-footer {
padding : 15px ;
text-align : right ;
border-top : 0
}
. modal-header {
padding : 15px ;
border-bottom : 0
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > # test : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 > div : nth-child ( 10 ) > label : before {
height : 60px ;
padding-left : 25px ;
background : 0 0 ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
top : 60px ;
left : 240px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
-webkit-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased ;
-webkit-tap-highlight-color : transparent ;
position : fixed ;
font-weight : 400 ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
white-space : nowrap
}
# meta-info # book-list . media > img : hover {
cursor : pointer ;
outline : var ( --color-secondary ) solid 2px ;
-webkit-filter : brightness ( 90 % ) ;
filter : brightness ( 90 % )
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 > div : nth-child ( 10 ) > label : before {
content : "Edit Metadata" ;
width : calc ( 100vw - 350px ) ;
margin : 0 ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
pointer-events : none
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-xs-12 {
margin : 50px 0
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > # test : before {
content : "Advanced Search" ;
width : calc ( 100vw - 240px ) ;
margin : 0 ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > # test {
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
margin-top : -50px ;
padding-top : 50px
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn {
margin : 2px 3px 0 0 ;
padding : 0 10px ;
background : hsla ( 0 , 0 % , 100 % , . 25 ) ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn : hover {
background : hsla ( 0 , 0 % , 100 % , . 3 )
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn-danger : hover {
background : # ce3d2a
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn-danger . active {
background : # ac3323
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn-danger . active : hover {
background : # ce3d2a
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn-primary : hover {
background : var ( --color-secondary-hover )
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn-primary . active {
background : var ( --color-secondary )
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg > label . btn-primary . active : hover {
background : var ( --color-secondary-hover )
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > . form-group > . btn-toolbar-lg , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > label {
margin-left : 0
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > label : first-of-type {
padding-top : 40px
}
body . advanced_search > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 : before {
content : "\EA4F" ;
font-family : plex-icons ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center
}
a : focus {
outline : 0 ;
outline-offset : 0
}
# bookDetailsModal {
width : calc ( 100vw - 240px ) ;
height : calc ( 100 % - 60px ) ;
padding : 0 ;
position : fixed ;
top : 60px ;
left : 240px ;
background-image : url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-light . png ) ;
background-repeat : repeat , no-repeat ;
background-attachment : fixed , fixed ;
background-position : center center , center center ;
background-size : auto , cover ! important ;
-webkit-background-size : auto , cover ;
-moz-background-size : auto , cover ;
-o-background-size : auto , cover
}
# bookDetailsModal > . modal-dialog . modal-lg {
padding : 0 ;
margin : 0 ;
width : 100 % ;
height : 100 %
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content {
background-color : transparent ;
border-radius : 0 ;
-webkit-box-shadow : none ;
box-shadow : none
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-header {
width : 100 % ;
height : 60px ;
margin : 0 ;
padding : 0 0 0 25px ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
white-space : nowrap ;
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased ;
-webkit-tap-highlight-color : transparent ;
font-weight : 400 ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
position : fixed ;
top : 0 ;
left : 0
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-header > h4 {
width : 100 % ;
max-width : calc ( 100 % - 340px ) ;
height : 60px ;
line-height : 60px
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-body {
width : calc ( 100vw - 240px ) ;
height : calc ( 100 % - 120px ) ;
position : fixed ;
min-height : 1px ;
min-width : 1px ;
top : 60px ;
left : 0 ;
padding : 0
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-body > . container-fluid {
padding : 0
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-body > div > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 {
padding : 30px 15px 15px 30px ;
height : 300px
}
body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 {
padding : 15px ;
height : 300px ;
pointer-events : none
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-body > div > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 > div . cover , body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 > div . cover {
margin : 0 ;
width : 100 % ;
height : 100 %
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-body > div > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 > div . cover > img , body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 > div . cover > img {
margin : 0 auto ;
max-height : 300px ;
max-width : 200px ;
height : auto ;
width : 100 %
}
. book-meta > . bookinfo > . comments , . book-meta > . description {
margin-top : 60px ;
font-size : 15px ;
color : # eee
}
. book-meta . bookinfo p {
margin : 0
}
. book-meta > . bookinfo > . publishers {
margin-top : 24px
}
. book-meta > . bookinfo > . publishing-date > span : first-of-type , . book-meta > . bookinfo > . publishers > span : first-of-type {
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
text-transform : uppercase ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif
}
. book-meta > . bookinfo > . publishing-date > span : last-of-type , . book-meta > . bookinfo > . publishers > span : last-of-type {
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # fff ;
font-size : 15px ;
-webkit-font-smoothing : antialiased
}
. book-meta > . bookinfo > . publishers > span : last-of-type {
padding-left : 90px
}
. book-meta > . bookinfo > . publishing-date > span : last-of-type {
padding-left : 41px
}
. book-meta > . bookinfo > . languages > span : first-of-type {
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
text-transform : uppercase ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif
}
. book-meta > . bookinfo > . languages > span : last-of-type {
font-size : 15px ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-font-smoothing : antialiased ;
color : # fff ;
padding-left : 85px
}
. book-meta > . bookinfo > . tags . btn-info , . book-meta > h2 , body . book . author {
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif
}
# bookDetailsModal . book-meta > h2 {
margin-top : 15px
}
. book-meta > h2 {
font-size : 24px ;
color : # eee ;
font-weight : 400 ;
line-height : 1 ;
margin : 0 ;
max-width : calc ( 100 % - 100px ) ;
padding : 15px 0
}
. book-meta > . author > a : first-of-type : before {
content : "Author — " ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
position : absolute ;
left : 15px ;
pointer-events : none
}
. book-meta > . bookinfo > . rating {
float : right ;
position : relative ;
z-index : -1 ;
margin-top : -50px
}
. book-meta > . bookinfo > p + . rating {
margin-top : -25px
}
. book-meta > . bookinfo > . rating . glyphicon-star {
color : hsla ( 0 , 0 % , 100 % , . 25 )
}
body . book . author {
font-size : 15px ;
line-height : 30px ;
margin-top : -5px ;
max-width : calc ( 100 % - 176px ) ;
margin-left : 76px
}
. book-meta > p {
color : hsla ( 0 , 0 % , 100 % , . 45 )
}
. book-meta > . bookinfo > p : first-of-type {
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
font-size : 15px ;
margin-top : -10px ;
max-width : calc ( 100 % - 100px )
}
. bookinfo . rating . glyphicon-star . good {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. book-meta > . languages > p > . label-default {
background : 0 0 ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
padding : 0 ;
font-size : 14px
}
. book-meta > . bookinfo > . languages > span : first-letter {
text-transform : uppercase
}
. book-meta > . bookinfo > . hr {
margin : 24px -15px ;
height : 2px ;
background-color : rgba ( 0 , 0 , 0 , . 3 )
}
. book-meta > . bookinfo > . tags . btn-info {
background-color : rgba ( 0 , 0 , 0 , . 15 ) ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
padding : 0 10px ;
font-size : 13px ;
display : inline-block ;
overflow : hidden ;
border-radius : 4px ;
vertical-align : middle ;
text-align : center ;
white-space : nowrap ;
-webkit-transition : background-color . 2s , color . 2s ;
-o-transition : background-color . 2s , color . 2s ;
transition : background-color . 2s , color . 2s ;
margin : 2px 3px 0 0 ;
text-transform : none
}
. dropdown-menu , . tooltip . in {
-webkit-transition : opacity . 15s ease-out , -webkit-transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 )
}
. book-meta > . bookinfo > . tags . btn-info : hover {
color : # fff ;
text-decoration : underline
}
. book-meta > . bookinfo > . identifiers , . book-meta > . bookinfo > . tags {
padding-left : 40px ;
margin : 10px 0
}
. book-meta > . bookinfo > . tags a {
max-width : 100 % ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis
}
. book-meta > . bookinfo > . identifiers . glyphicon-link , . book-meta > . bookinfo > . tags . glyphicon-tags {
margin-left : -40px ;
margin-right : 17px ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
width : 20px ;
vertical-align : text-bottom
}
. book-meta > h3 : first-of-type {
font-size : 14px ;
font-weight : 400 ;
text-transform : uppercase ;
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
padding-top : 20px ;
margin-top : 20px
}
. book-meta > div {
color : hsla ( 0 , 0 % , 100 % , . 65 )
}
. more-stuff {
margin-top : 0 ;
padding-top : 0 ;
border-top : 0
}
. book-meta > . more-stuff > br {
display : none
}
. btn-group . btn + . btn , . btn-group . btn + . btn-group , . btn-group . btn-group + . btn , . btn-group . btn-group + . btn-group {
margin-left : 0
}
div . btn-group [ role = group ] [ aria-label = "Download, send to Kindle, reading" ] {
white-space : nowrap ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex
}
div . btn-group [ role = group ] [ aria-label = "Download, send to Kindle, reading" ] > div . btn-group [ role = group ] > p {
display : none
}
# shelf-actions {
float : left
}
# add-to-shelf , # btnGroupDrop1 , # read-in-browser , # sendbtn , . book-meta . btn-toolbar > . btn-group > . btn-group : nth-child ( 1 ) > a : first-of-type , . book-meta . btn-toolbar > . btn-group > . btn-warning , . btn-toolbar > . btn-group > # btnGroupDrop2 , . btn-toolbar > . btn-group > . btn-group > # btnGroupDrop2 {
background : 0 0 ;
color : transparent ;
width : 50px ;
height : 60px ;
margin : 0 ;
overflow : hidden ;
padding : 0
}
# add-to-shelf > span , # btnGroupDrop1 > span , # read-in-browser > span , # sendbtn > span , . book-meta . btn-toolbar > . btn-group > . btn-group : nth-child ( 1 ) > a : first-of-type > span , . book-meta . btn-toolbar > . btn-group > . btn-warning > span , . btn-toolbar > . btn-group > # btnGroupDrop2 > span , . btn-toolbar > . btn-group > . btn-group > # btnGroupDrop2 > span {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
# add-to-shelf : hover span , # btnGroupDrop1 : hover > span , # read-in-browser : hover > span , # sendbtn : hover > span , . book-meta . btn-toolbar > . btn-group > . btn-group : nth-child ( 1 ) > a : first-of-type : hover > span , . book-meta . btn-toolbar > . btn-group > . btn-warning : hover > span , . btn-toolbar > . btn-group > # btnGroupDrop2 : hover > span , . btn-toolbar > . btn-group > . btn-group > # btnGroupDrop2 : hover > span {
color : # fff
}
# read-in-browser > span . caret , . btn-toolbar > . btn-group > # btnGroupDrop2 > span . caret , . btn-toolbar > . btn-group > . btn-group > # btnGroupDrop2 > span . caret {
margin-left : -135px ;
padding-bottom : 5px
}
# btnGroupDrop1 > span . caret {
margin-left : -89px ;
padding-bottom : 5px
}
# add-to-shelf > span . caret {
margin-left : -100px ;
padding-bottom : 5px
}
# add-to-shelf > span . glyphicon . glyphicon-list : before {
content : "\EA59" ;
font-family : plex-icons ;
font-size : 18px
}
# sendbtn > span , . book-meta . btn-toolbar > . btn-group > . btn-group : nth-child ( 1 ) > a : first-of-type > span , . book-meta . btn-toolbar > . btn-group > . btn-warning > span . glyphicon-edit {
font-size : 16px ;
line-height : 54px ;
width : 100 %
}
# read-in-browser > span . glyphicon-eye-open : before , . btn-toolbar > . btn-group > . btn-group > # btnGroupDrop2 > span . glyphicon-eye-open : before {
content : "\e352" ;
font-family : Glyphicons Regular ;
font-size : 18px ;
padding-right : 5px
}
# read-in-browser > span . glyphicon-list : before , . btn-toolbar > . btn-group > # btnGroupDrop2 > span . glyphicon-list : before {
font-size : 18px
}
# btnGroupDrop1 > span . glyphicon-download : before {
font-size : 20px ;
content : "\ea66" ;
font-family : plex-icons
}
. col-sm-10 . book-meta > div . btn-toolbar {
position : fixed ;
top : 60px ;
right : 0 ;
margin : 0 ;
width : calc ( 100vw - 240px ) ;
height : 60px ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-pack : justify ;
-ms-flex-pack : justify ;
justify-content : space-between
}
# bookDetailsModal > div > div > div . modal-body > div > div > div > div . col-sm-9 . col-lg-9 . book-meta > div . btn-toolbar > div > div . btn-group . open > div . dropdown-backdrop , . dropdown-backdrop {
display : none
}
. book-meta . btn-toolbar > h2 {
height : 60px ;
margin : 0 ;
padding-left : 25px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
white-space : nowrap ;
font-weight : 400 ;
-webkit-box-ordinal-group : 0 ;
-ms-flex-order : -1 ;
order : -1 ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
padding-right : 25px
}
. book-meta . btn-toolbar > . btn-group {
margin : 0 ;
-webkit-box-ordinal-group : 2 ;
-ms-flex-order : 1 ;
order : 1
}
. book-meta > div . btn-toolbar ul . dropdown-menu . offscreen {
position : fixed ;
top : 120px ;
right : 14px ;
left : auto ! important
}
. btn-primary . active , . btn-primary : active , . btn-primary : focus , . btn-primary : hover , . open . dropdown-toggle . btn-primary {
background-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
. btn-primary . active . focus , . btn-primary . active : focus , . btn-primary . active : hover , . btn-primary : active . focus , . btn-primary : active : focus , . btn-primary : active : hover , . open > . dropdown-toggle . btn-primary . focus , . open > . dropdown-toggle . btn-primary : focus , . open > . dropdown-toggle . btn-primary : hover {
color : # fff ;
background-color : hsla ( 0 , 0 % , 100 % , . 3 ) ;
border-color : transparent
}
. book-meta > div . more-stuff > . btn-toolbar > . btn-group > . btn-group > . dropdown-menu {
margin-left : -100px
}
. book-meta . btn-toolbar > . btn-group > ul . dropdown-menu {
margin-left : 0 ;
max-width : 200px ;
overflow : hidden
}
. book-meta . btn-toolbar > . btn-group > ul . dropdown-menu > li > a {
max-width : 200px ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
overflow : hidden
}
. dropdown-menu . offscreen {
right : 0 ;
left : auto ! important
}
div . btn-group [ role = group ] [ aria-label = "Download, send to Kindle, reading" ] . dropdown-menu . offscreen {
position : fixed ;
top : 120px ;
right : 5px
}
. dropdown-menu {
border-radius : 4px ! important ;
font-size : 13px ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
padding : 8px 0 ;
background-color : # 191a1c ! important ;
-webkit-box-shadow : 0 4px 10px rgba ( 0 , 0 , 0 , . 35 ) ;
box-shadow : 0 4px 10px rgba ( 0 , 0 , 0 , . 35 ) ;
-o-transition : opacity . 15s ease-out , transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) ;
transition : opacity . 15s ease-out , transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) ;
transition : opacity . 15s ease-out , transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) , -webkit-transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) ;
-webkit-transform-origin : center top ;
-ms-transform-origin : center top ;
transform-origin : center top ;
border : 0 ;
left : 0 ! important
}
. dropdown-menu > li > a {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-size : 13px ;
font-variant-ligatures : normal ;
font-weight : 400 ;
padding-top : 4px ;
padding-bottom : 4px ;
line-height : 1 . 71428571
}
. dropdown-menu > li > a : focus , . dropdown-menu > li > a : hover {
color : # fff ;
background : hsla ( 0 , 0 % , 100 % , . 08 )
}
. btn-group . open . dropdown-toggle {
-webkit-box-shadow : none ;
box-shadow : none
}
. book-meta > . bookinfo > . identifiers > p > . btn-success {
background-color : rgba ( 0 , 0 , 0 , . 15 ) ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
padding : 0 10px ;
font-size : 13px ;
display : inline-block ;
overflow : hidden ;
border-radius : 4px ;
vertical-align : middle ;
text-align : center ;
white-space : nowrap ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-transition : background-color . 2s , color . 2s ;
-o-transition : background-color . 2s , color . 2s ;
transition : background-color . 2s , color . 2s ;
margin : 2px 3px 0 0 ;
text-transform : none
}
. book-meta > . bookinfo > . identifiers > p > . btn-success : hover {
color : # fff ;
text-decoration : underline
}
# bookDetailsModal . book-meta {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
height : calc ( 100 % - 120px ) ;
overflow-x : hidden ;
overflow-y : scroll
}
. book-meta > . bookinfo . publishers , . book-meta > . bookinfo > . identifiers > p > . glyphicon-link {
color : hsla ( 0 , 0 % , 100 % , . 45 )
}
. rating . glyphicon-star . good {
color : var ( --color-primary )
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > . btn-danger {
background : # ac3323 ;
width : auto
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > . btn-danger : hover {
background : # ce3d2a
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > . btn-primary : first-of-type {
background : hsla ( 0 , 0 % , 100 % , . 25 )
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > . btn-primary : first-of-type : hover {
background : hsla ( 0 , 0 % , 100 % , . 3 )
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > . btn-primary : last-of-type {
background : var ( --color-secondary )
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > . btn-primary : last-of-type : hover {
background : var ( --color-secondary-hover )
}
. book-meta > div . more-stuff > . btn-toolbar > . btn-group [ aria-label = "Remove from shelves" ] {
max-width : 100 %
}
. book-meta > . bookinfo > div . more-stuff > . btn-toolbar > . btn-group [ aria-label = "Remove from shelves" ] > a {
max-width : 100 % ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
margin : 20px 0 0 ! important ;
border-radius : 3px ;
background : hsla ( 0 , 0 % , 100 % , . 25 ) ;
text-transform : none ;
padding : 0 10px ;
text-align : left ;
line-height : 1 . 5 ;
font-family : Open Sans semibold , Helvetica Neue , Helvetica , Arial , sans-serif
}
. book-meta > div . more-stuff > . btn-toolbar > . btn-group [ aria-label = "Remove from shelves" ] > a : hover {
background : # ce3d2a ;
color : # fff
}
. book-meta > div . more-stuff > . btn-toolbar > . btn-group [ aria-label = "Remove from shelves" ] > a > . glyphicon-remove {
font-size : 12px ;
padding-right : 3px
}
. book-meta > div . more-stuff > . btn-toolbar > . btn-group [ aria-label = "Remove from shelves" ] > a > . glyphicon-remove : before {
content : "\ea64" ;
font-family : plex-icons
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > . col-sm-6 {
width : 100 %
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . form-group {
padding-left : 15px
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 {
padding : 0
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 {
padding : 0 ;
margin-bottom : 60px
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # submit {
float : left ;
margin-left : calc ( 100vw - 400px )
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 . col-xs-12 > button . btn . btn-default {
float : right
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 . col-xs-12 > a : last-of-type {
float : right ;
background : hsla ( 0 , 0 % , 100 % , . 25 ) ;
margin-right : 10px
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 . col-xs-12 > a : last-of-type : hover {
background : hsla ( 0 , 0 % , 100 % , . 3 )
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > h2 {
width : calc ( 100vw - 390px ) ! important ;
height : 60px ! important ;
margin : 0 ! important ;
padding-left : 25px ! important ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ! important ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ! important ;
font-size : 15px ! important ;
line-height : 60px ! important ;
-webkit-text-size-adjust : 100 % ! important ;
-moz-text-size-adjust : 100 % ! important ;
-ms-text-size-adjust : 100 % ! important ;
text-size-adjust : 100 % ! important ;
white-space : nowrap ! important ;
-webkit-box-direction : normal ! important ;
-webkit-font-smoothing : antialiased ! important ;
-webkit-tap-highlight-color : transparent ! important ;
font-weight : 400 ! important ;
-webkit-margin-before : 0 ! important ;
-webkit-margin-after : 0 ! important ;
position : fixed ! important ;
top : 60px ! important ;
left : 240px ! important ;
text-align : left ! important ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
padding-right : 25px ! important
}
. author > . container-fluid > . row-fluid > . col-sm-10 > h2 : before , . blur-wrapper > div , . plexBack > a {
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group {
position : fixed ;
top : 60px ;
right : 0
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ data-target = "#DeleteShelfDialog" ] {
position : relative ;
float : right ;
width : 50px ;
height : 60px ;
border-radius : 0 ;
background : 0 0 ;
color : transparent ;
overflow : hidden ;
padding : 6px 11px
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ data-target = "#DeleteShelfDialog" ] : before {
content : "\EA6D" ;
font-family : plex-icons-new ;
position : absolute ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-size : 20px ;
padding : 6px 0 0 2px
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ data-target = "#DeleteShelfDialog" ] : hover {
background : # ce3d2a
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ data-target = "#DeleteShelfDialog" ] : hover : before {
color : # fff
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = edit ] {
position : relative ;
float : right ;
width : 50px ;
height : 60px ;
border-radius : 0 ;
background : 0 0 ;
color : transparent ;
overflow : hidden ;
margin : 0 ;
padding : 6px 13px
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = edit ] : before {
content : "\EA5d" ;
font-family : plex-icons ;
position : absolute ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-size : 20px ;
padding : 6px 0 0 2px
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = edit ] : hover : before {
color : # fff
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = edit ] : hover {
background : 0 0
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = order ] {
position : relative ;
float : right ;
width : 50px ;
height : 60px ;
border-radius : 0 ;
background : 0 0 ;
color : transparent ;
overflow : hidden ;
margin : 0 ;
padding : 6px 11px
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = order ] : before {
content : "\E409" ;
font-family : Glyphicons Regular ;
position : absolute ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-size : 20px ;
padding : 6px 0 0 2px
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = order ] : hover : before {
color : # fff
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = order ] : hover {
background : 0 0
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a : hover {
color : # fff ! important ;
-webkit-transition : color . 2s ;
-o-transition : color . 2s ;
transition : color . 2s ;
background-color : rgba ( 0 , 0 , 0 , . 55 ) ! important
}
. blur-wrapper : after {
content : '' ;
display : block ;
width : 100vw ;
height : 100 % ;
position : fixed ;
top : 0 ;
left : 0 ;
background-image : url ( images / caliblur / blur-noise . png ) ! important ;
background-repeat : repeat ! important ;
background-attachment : fixed ! important ;
background-position : center center ! important ;
background-size : auto ! important ;
-webkit-background-size : auto ! important
}
. blur-wrapper {
position : fixed ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
background-color : # 3f4245 ;
-o-transition : background-color 1s ease-in ;
transition : background-color 1s ease-in ;
-webkit-transition : background-color 1s ease-in ;
z-index : -9
}
. blur-wrapper > div {
-moz-osx-font-smoothing : grayscale ;
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-ms-flex-direction : row ;
flex-direction : row ;
overflow : hidden
}
. bg-blur {
background-size : cover ;
background-position : center center ;
background-repeat : no-repeat ;
width : 100 % ! important ;
height : 100 % ! important ;
position : absolute ;
max-width : 100 % ! important ;
-webkit-filter : blur ( 125px ) brightness ( 85 % ) ;
filter : blur ( 125px ) brightness ( 85 % ) ;
-moz-filter : blur ( 125px ) ;
-o-filter : blur ( 125px ) ;
-ms-filter : blur ( 125px ) ;
opacity : . 4 ;
-webkit-animation : fade 1s ;
animation : fade 1s ;
-moz-animation : fade 1s ;
-o-animation : fade 1s ;
-o-object-fit : cover ;
object-fit : cover
}
. plexBack , . plexBack > a {
display : block ;
font-stretch : 100 % ;
font-variant-caps : normal ;
font-variant-east-asian : normal ;
font-variant-numeric : normal ;
height : 60px ;
letter-spacing : normal ;
font-size : 20px ;
top : 0 ;
font-weight : 400 ;
cursor : pointer ;
font-style : normal
}
. authorlist . blur-wrapper {
background : 0 0
}
# scnd-nav > li . nav-head : first-child {
margin-top : 10px
}
. btn-danger {
color : # fff ;
background-color : # ac3323 ;
border-color : # ac3323
}
. btn-danger : hover {
background-color : # ce3d2a ;
border-color : # 641e14
}
. caret {
border-top : 5px solid ;
border-right : 4px solid transparent ;
border-left : 4px solid transparent
}
. plexBack {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-variant-ligatures : normal ;
line-height : 34 . 29px ;
margin : 0 ;
padding : 0 ;
position : absolute ;
width : 40px ;
left : 50px
}
. plexBack > a {
box-sizing : border-box ;
color : rgba ( 255 , 255 , 255 , . 7 ) ;
font-family : plex-icons-new ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
line-height : 60px ;
position : relative ;
speak : none ;
text-align : center ;
text-shadow : none ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
text-transform : none ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
vertical-align : middle ;
width : 100 % ;
word-spacing : 0 ;
-ms-writing-mode : lr-tb ;
writing-mode : horizontal-tb ;
padding : 0 10px
}
. plexBack > a : before {
content : "\EA2F"
}
. plexBack : not ( . noBack ) : hover > a {
color : # fff
}
. login . well > h2 {
display : none
}
. login . well > form {
max-width : 480px ;
margin : auto
}
. login . well > form input {
background-color : hsla ( 0 , 0 % , 100 % , . 25 )
}
. login :: -webkit-input-placeholder {
color : transparent
}
. login : -moz-placeholder {
color : transparent
}
. login :: -moz-placeholder {
color : transparent
}
. login : -ms-input-placeholder {
color : transparent
}
body . login > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a {
width : 100vw ;
height : 120px ;
margin : 0 ! important ;
text-align : center ;
padding : 60px 0 0 ;
background : 0 0 ;
color : # ccc ! important ;
font-size : 20px
}
body . login > . container-fluid {
width : 100vw ;
height : 100 % ;
position : relative
}
body . login > div . container-fluid > div . row-fluid > div . col-sm-10 {
width : 100 % ;
height : 100 % ;
overflow-y : visible ! important
}
body . login > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse {
display : none ! important
}
. login . navbar-default {
background : 0 0 ! important
}
body . login : not ( . read-frame ) , body . shelfcreate , body . shelfedit {
background-image : url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-dark . png ) ! important
}
body . author . undefined-img , body . shelfcreate , body . shelfedit {
background-repeat : repeat , no-repeat ! important ;
background-attachment : fixed , fixed ! important ;
background-position : center center , center center ! important
}
body . login > div . container-fluid > div . row-fluid > div . col-sm-10 :: before , body . login > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a :: before {
display : none
}
. book-meta > . bookinfo > . comments [ aria-expanded = true ] + a : after , . book-meta > . description [ aria-expanded = true ] + a : after {
content : '' ;
display : inline-block ;
border-color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
width : 10px ;
height : 10px ;
border-top-width : 0 ;
border-right : 4px solid transparent ;
border-bottom-width : 5px ;
border-left : 4px solid transparent ;
position : absolute ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
border-style : solid ;
vertical-align : middle ;
-webkit-transition : border . 2s , -webkit-transform . 4s ;
-o-transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s , -webkit-transform . 4s ;
margin : 9px 6px
}
. book-meta > . bookinfo > . comments [ aria-expanded = false ] + a : after , . book-meta > . description [ aria-expanded = false ] + a : after {
content : '' ;
display : inline-block ;
border-color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
width : 0 ;
height : 0 ;
border-bottom-width : 0 ;
border-right : 4px solid transparent ;
border-top-width : 5px ;
border-left : 4px solid transparent ;
position : absolute ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
border-style : solid ;
vertical-align : middle ;
-webkit-transition : border . 2s , -webkit-transform . 4s ;
-o-transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s , -webkit-transform . 4s ;
margin : 12px 6px
}
. book-meta > . bookinfo > . comments + a , . book-meta > . description + a {
width : 100px ;
margin-top : 10px ;
-webkit-transition : all . 2s ;
-o-transition : all . 2s ;
transition : all . 2s
}
. book-meta > . bookinfo > . comments + a : hover , . book-meta > . description + a : hover {
text-decoration : none
}
. book-meta > . bookinfo > . comments [ aria-expanded = false ] + a : hover : after , . book-meta > . description [ aria-expanded = false ] + a : hover : after {
border-color : # fff ;
border-right : 4px solid transparent ;
border-top-width : 5px ;
border-left : 4px solid transparent
}
. book-meta > . bookinfo > . comments [ aria-expanded = true ] + a : hover : after , . book-meta > . description [ aria-expanded = true ] + a : hover : after {
border-color : # fff ;
border-right : 4px solid transparent ;
border-bottom-width : 5px ;
border-left : 4px solid transparent
}
. navigation > ul > li > a > span . hidden-sm {
display : inline-block ! important
}
. shelfcreate . col-sm-10 > . discover > form , . shelfedit . col-sm-10 > . discover > form {
width : 500px ;
height : 500px ;
margin : auto ;
max-width : calc ( 100vw - 300px ) ;
max-height : calc ( 100 % - 200px )
}
body . shelfcreate > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . form-group , body . shelfedit > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . form-group {
padding-left : 0
}
body . shelfcreate , body . shelfedit {
background-size : auto , cover ! important ;
-webkit-background-size : auto , cover ! important ;
-moz-background-size : auto , cover ! important ;
-o-background-size : auto , cover ! important ;
-webkit-transition : background-image 2s ease-in ;
-o-transition : background-image 2s ease-in ;
transition : background-image 2s ease-in
}
body . author . undefined-img {
background-image : url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-light . png ) ! important ;
background-size : auto , cover ! important ;
-webkit-background-size : auto , cover ! important ;
-moz-background-size : auto , cover ! important ;
-o-background-size : auto , cover ! important ;
opacity : 1 ;
-webkit-filter : none ;
filter : none ;
width : 100vw ;
height : 100 % ;
position : fixed ;
top : 0 ;
left : 0 ;
content : ''
}
body . author img . bg-blur [ src = undefined ] {
display : none
}
body . author : not ( . authorlist ) . undefined-img : before {
content : "\e008" ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 200px ;
width : 20 % ;
text-align : center ;
z-index : 9
}
. author > . container-fluid > . row-fluid > . col-sm-10 > h2 : before {
content : "About Author" ;
width : calc ( 100vw - 240px ) ;
height : 60px ;
margin : 0 ;
padding-left : 25px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
white-space : nowrap ;
-webkit-tap-highlight-color : transparent ;
font-weight : 400 ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
position : fixed ;
top : 60px ;
left : 240px ;
text-align : left
}
. author > . container-fluid > . row-fluid > . col-sm-10 > h2 {
font-size : 24px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
font-weight : 400 ;
line-height : 1 ;
margin : 60px 0 0 ;
padding : 15px 15px 35px ;
border-bottom : 2px solid rgba ( 0 , 0 , 0 , . 3 )
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio {
padding : 35px 15px 15px ;
font-size : 15px ;
color : hsla ( 0 , 0 % , 100 % , . 65 )
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio > img {
position : fixed ;
left : 270px ;
top : 200px ;
width : calc ( 20 % - 60px ) ;
max-width : 250px
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio > . author-link {
color : var ( --color-secondary )
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio > . author-link : hover {
color : var ( --color-secondary-hover )
}
body . author : not ( . authorlist ) > div . container-fluid > div > div . col-sm-10 {
width : calc ( 100 % - 240px ) ;
left : 240px ;
padding-left : 20 % ;
padding-right : 30px ;
padding-bottom : 20px
}
body . author > div . container-fluid > div > div . col-sm-10 > div . discover {
width : 100 % ;
padding : 0 0 0 15px ! important
}
body . author > div . container-fluid > div > div . col-sm-10 > div . discover > h3 {
font-size : 15px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 24px ;
text-transform : uppercase ;
color : # eee
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio a {
color : var ( --color-secondary )
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio a : hover {
color : var ( --color-secondary-hover )
}
body . shelf . modal-open > . container-fluid {
z-index : 9
}
# DeleteShelfDialog . text-center {
text-align : left
}
# DeleteShelfDialog {
top : 0 ;
overflow : hidden ;
padding-top : 70px ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background : rgba ( 0 , 0 , 0 , . 5 )
}
# DeleteShelfDialog > . modal-dialog {
width : 450px ;
margin : auto
}
# DeleteShelfDialog > . modal-dialog > . modal-content {
max-height : calc ( 100 % - 90px ) ;
-webkit-box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
border-radius : 3px ;
z-index : 9999999999999999999999 ;
left : calc ( 50 % - 225px ) ;
right : auto ;
width : 450px
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-header {
padding : 15px 20px ;
border-radius : 3px 3px 0 0 ;
line-height : 1 . 71428571 ;
vertical-align : bottom ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400 ;
color : # eee ;
border-bottom : 1px solid # 222 ;
background-color : # 323232
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-header : before {
content : "\E197" ;
padding-right : 10px ;
font-size : 18px ;
color : # 999 ;
display : inline-block ;
font-family : Glyphicons Regular ;
font-style : normal ;
font-weight : 400
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-header : after {
content : "Delete Shelf" ;
display : inline-block ;
font-size : 20px
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-header > span {
display : none
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-body {
padding : 20px 20px 30px ;
font-size : 16px ;
line-height : 1 . 6em ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
background : # 282828
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-body > span : before {
content : "Are you sure you want to delete this shelf?" ;
display : inline-block ;
padding-right : 5px
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-body : after {
content : '' ;
position : absolute ;
width : 100 % ;
height : 72px ;
background-color : # 323232 ;
border-radius : 0 0 3px 3px ;
left : 0 ;
margin-top : 30px ;
z-index : 0 ;
border-top : 1px solid # 222 ;
-webkit-box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 )
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-body > . btn {
float : right ;
z-index : 9 ;
position : relative ;
margin : 45px 0 0 10px ;
min-width : 80px ;
padding : 10px 18px ;
font-size : 16px ;
line-height : 1 . 33 ;
border-radius : 3px
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-body > . btn-default {
background-color : hsla ( 0 , 0 % , 100 % , . 25 )
}
# DeleteShelfDialog > . modal-dialog > . modal-content > . modal-body > . btn-default : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
. btn-warning . active . focus , . btn-warning . active : focus , . btn-warning . active : hover , . btn-warning : active . focus , . btn-warning : active : focus , . btn-warning : active : hover , . open > . dropdown-toggle . btn-warning . focus , . open > . dropdown-toggle . btn-warning : focus , . open > . dropdown-toggle . btn-warning : hover {
color : initial ;
background-color : initial ;
border-color : initial
}
# remove-from-shelves > . btn {
background-color : rgba ( 0 , 0 , 0 , . 15 ) ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
padding : 0 10px ;
font-size : 13px ;
display : inline-block ;
overflow : hidden ;
border-radius : 4px ;
vertical-align : middle ;
text-align : center ;
white-space : nowrap ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-transition : background-color . 2s , color . 2s ;
-o-transition : background-color . 2s , color . 2s ;
transition : background-color . 2s , color . 2s ;
margin : 2px 6px 0 0 ;
text-transform : none
}
# remove-from-shelves > . btn > span {
font-size : 10px ;
display : inline-block ;
top : 3px ;
line-height : inherit ;
position : absolute ;
right : 5px
}
# remove-from-shelves > . btn > span : before {
content : "\EA52" ;
font-family : plex-icons-new ;
color : transparent ;
padding-left : 5px
}
# remove-from-shelves > a : first-of-type {
margin-left : 40px ;
overflow : visible
}
# remove-from-shelves > a : first-of-type : before {
content : "\EA4D" ;
font-family : plex-icons-new ;
position : absolute ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
font-style : normal ;
font-weight : 400 ;
font-size : 14px ;
left : -40px ;
pointer-events : none
}
# remove-from-shelves > . btn : hover {
padding-right : 20px ;
background : # ce3d2a ;
color : # fff ;
-webkit-transition : all . 2s ;
-o-transition : all . 2s ;
transition : all . 2s
}
# remove-from-shelves > . btn : hover span : before {
color : # fff ;
-webkit-transition : all . 2s ease-out ;
-o-transition : all . 2s ease-out ;
transition : all . 2s ease-out
}
# remove-from-shelves + . identifiers , # remove-from-shelves + . languages , # remove-from-shelves + . publishing-date , # remove-from-shelves + . publishers , # remove-from-shelves + . tags {
margin-top : -25px ;
z-index : 9 ;
position : relative
}
# remove-from-shelves > a . btn : last-of-type {
margin-bottom : 35px
}
# DeleteShelfDialog : before {
content : "\E208" ;
padding-right : 10px ;
display : block ;
font-family : Glyphicons Regular ;
font-style : normal ;
font-weight : 400 ;
position : absolute ;
left : calc ( 50 % + 185px ) ;
top : 88px ;
font-size : 16px ;
color : # eee ;
opacity : . 5 ;
-webkit-transition : -webkit-transform . 3s ease-out ;
-o-transition : transform . 3s ease-out ;
transition : transform . 3s ease-out ;
transition : transform . 3s ease-out , -webkit-transform . 3s ease-out ;
-webkit-transform : translate ( 0 , -60px ) ;
-ms-transform : translate ( 0 , -60px ) ;
transform : translate ( 0 , -60px ) ;
z-index : 99
}
# DeleteShelfDialog . modal . in : before {
-webkit-transform : translate ( 0 , 0 ) ;
-ms-transform : translate ( 0 , 0 ) ;
transform : translate ( 0 , 0 )
}
# DeleteShelfDialog : hover : before {
cursor : pointer
}
. btn-default . active : hover , . btn-default : active : hover {
border-color : var ( --color-secondary-hover ) ;
color : # fff ;
background-color : var ( --color-secondary-hover )
}
body . advanced_search > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 {
padding : 20px 0 60px ;
margin-top : 120px ;
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
width : calc ( 80 % - 30px )
}
body . advanced_search > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > div , body . advanced_search > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > label {
padding-left : 15px ;
padding-right : 15px
}
body . advanced_search > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > div . rating-input {
padding-top : 0 ;
padding-bottom : 0
}
body . advanced_search > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 > form > . btn . btn-default {
margin-right : 15px ;
margin-top : 20px
}
. advanced_search # search > . row > . form-group . col-sm-6 {
padding-left : 0 ;
margin-bottom : 0
}
. advanced_search # search > . row > . form-group . col-sm-6 > label [ for = ratinglow ] , . advanced_search # search > . row > . form-group . col-sm-6 > label [ for = ratinghigh ] {
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400 ;
margin-top : 10px
}
. glyphicon-remove : before {
content : "\EA52" ;
font-family : plex-icons-new ;
font-weight : 400
}
body . advanced_search > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > div . row : nth-child ( 4 ) {
margin-bottom : 30px
}
. me . dropdown-menu > li > # top_user {
color : var ( --color-primary )
}
. navbar-right > li > ul . dropdown-menu . offscreen {
right : -10px
}
. login . plexBack , body . login > div . container-fluid > div . row-fluid > div . col-sm-2 , body . login > div . navbar . navbar-default . navbar-static-top > div > form {
display : none
}
@ media only screen and ( min-width : 768px ) {
# main-nav + # scnd-nav {
background : rgba ( 0 , 0 , 0 , . 15 )
}
body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a # logout {
display : none
}
body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a # top_user {
height : 60px ;
padding : 0 ! important ;
background : 0 0 ! important ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
line-height : 20px ;
position : fixed ;
display : block ;
right : 15px
}
body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a # top_user > span . hidden-sm {
display : none
}
body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a # top_user > span . glyphicon-user {
width : 30px ;
height : 30px ;
margin : 15px ;
top : 0 ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a # top_user > span . glyphicon-user : before {
content : '' ;
display : inline-block ;
overflow : hidden ;
border-radius : 50 % ;
background-image : url ( data : image / svg + xml ; base64 , PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjU2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI + CiAgICAgICAgPHBhdGggZD0iTTE0NC4yOTEgNDkyLjMyNUMxNjYuNjI0IDQ3Ni4yNjUgMTkzLjE5NCA0NjYuMTU2IDIyNCA0NjJjMTIuNDQ0IDkuMzMzIDMxLjExMSAxNCA1NiAxNHM0My41NTYtNC42NjcgNTYtMTRjMzAuODA2IDQuMTU2IDU3LjM3NiAxNC4yNjQgNzkuNzA5IDMwLjMyNUMzNzYuNTI3IDUxNy40MzUgMzI5Ljk1MSA1MzIgMjgwIDUzMmMtNDkuOTUxIDAtOTYuNTI3LTE0LjU2NS0xMzUuNzA5LTM5LjY3NXoiIGZpbGwtb3BhY2l0eT0iLjYiLz4KICAgICAgICA8cGF0aCBkPSJNMjI0IDQ2MmwxMi44OC00MC4yNTFDMTk2LjQyOSAzOTcuNDYyIDE2OCAzNDAuMDM1IDE2OCAyNzMuMDU5YzAtMzUuMTkzIDcuODQ5LTY3Ljc1IDIxLjE2OC05NC4yNDggMTYuMTczIDQuOTc3IDM1LjMxNSA3Ljg1NiA1NS44MzIgNy44NTYgNTEuMTA0IDAgOTMuNjgtMTcuODYgMTAzLjA3Mi00MS41MTZDMzc0Ljc3OSAxNzQuNTg4IDM5MiAyMjAuOTMxIDM5MiAyNzMuMDU5YzAgNjYuOTc2LTI4LjQyOSAxMjQuNDAzLTY4Ljg4IDE0OC42OUwzMzYgNDYyYy0xMi40NDQgOS4zMzMtMzEuMTExIDE0LTU2IDE0LTI0LjY5NCAwLTQzLjI2My00LjU5NC01NS43MDctMTMuNzgyTDIyNCA0NjJ6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0xODAuMDY0IDM0NS44NDlDMTU1LjI4MiAzMTguMDY3IDE0MCAyNzkuOTk3IDE0MCAyMzhjMC04NS4wNTIgNjIuNjgtMTU0IDE0MC0xNTRzMTQwIDY4Ljk0OCAxNDAgMTU0YzAgNDEuOTk3LTE1LjI4MiA4MC4wNjctNDAuMDY0IDEwNy44NDkgNy43MTYtMjEuODYyIDEyLjA2NC00Ni41OTYgMTIuMDY0LTcyLjc5IDAtNTIuMTI4LTE3LjIyMS05OC40NzEtNDMuOTI4LTEyNy45MDgtOS4zOTIgMjMuNjU2LTUxLjk2OCA0MS41MTYtMTAzLjA3MiA0MS41MTYtMjAuNTE3IDAtMzkuNjU5LTIuODc5LTU1LjgzMi03Ljg1NkMxNzUuODQ5IDIwNS4zMDkgMTY4IDIzNy44NjYgMTY4IDI3My4wNTljMCAyNi4xOTQgNC4zNDggNTAuOTI4IDEyLjA2NCA3Mi43OXoiIGZpbGwtb3BhY2l0eT0iLjQ1Ii8 + CiAgICAgICAgPHBhdGggZD0iTTI4MCA1MzJjMTM5LjE3NiAwIDI1Mi0xMTIuODI0IDI1Mi0yNTJTNDE5LjE3NiAyOCAyODAgMjggMjggMTQwLjgyNCAyOCAyODBzMTEyLjgyNCAyNTIgMjUyIDI1MnptMCAyOEMxMjUuMzYgNTYwIDAgNDM0LjY0IDAgMjgwUzEyNS4zNiAwIDI4MCAwczI4MCAxMjUuMzYgMjgwIDI4MC0xMjUuMzYgMjgwLTI4MCAyODB6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgPC9nPgo8L3N2Zz4K ) ;
background-size : contain ;
position : absolute ;
width : 30px ;
height : 30px
}
body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a # top_user > span . glyphicon-user : after {
content : '' ;
display : inline-block ;
width : 0 ;
height : 0 ;
margin : 15px 0 0 35px ;
vertical-align : middle ;
border-top : 5px dashed ;
border-right : 4px solid transparent ;
border-left : 4px solid transparent
}
body : not ( . blur ) # nav_createshelf , body : not ( . blur ) # scnd-nav > # nav_about , body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li : not ( . form-upload ) > # form-upload , body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li : not ( . top_admin ) > # top_admin , body : not ( . blur ) > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li : not ( . top_tasks ) > # top_tasks {
display : none
}
body : not ( . blur ) # nav_new {
margin-bottom : 30px
}
body : not ( . blur ) # nav_new : before {
content : "\EA4F" ;
font-family : plex-icons ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-size : 13px ;
position : absolute ;
left : 25px ;
margin-top : 37px
}
body : not ( . blur ) # nav_new : after {
content : "Advanced Search" ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-size : 13px ;
line-height : 1 . 71428571 ;
white-space : nowrap ;
position : absolute ;
left : 52px ;
margin-top : 4px
}
body : not ( . blur ) > . navbar > . container-fluid > . navbar-header : after , body : not ( . blur ) > . navbar > . container-fluid > . navbar-header : before {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
cursor : pointer ;
display : block ;
font-family : plex-icons-new ;
font-size : 20px ;
font-stretch : 100 % ;
font-style : normal ;
font-variant-caps : normal ;
font-variant-east-asian : normal ;
font-variant-numeric : normal ;
font-weight : 400 ;
height : 60px ;
letter-spacing : normal ;
line-height : 60px ;
position : absolute
}
body : not ( . blur ) > . navbar > . container-fluid > . navbar-header : before {
content : "\EA30" ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
left : 20px
}
body : not ( . blur ) > . navbar > . container-fluid > . navbar-header : after {
content : "\EA2F" ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
left : 60px
}
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row : first-of-type > div . col > h2 : before , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type : before , body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 : before , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 : before {
width : calc ( 100vw - 240px ) ;
height : 60px ;
margin : 0 ;
padding-left : 25px ;
background : 0 0 ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
-webkit-box-direction : normal ;
-webkit-font-smoothing : antialiased ;
-webkit-tap-highlight-color : transparent ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
top : 60px ;
white-space : nowrap ;
font-weight : 400
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row : first-of-type > div . col > h2 : before , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type : before {
content : "Admin Settings" ;
position : fixed ;
left : 240px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 : before {
content : "User Settings" ;
position : fixed ;
left : 240px
}
body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 : before {
content : "New User" ;
position : fixed ;
left : 240px
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid {
height : auto ;
width : calc ( 100vw - 257px ) ;
margin : 20px 0 30px ! important ;
padding : 0 10px 0 40px ! important
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > h2 , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > h2 {
font-size : 24px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
font-weight : 400 ;
line-height : 1
}
. table-striped > tbody > tr : nth-of-type ( 2n + 1 ) {
background-color : transparent
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > . btn > a , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > . btn > a {
text-decoration : none ;
color : # fff
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col . table > tbody > tr > td , body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col . table > tbody > tr > th , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > . table > tbody > tr > td , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > . table > tbody > tr > th {
border : collapse
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 :: before , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 :: before {
content : '' ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center ;
background-image : url ( data : image / svg + xml ; base64 , PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjU2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI + CiAgICAgICAgPHBhdGggZD0iTTE0NC4yOTEgNDkyLjMyNUMxNjYuNjI0IDQ3Ni4yNjUgMTkzLjE5NCA0NjYuMTU2IDIyNCA0NjJjMTIuNDQ0IDkuMzMzIDMxLjExMSAxNCA1NiAxNHM0My41NTYtNC42NjcgNTYtMTRjMzAuODA2IDQuMTU2IDU3LjM3NiAxNC4yNjQgNzkuNzA5IDMwLjMyNUMzNzYuNTI3IDUxNy40MzUgMzI5Ljk1MSA1MzIgMjgwIDUzMmMtNDkuOTUxIDAtOTYuNTI3LTE0LjU2NS0xMzUuNzA5LTM5LjY3NXoiIGZpbGwtb3BhY2l0eT0iLjYiLz4KICAgICAgICA8cGF0aCBkPSJNMjI0IDQ2MmwxMi44OC00MC4yNTFDMTk2LjQyOSAzOTcuNDYyIDE2OCAzNDAuMDM1IDE2OCAyNzMuMDU5YzAtMzUuMTkzIDcuODQ5LTY3Ljc1IDIxLjE2OC05NC4yNDggMTYuMTczIDQuOTc3IDM1LjMxNSA3Ljg1NiA1NS44MzIgNy44NTYgNTEuMTA0IDAgOTMuNjgtMTcuODYgMTAzLjA3Mi00MS41MTZDMzc0Ljc3OSAxNzQuNTg4IDM5MiAyMjAuOTMxIDM5MiAyNzMuMDU5YzAgNjYuOTc2LTI4LjQyOSAxMjQuNDAzLTY4Ljg4IDE0OC42OUwzMzYgNDYyYy0xMi40NDQgOS4zMzMtMzEuMTExIDE0LTU2IDE0LTI0LjY5NCAwLTQzLjI2My00LjU5NC01NS43MDctMTMuNzgyTDIyNCA0NjJ6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0xODAuMDY0IDM0NS44NDlDMTU1LjI4MiAzMTguMDY3IDE0MCAyNzkuOTk3IDE0MCAyMzhjMC04NS4wNTIgNjIuNjgtMTU0IDE0MC0xNTRzMTQwIDY4Ljk0OCAxNDAgMTU0YzAgNDEuOTk3LTE1LjI4MiA4MC4wNjctNDAuMDY0IDEwNy44NDkgNy43MTYtMjEuODYyIDEyLjA2NC00Ni41OTYgMTIuMDY0LTcyLjc5IDAtNTIuMTI4LTE3LjIyMS05OC40NzEtNDMuOTI4LTEyNy45MDgtOS4zOTIgMjMuNjU2LTUxLjk2OCA0MS41MTYtMTAzLjA3MiA0MS41MTYtMjAuNTE3IDAtMzkuNjU5LTIuODc5LTU1LjgzMi03Ljg1NkMxNzUuODQ5IDIwNS4zMDkgMTY4IDIzNy44NjYgMTY4IDI3My4wNTljMCAyNi4xOTQgNC4zNDggNTAuOTI4IDEyLjA2NCA3Mi43OXoiIGZpbGwtb3BhY2l0eT0iLjQ1Ii8 + CiAgICAgICAgPHBhdGggZD0iTTI4MCA1MzJjMTM5LjE3NiAwIDI1Mi0xMTIuODI0IDI1Mi0yNTJTNDE5LjE3NiAyOCAyODAgMjggMjggMTQwLjgyNCAyOCAyODBzMTEyLjgyNCAyNTIgMjUyIDI1MnptMCAyOEMxMjUuMzYgNTYwIDAgNDM0LjY0IDAgMjgwUzEyNS4zNiAwIDI4MCAwczI4MCAxMjUuMzYgMjgwIDI4MC0xMjUuMzYgMjgwLTI4MCAyODB6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgPC9nPgo8L3N2Zz4K ) ;
background-size : 6vw ;
background-position-x : center ;
height : 100 % ;
background-repeat : no-repeat
}
body . edituser . admin > div . container-fluid > div > div . col-sm-10 > div . discover , body . newuser . admin > div . container-fluid > div > div . col-sm-10 > div . discover {
left : 240px ;
margin : 120px 0 0 20 % ! important ;
padding : 30px 15px 15px ! important ;
width : calc ( 80 % - 30px ) ;
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 )
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 {
width : auto ;
position : absolute ;
top : 60px ;
left : 20 % ;
font-size : 24px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
font-weight : 400 ;
line-height : 1 ;
padding-left : 30px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # submit , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # submit {
float : right ;
margin-left : 10px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # back , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # back {
float : right ;
margin-left : 0 ;
background-color : hsla ( 0 , 0 % , 100 % , . 25 )
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # back : hover , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # back : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 {
margin-bottom : 60px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 {
padding : 0
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > h2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > h2 {
color : # eee ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 24px ;
overflow : hidden ;
min-width : 0 ;
width : 100 % ;
max-width : 100 % ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
white-space : nowrap ;
text-transform : uppercase ;
font-weight : 400 ;
padding-left : 15px ;
margin-bottom : 20px ;
top : 0 ;
left : 0 ;
height : auto
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 {
height : 200px ;
padding : 0 ;
margin : 15px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a {
width : 100 % ;
display : inline-block ;
height : 100 %
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : hover , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : hover {
outline : var ( --color-secondary ) solid 2px ;
font-size : 50px ;
-o-transition : outline 0s ;
transition : outline 0s ;
-webkit-transition : outline 0s
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : before {
content : "\e352" ;
display : inline-block ;
position : absolute ;
font-family : Glyphicons Regular ;
background : var ( --color-secondary ) ;
color : # fff ;
border-radius : 50 % ;
font-weight : 400 ;
font-size : 18px ;
line-height : 50px ;
width : 50px ;
height : 50px ;
padding-left : 16px ;
left : 0 ;
right : 0 ;
top : 0 ;
bottom : 0 ;
margin : auto ;
opacity : 0 ;
z-index : 9
}
body . admin , body . admin td > a {
color : hsla ( 0 , 0 % , 100 % , . 65 )
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : hover : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : hover : before {
-o-transition : opacity . 2s ;
transition : opacity . 2s ;
-webkit-transition : opacity . 2s ;
opacity : 1
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : after , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : after {
position : absolute ;
content : '' ;
width : 100 % ;
height : 100 % ;
top : 0 ;
left : 0 ;
opacity : 0 ;
background : -webkit-radial-gradient ( 50 % 50 % , farthest-corner , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % ) ;
background : -o-radial-gradient ( 50 % 50 % , farthest-corner , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % ) ;
background : radial-gradient ( farthest-corner at 50 % 50 % , rgba ( 50 , 50 , 50 , . 5 ) 50 % , # 323232 100 % )
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : hover : after , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a : hover : after {
opacity : 1 ;
-o-transition : opacity . 2s ;
transition : opacity . 2s ;
-webkit-transition : opacity . 2s
}
body . admin . panel {
background : rgba ( 0 , 0 , 0 , . 15 ) ;
border : none ;
box-shadow : none ;
-webkit-box-shadow : none ;
border-radius : 0
}
body . admin . panel-default > . panel-collapse > . panel-body , body . admin . panel-default > . panel-heading {
color : hsla ( 0 , 0 % , 100 % , . 65 ) ;
background-color : transparent ;
border : none
}
body . config . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > * , body . uiconfig . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > * {
float : right
}
body . config . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > a , body . uiconfig . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > a {
background-color : hsla ( 0 , 0 % , 100 % , . 25 ) ;
margin-right : 10px
}
body . config . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > a : hover , body . uiconfig . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > a : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
body . admin {
background-image : url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-dark . png ) ! important
}
body . admin td {
font-family : Open Sans regular , Helvetica Neue , Helvetica , Arial , sans-serif
}
body . admin td > a : hover {
color : # fff
}
. glyphicon-ok :: before {
content : "\EA55" ;
font-family : plex-icons-new ;
font-weight : 400
}
body . admin . config > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type , body . admin . uiconfig > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type , body . mailset > div . container-fluid > div > div . col-sm-10 > div . discover > h1 {
width : calc ( 100vw - 240px ) ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
font-size : 15px ;
line-height : 60px ;
-webkit-text-size-adjust : 100 % ;
-moz-text-size-adjust : 100 % ;
-ms-text-size-adjust : 100 % ;
text-size-adjust : 100 % ;
-webkit-box-direction : normal ;
-webkit-margin-before : 0 ;
-webkit-margin-after : 0 ;
height : 60px ;
top : 60px ;
left : 240px ;
position : fixed ;
-webkit-tap-highlight-color : transparent ;
-webkit-font-smoothing : antialiased ;
white-space : nowrap ;
font-weight : 400
}
body . mailset > div . container-fluid > div > div . col-sm-10 > div . discover > h1 {
margin : 0 ;
padding-left : 25px
}
body . mailset > div . container-fluid > div > div . col-sm-10 > div . discover {
padding : 0 30px ! important ;
margin-bottom : 120px ! important
}
body . admin . config > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type :: before , body . admin . uiconfig > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type :: before {
content : none
}
body . admin . config > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type , body . admin . uiconfig > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type {
margin : 0 ;
padding-left : 25px
}
body : not ( . blur ) # scnd-nav > li > a > . glyphicon-book , body : not ( . blur ) # scnd-nav > li > a > . glyphicon-search {
margin-right : 8px
}
# scnd-nav > li > a > . glyphicon-search {
margin-right : 11px
}
# remove-from-shelves + . more-stuff + . languages , . identifiers + . more-stuff + . languages , . tags + . more-stuff + . languages {
margin-top : 20px
}
body : not ( . blur ) : not ( . login ) : not ( . me ) : not ( . author ) : not ( . editbook ) : not ( . upload ) : not ( . shelfedit ) : not ( . langlist ) : not ( . authorlist ) : not ( . serieslist ) : not ( . catlist ) : not ( . shelforder ) : not ( . admin ) : not ( . modal-open ) > div . container-fluid > div . row-fluid > div . col-sm-10 : after {
background : -webkit-gradient ( linear , left bottom , left top , from ( rgba ( 0 , 0 , 0 , . 15 ) ) , to ( rgba ( 0 , 0 , 0 , . 15 ) ) ) , url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-light . png ) ! important ;
background : -webkit-linear-gradient ( bottom , rgba ( 0 , 0 , 0 , . 15 ) , rgba ( 0 , 0 , 0 , . 15 ) ) , url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-light . png ) ! important ;
background : -o-linear-gradient ( bottom , rgba ( 0 , 0 , 0 , . 15 ) , rgba ( 0 , 0 , 0 , . 15 ) ) , url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-light . png ) ! important ;
background : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , . 15 ) , rgba ( 0 , 0 , 0 , . 15 ) ) , url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-light . png ) ! important ;
background-repeat : no-reapeat , repeat , no-repeat ! important ;
background-attachment : fixed , fixed , fixed ! important ;
background-position : center center , center center , center center ! important ;
background-size : auto , auto , cover ! important ;
-webkit-background-size : auto , auto , cover ! important ;
-moz-background-size : autom , auto , cover ! important ;
-o-background-size : auto , auto , cover ! important ;
width : 100 % ;
height : 60px ;
display : block ;
content : '' ;
position : fixed ;
top : 60px ;
left : 240px ;
z-index : 99999999999999999999999999999999999
}
body . advsearch : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 : before , body . book : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . single : before , body . stat : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 : before , body : not ( . blur ) : not ( . me ) : not ( . author ) : not ( . editbook ) : not ( . upload ) : not ( . shelfedit ) : not ( . admin ) : not ( . modal-open ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover : first-of-type : before {
background : url ( images / caliblur / blur-noise . png ) center center fixed , url ( images / caliblur / blur-light . png ) center center no-repeat fixed ! important ;
background-size : auto , cover ! important ;
-webkit-background-size : auto , cover ! important ;
-moz-background-size : auto , cover ! important ;
-o-background-size : auto , cover ! important ;
width : calc ( 100vw - 240px ) ;
height : calc ( 100 % - 120px ) ;
display : block ;
content : '' ;
position : fixed ;
top : 120px ;
left : 240px ;
right : 0 ;
bottom : 0 ;
z-index : 99999999999999999999999999999999999
}
body . advsearch : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 : after , body . book : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . single : after , body . stat : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > p : first-of-type : after , body : not ( . blur ) : not ( . me ) : not ( . author ) : not ( . editbook ) : not ( . upload ) : not ( . shelfedit ) : not ( . admin ) : not ( . modal-open ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover : first-of-type : after {
content : '' ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 2px solid transparent ;
border-radius : 50 % ;
border-top : 2px solid var ( --color-secondary ) ;
border-right : 2px solid var ( --color-secondary ) ;
width : 24px ;
height : 24px ;
-webkit-animation : loading . 5s linear infinite ;
animation : loading . 5s linear infinite ;
display : block ;
top : 240px ;
left : calc ( 50 % + 120px ) ;
position : fixed ;
z-index : 999999999999999999999999999999999999
}
. search # shelf-actions , body . login . home-btn {
display : none
}
body . read : not ( . blur ) a [ href * = readbooks ] {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ! important
}
. tooltip {
-webkit-transform : translate ( 0 ) scale ( 1 ) ;
-ms-transform : translate ( 0 ) scale ( 1 ) ;
transform : translate ( 0 ) scale ( 1 )
}
. tooltip . in {
opacity : 1 ;
-o-transition : opacity . 15s ease-out , transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) ;
transition : opacity . 15s ease-out , transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) ;
transition : opacity . 15s ease-out , transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) , -webkit-transform . 15s cubic-bezier ( . 6 , . 4 , . 2 , 1 . 4 ) ;
-webkit-transform : translate ( 0 ) scale ( 1 ) ;
-ms-transform : translate ( 0 ) scale ( 1 ) ;
transform : translate ( 0 ) scale ( 1 ) ;
pointer-events : none
}
. tooltip . bottom . tooltip-inner {
font-size : 13px ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
padding : 3px 10px ;
border-radius : 4px ;
background-color : # 191a1c ;
-webkit-box-shadow : 0 4px 10px 0 rgba ( 0 , 0 , 0 , . 35 ) ;
box-shadow : 0 4px 10px 0 rgba ( 0 , 0 , 0 , . 35 ) ;
opacity : 1 ;
white-space : nowrap ;
margin-top : -16px ! important ;
line-height : 1 . 71428571 ;
color : # eee
}
. tooltip . bottom . tooltip-arrow {
width : 0 ;
margin-left : auto ;
height : 0 ;
border : 6px solid transparent ;
top : -6px ;
border-bottom-color : # 191a1c ;
left : 50 % ;
-webkit-transform : translateX ( -50 % ) ;
-ms-transform : translateX ( -50 % ) ;
transform : translateX ( -50 % ) ;
position : absolute ;
margin-top : -16px ! important
}
# sendbtn > span {
height : 60px
}
body . search > div . container-fluid > div > div . col-sm-10 > div . discover > h2 + p {
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 ) ;
margin : 90px 27px 0 20px ;
text-align : center ;
padding-top : 100px ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
font-size : 18px ;
line-height : 1 . 5
}
body . search > div . container-fluid > div > div . col-sm-10 > div . discover > h2 + p : before {
content : "Library" ;
position : absolute ;
top : 25px ;
left : 60px ;
color : # fff ;
font-size : 24px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 1 . 71428571
}
body . search > div . container-fluid > div > div . col-sm-10 > div . discover > h2 + p : after {
content : "No Results" ;
position : absolute ;
margin-left : -170px ;
margin-top : -40px ;
font-size : 20px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 {
max-width : calc ( 25 % - 75px ) ;
position : fixed
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 {
margin-left : 25 % ! important ;
width : 75 %
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete {
position : fixed ;
top : 60px ;
right : 0 ;
width : 50px ;
height : 60px ;
color : transparent ;
background : 0 0 ;
overflow : hidden ;
cursor : pointer ;
border-radius : 0
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete : before , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete : before {
content : "\EA6D" ;
font-family : plex-icons-new ;
font-size : 18px ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete : hover , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete : hover {
background : # ce3d2a
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete : hover : before , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center > # delete : hover : before {
color : # fff
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center . more-stuff > h4 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-3 > div . text-center . more-stuff > h4 {
color : # eee ;
margin : 20px ;
text-transform : uppercase ;
font-size : 16px
}
. editbook . form-control . tt-hint , . upload . form-control . tt-hint {
background : hsla ( 0 , 0 % , 100 % , . 08 ) ! important
}
. checkbox input [ type = checkbox ] {
margin-left : -19px ;
margin-top : 5px
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover {
width : calc ( 100 % - 3px ) ;
margin : 0 0 0 3px ! important ;
padding : 0 ! important ;
border-collapse : collapse
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container , body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table {
border : none ;
border-radius : 0
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th {
border-bottom : none ;
border-radius : 0 ;
background-color : hsla ( 0 , 0 % , 100 % , . 1 ) ;
border-right : 2px solid transparent ;
text-align : left ! important ;
position : relative
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th : last-of-type {
border-right : none
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 15 ) ;
color : # fff
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th : hover . th-inner {
color : # fff
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th > . th-inner {
font-size : 13px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
-webkit-tap-highlight-color : transparent ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-font-smoothing : antialiased ;
background-image : none ;
text-align : left ;
padding : 8px 20px ;
white-space : nowrap ;
width : 100 % ;
-webkit-transition : color . 2s ;
-o-transition : color . 2s ;
transition : color . 2s
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th > . th-inner . asc , body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th > . th-inner . desc {
color : # fff
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th > . th-inner . asc : after {
content : "\EA58" ;
font-family : plex-icons-new ;
font-weight : 400 ;
right : 20px ;
position : absolute
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th > . th-inner . desc : after {
content : "\EA57" ;
font-family : plex-icons-new ;
font-weight : 400 ;
right : 20px ;
position : absolute
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > tbody > tr : hover {
background : 0 0 ! important
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > tbody > tr > td {
background : 0 0 ;
border : none ;
text-align : left ! important ;
padding : 8px 20px ;
color : hsla ( 0 , 0 % , 100 % , . 65 ) ;
-webkit-tap-highlight-color : transparent ;
font-size : 13px ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
-webkit-font-smoothing : antialiased
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > tbody > tr : nth-of-type ( even ) {
background-color : hsla ( 0 , 0 % , 100 % , . 02 ) ! important
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > tbody > tr . no-records-found > td : before {
content : "No Records Found" ;
position : absolute ;
top : 120px ;
left : calc ( 50 % - 66px ) ;
font-size : 14px ;
color : hsla ( 0 , 0 % , 100 % , . 65 )
}
. epub-back , . epub-back : before {
display : inline-block ;
overflow : hidden
}
. epub-back {
width : 18px ;
height : 19px ;
line-height : 20px ;
opacity : . 5 ;
padding : 4px ;
border-radius : 4px ;
position : relative
}
. epub-back > input {
opacity : 0 ;
width : 26px ;
height : 27px ;
position : absolute ;
overflow : hidden ;
padding : 0 ;
left : 0 ;
top : 0
}
. epub-back : before {
content : "\EA1C" ;
font-family : plex-icons-new ;
font-weight : 400 ;
color : # 4f4f4f ;
position : absolute ;
opacity : . 5 ;
font-size : 16px ;
left : 5px ;
top : 4px
}
. epub-back : hover : before {
top : 3px ;
left : 4px ;
opacity : 1
}
. epub-back : hover {
border : 1px solid rgba ( 0 , 0 , 0 , . 2 ) ;
padding : 3px
}
. col-sm-10 . book-meta > div . btn-toolbar > div . btn-group > div . btn-group > p : first-child {
margin : 0
}
body . login > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a : hover {
color : # ccc ! important ;
background-color : transparent ! important
}
. empty-ul {
opacity : . 6 ;
cursor : default ;
pointer-events : none
}
# RestartDialog : hover : before , # ShutdownDialog : hover : before , # UpdateprogressDialog : hover : before , # deleteButton , # deleteModal : hover : before {
cursor : pointer
}
. lDutch {
padding-left : 90px ! important
}
. blur-wrapper + . dropdown-menu {
position : fixed ;
top : 118px ;
right : 5px
}
# read-in-browser [ aria-expanded = true ] , # shelf-actions > . btn-group . open , . downloadBtn . open , . profileDrop [ aria-expanded = true ] {
pointer-events : none
}
# btnGroupDrop1 [ aria-expanded = true ] > span , # read-in-browser [ aria-expanded = true ] > span , # shelf-actions > . btn-group . open > # add-to-shelf > span {
color : # fff
}
. navigation li a span {
vertical-align : middle ;
margin-bottom : 1px
}
. navigation li . active a . glyphicon-star {
color : var ( --color-primary )
}
# shelf-actions , # shelf-actions > . btn-group , # shelf-actions > . btn-group > . empty-ul {
pointer-events : none
}
# shelf-actions > . btn-group > # add-to-shelf [ aria-expanded = false ] : not ( . empty-ul ) {
pointer-events : auto
}
. book-meta > . bookinfo > . comments p , . description p {
margin : 0 0 28px
}
# login , . profileDrop + span . hidden-sm {
display : none
}
. admin # container > h2 , body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > h2 {
font-size : 24px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
font-weight : 400 ;
line-height : 1
}
. admin # container > . col-xs-12 , body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > . col-xs-12 {
width : 100 % ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
padding : 0 ;
border-collapse : collapse
}
. admin # container > . col-xs-12 : last-of-type , body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > . col-xs-12 : last-of-type {
border-bottom : 2px solid rgba ( 0 , 0 , 0 , . 3 )
}
. admin # container > . col-xs-12 > . Row > . col-xs-6 , body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > . col-xs-12 > . row > . col-xs-6 {
width : 50 % ;
padding-top : 8px ;
padding-bottom : 8px ;
border-top : 2px solid rgba ( 0 , 0 , 0 , . 3 )
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . discover . btn > a {
text-decoration : none ;
color : # fff
}
. admin # container + . col-xs-12 {
padding : 0 ;
margin : 10px 0 30px
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > . col-xs-12 : nth-child ( 3 ) {
margin-bottom : 20px
}
body . admin : not ( . modal-open ) . btn-default {
margin-bottom : 10px
}
. form-control [ disabled ] , . form-control [ readonly ] , fieldset [ disabled ] . form-control {
background-color : hsla ( 0 , 0 % , 100 % , . 02 )
}
. form-group [ aria-label = "Upload cover from local drive" ] > . btn-primary {
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 {
max-width : calc ( 25 % - 75px ) ;
position : fixed ;
padding-left : 30px ;
padding-right : 0 ;
z-index : 9
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-9 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-9 {
margin-left : 25 % ! important ;
width : 75 %
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete {
position : fixed ;
top : 60px ;
right : 0 ;
width : 50px ;
height : 60px ;
color : transparent ;
background : 0 0 ;
overflow : hidden ;
cursor : pointer ;
border-radius : 0
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete : before , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete : before {
content : "\EA6D" ;
font-family : plex-icons-new ;
font-size : 18px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
vertical-align : super
}
# main-nav + # scnd-nav . create-shelf a , # main-nav + # scnd-nav li . nav-head {
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
text-transform : uppercase
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete : hover , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete : hover {
background : # ce3d2a
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete : hover : before , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete : hover : before {
color : # fff
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center . more-stuff > h4 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center . more-stuff > h4 {
color : # eee ;
margin : 20px ;
text-transform : uppercase ;
font-size : 16px
}
# main-nav + # scnd-nav {
width : 240px ;
height : calc ( 100 % - 120px ) ;
left : 0 ;
top : 120px ;
background : 0 0 ;
padding : 0 5px 20px 0 ;
overflow-y : auto ;
position : fixed
}
# main-nav + # scnd-nav li . nav-head {
margin : 0 ;
color : hsla ( 0 , 0 % , 100 % , . 3 ) ;
font-size : 12px ;
line-height : 45px ;
padding-left : 25px
}
# main-nav + # scnd-nav > li . nav-head : first-child {
margin-top : 10px
}
# main-nav + # scnd-nav li {
min-height : 30px ;
max-width : 265px ;
overflow : visible ;
border-radius : 0 4px 4px 0 ;
display : list-item ;
height : auto ;
float : none
}
# main-nav + # scnd-nav li a {
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
text-decoration : none ;
padding : 4px 25px ;
font-size : 13px ;
height : 30px ;
line-height : 1 . 71428571 ;
width : 100 % ;
white-space : nowrap ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
overflow : hidden ;
border-radius : 0 4px 4px 0
}
# main-nav + # scnd-nav li a span {
vertical-align : middle ;
margin-bottom : 1px ;
margin-right : 10px
}
# main-nav + # scnd-nav li a span : before {
font-size : 13px
}
# main-nav + # scnd-nav li . active a {
color : var ( --color-primary ) ;
background : 0 0
}
# main-nav + # scnd-nav li a : hover {
background : hsla ( 0 , 0 % , 100 % , . 08 )
}
# main-nav + # scnd-nav li a [ href * = advanced_search ] {
display : block
}
# main-nav + # scnd-nav li a [ href * = advanced_search ] span . hidden-sm {
display : inline-block ! important
}
# main-nav + # scnd-nav li . open a {
background : 0 0
}
# main-nav + # scnd-nav li . open a : hover {
background : hsla ( 0 , 0 % , 100 % , . 08 ) ;
color : # fff
}
# main-nav + # scnd-nav li a . glyphicon-star {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
# main-nav + # scnd-nav li a : hover . glyphicon-star {
color : # fff
}
# main-nav + # scnd-nav # nav_cat a span {
margin-right : 8px
}
# main-nav + # scnd-nav . nav-head : nth-child ( 1n + 2 ) {
border-top : none ;
padding-top : 0 ;
width : 200px
}
# main-nav + # scnd-nav . create-shelf {
width : 25px ;
margin : 10px -15px 0 0 ;
min-height : auto ;
float : right ;
font-size : 12px ;
text-align : center
}
# main-nav + # scnd-nav . create-shelf a {
width : 25px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ! important ;
background-color : transparent ;
padding : 5px 7px 2px ;
font-size : 12px ;
line-height : 1 ;
border-radius : 3px ;
border : 0 ;
-webkit-transition : background-color . 1s ;
-o-transition : background-color . 1s ;
transition : background-color . 1s ;
font-weight : 400 ;
white-space : nowrap ;
margin : auto ;
max-height : 22px ;
-o-text-overflow : initial ;
text-overflow : initial ;
display : block
}
# main-nav + # scnd-nav . create-shelf a : before {
content : "\EA13" ;
font-family : plex-icons-new ;
font-size : 100 % ;
padding-right : 10px ;
vertical-align : middle
}
# main-nav + # scnd-nav . create-shelf a : hover {
background : 0 0 ;
color : # fff ! important
}
# main-nav + # scnd-nav : after {
width : 100 % ;
height : 60px ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
display : block ;
content : '' ;
position : fixed ;
top : 60px ;
left : 240px ;
pointer-events : none
}
. modal-dialog {
margin : 0 auto 60px
}
body . admin . modal-open . navbar {
z-index : 0 ! important
}
# RestartDialog , # ShutdownDialog , # UpdateprogressDialog , # deleteModal {
top : 0 ;
overflow : hidden ;
padding-top : 70px ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background : rgba ( 0 , 0 , 0 , . 5 )
}
# RestartDialog : before , # ShutdownDialog : before , # UpdateprogressDialog : before , # deleteModal : before {
content : "\E208" ;
padding-right : 10px ;
display : block ;
font-family : Glyphicons Regular ;
font-style : normal ;
font-weight : 400 ;
position : absolute ;
left : calc ( 50 % + 185px ) ;
top : 88px ;
font-size : 16px ;
color : # eee ;
opacity : . 5 ;
-webkit-transition : -webkit-transform . 3s ease-out ;
-o-transition : transform . 3s ease-out ;
transition : transform . 3s ease-out ;
transition : transform . 3s ease-out , -webkit-transform . 3s ease-out ;
-webkit-transform : translate ( 0 , -60px ) ;
-ms-transform : translate ( 0 , -60px ) ;
transform : translate ( 0 , -60px ) ;
z-index : 99
}
# RestartDialog . in : before , # ShutdownDialog . in : before , # UpdateprogressDialog . in : before , # deleteModal . in : before {
-webkit-transform : translate ( 0 , 0 ) ;
-ms-transform : translate ( 0 , 0 ) ;
transform : translate ( 0 , 0 )
}
# RestartDialog > . modal-dialog , # ShutdownDialog > . modal-dialog , # UpdateprogressDialog > . modal-dialog , # deleteModal > . modal-dialog {
width : 450px ;
margin : auto
}
# RestartDialog > . modal-dialog > . modal-content , # ShutdownDialog > . modal-dialog > . modal-content , # UpdateprogressDialog > . modal-dialog > . modal-content , # deleteModal > . modal-dialog > . modal-content {
max-height : calc ( 100 % - 90px ) ;
-webkit-box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
border-radius : 3px ;
z-index : 9999999999999999999999 ;
left : calc ( 50 % - 225px ) ;
right : auto ;
width : 450px
}
# RestartDialog > . modal-dialog > . modal-content > . modal-header , # ShutdownDialog > . modal-dialog > . modal-content > . modal-header , # UpdateprogressDialog > . modal-dialog > . modal-content > . modal-header , # deleteModal > . modal-dialog > . modal-content > . modal-header {
padding : 15px 20px ;
border-radius : 3px 3px 0 0 ;
line-height : 1 . 71428571 ;
vertical-align : bottom ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400 ;
color : # eee ;
border-bottom : 1px solid # 222 ;
background-color : # 323232 ;
text-align : left
}
# RestartDialog > . modal-dialog > . modal-content > . modal-header : before , # ShutdownDialog > . modal-dialog > . modal-content > . modal-header : before , # UpdateprogressDialog > . modal-dialog > . modal-content > . modal-header : before , # deleteModal > . modal-dialog > . modal-content > . modal-header : before {
padding-right : 10px ;
font-size : 18px ;
color : # 999 ;
font-style : normal ;
font-weight : 400 ;
display : inline-block
}
# RestartDialog > . modal-dialog > . modal-content > . modal-header : before {
content : "\EA4F" ;
font-family : plex-icons-new
}
# ShutdownDialog > . modal-dialog > . modal-content > . modal-header : before {
content : "\E064" ;
font-family : glyphicons regular
}
# UpdateprogressDialog > . modal-dialog > . modal-content > . modal-header : before {
content : "\EA15" ;
font-family : plex-icons-new
}
# deleteModal > . modal-dialog > . modal-content > . modal-header : before {
content : "\EA6D" ;
font-family : plex-icons-new
}
# RestartDialog > . modal-dialog > . modal-content > . modal-header : after {
content : "Restart Calibre-Web" ;
display : inline-block ;
font-size : 20px
}
# ShutdownDialog > . modal-dialog > . modal-content > . modal-header : after {
content : "Stop Calibre-Web" ;
display : inline-block ;
font-size : 20px
}
# UpdateprogressDialog > . modal-dialog > . modal-content > . modal-header : after {
content : "Update Calibre-Web" ;
display : inline-block ;
font-size : 20px
}
# deleteModal > . modal-dialog > . modal-content > . modal-header : after {
content : "Delete Book" ;
display : inline-block ;
font-size : 20px
}
# UpdateprogressDialog > . modal-dialog > . modal-content > . modal-header > span , # deleteModal > . modal-dialog > . modal-content > . modal-header > span , # loader > center > img , . rating-mobile {
display : none
}
# RestartDialog > . modal-dialog > . modal-content > . modal-body {
padding : 20px 20px 10px ;
font-size : 16px ;
line-height : 1 . 6em ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
background : # 282828 ;
text-align : left
}
# ShutdownDialog > . modal-dialog > . modal-content > . modal-body , # UpdateprogressDialog > . modal-dialog > . modal-content > . modal-body , # deleteModal > . modal-dialog > . modal-content > . modal-body {
padding : 20px 20px 40px ;
font-size : 16px ;
line-height : 1 . 6em ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
background : # 282828 ;
text-align : left
}
# RestartDialog > . modal-dialog > . modal-content > . modal-body > p , # ShutdownDialog > . modal-dialog > . modal-content > . modal-body > p , # UpdateprogressDialog > . modal-dialog > . modal-content > . modal-body > p , # deleteModal > . modal-dialog > . modal-content > . modal-body > p {
padding : 20px 20px 0 0 ;
font-size : 16px ;
line-height : 1 . 6em ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
background : # 282828
}
# RestartDialog > . modal-dialog > . modal-content > . modal-body > . btn-default : not ( # restart ) , # ShutdownDialog > . modal-dialog > . modal-content > . modal-body > . btn-default : not ( # shutdown ) , # deleteModal > . modal-dialog > . modal-content > . modal-footer > . btn-default {
float : right ;
z-index : 9 ;
position : relative ;
min-width : 80px ;
padding : 10px 18px ;
font-size : 16px ;
line-height : 1 . 33 ;
border-radius : 3px ;
background-color : hsla ( 0 , 0 % , 100 % , . 25 )
}
# RestartDialog > . modal-dialog > . modal-content > . modal-body > # restart {
float : right ;
z-index : 9 ;
position : relative ;
margin : 25px 0 0 10px ;
min-width : 80px ;
padding : 10px 18px ;
font-size : 16px ;
line-height : 1 . 33 ;
border-radius : 3px
}
# ShutdownDialog > . modal-dialog > . modal-content > . modal-body > # shutdown , # UpdateprogressDialog > . modal-dialog > . modal-content > . modal-body > # updateFinished {
float : right ;
z-index : 9 ;
position : relative ;
margin : 55px 0 0 10px ;
min-width : 80px ;
padding : 10px 18px ;
font-size : 16px ;
line-height : 1 . 33 ;
border-radius : 3px
}
# deleteModal > . modal-dialog > . modal-content > . modal-footer > . btn-danger {
float : right ;
z-index : 9 ;
position : relative ;
margin : 0 0 0 10px ;
min-width : 80px ;
padding : 10px 18px ;
font-size : 16px ;
line-height : 1 . 33 ;
border-radius : 3px
}
# RestartDialog > . modal-dialog > . modal-content > . modal-body > . btn-default : not ( # restart ) {
margin : 25px 0 0 10px
}
# ShutdownDialog > . modal-dialog > . modal-content > . modal-body > . btn-default : not ( # shutdown ) {
margin : 55px 0 0 10px
}
# deleteModal > . modal-dialog > . modal-content > . modal-footer > . btn-default {
margin : 0 0 0 10px
}
# RestartDialog > . modal-dialog > . modal-content > . modal-body > . btn-default : not ( # restart ) : hover , # ShutdownDialog > . modal-dialog > . modal-content > . modal-body > . btn-default : not ( # shutdown ) : hover , # deleteModal > . modal-dialog > . modal-content > . modal-footer > . btn-default : hover {
background-color : hsla ( 0 , 0 % , 100 % , . 3 )
}
# RestartDialog > . modal-dialog > . modal-content > . modal-body : after {
content : '' ;
position : absolute ;
width : 100 % ;
height : 72px ;
background-color : # 323232 ;
border-radius : 0 0 3px 3px ;
left : 0 ;
margin-top : 10px ;
z-index : 0 ;
border-top : 1px solid # 222 ;
-webkit-box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 )
}
# ShutdownDialog > . modal-dialog > . modal-content > . modal-body : after , # UpdateprogressDialog > . modal-dialog > . modal-content > . modal-body : after {
content : '' ;
position : absolute ;
width : 100 % ;
height : 72px ;
background-color : # 323232 ;
border-radius : 0 0 3px 3px ;
left : 0 ;
margin-top : 40px ;
z-index : 0 ;
border-top : 1px solid # 222 ;
-webkit-box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 ) ;
box-shadow : 0 5px 15px rgba ( 0 , 0 , 0 , . 5 )
}
# deleteButton {
position : fixed ;
top : 60px ;
right : 50px ;
width : 50px ;
height : 60px ;
color : transparent ;
background : 0 0 ;
overflow : hidden ;
border-radius : 0 ;
border-right : 2px solid rgba ( 0 , 0 , 0 , . 3 )
}
# deleteButton > span . glyphicon-remove {
font-size : 18px ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
# deleteButton : hover span . glyphicon-remove {
color : # fff
}
# deleteButton > span . glyphicon-remove : before {
content : "\EA66"
}
. editbook . more-stuff > . dropdown-menu {
position : fixed ;
top : 90px ;
right : 17px ;
left : auto ! important
}
body . authorlist . blur-wrapper : after {
content : none
}
# loader {
background-image : url ( images / caliblur / blur-noise . png ) , url ( images / caliblur / blur-dark . png ) ! important ;
background-repeat : repeat , no-repeat ! important ;
background-attachment : fixed , fixed ! important ;
background-position : center center , center center ! important ;
background-size : auto , cover ! important ;
-webkit-background-size : auto , cover ! important ;
-moz-background-size : auto , cover ! important ;
-o-background-size : auto , cover ! important ;
position : fixed ;
top : 0 ;
left : 0 ;
width : 100vw ;
height : 100 % ;
z-index : 9
}
# loader > center {
display : block ;
width : 100 % ;
height : 100 % ;
top : calc ( 50 % - 120px ) ;
position : absolute
}
# loader > center > h3 {
font-size : 20px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : # eee ;
text-transform : uppercase
}
# loader > center : after {
content : '' ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 2px solid transparent ;
border-radius : 50 % ;
border-top : 2px solid var ( --color-secondary ) ;
width : 24px ;
height : 24px ;
animation : spin . 5s linear infinite ;
display : block ;
margin : 20px auto ;
position : fixed ;
top : calc ( 50 % - 24px ) ;
left : calc ( 50 % - 12px ) ;
z-index : 999999
}
. book : not ( body ) {
width : 180px ! important ;
max-width : 180px ! important ;
min-width : 180px ! important
}
# books . cover img , # books_rand . cover img , . book . isotope-item . cover img {
width : 150px ! important
}
. container-fluid . book . meta . author , . container-fluid . book . meta . title {
white-space : nowrap ! important
}
. container-fluid . book . meta . rating {
display : none ! important
}
. container-fluid . book . meta {
margin-top : 0 ! important
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > h2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > h2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > h2 {
position : absolute ;
margin-top : -30px ;
font-size : 14px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 {
grid-template-columns : repeat ( auto-fit , minmax ( 150px , 1fr ) ) ! important ;
display : -ms-grid ;
display : grid ;
margin-top : 40px ;
margin-bottom : 60px
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 {
grid-template-columns : repeat ( auto-fit , minmax ( 150px , 1fr ) ) ! important ;
display : -ms-grid ;
display : grid ;
margin-top : 90px ;
margin-bottom : 0
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 : before {
content : '' ;
display : block ;
position : absolute ;
width : calc ( 100 % + 30px ) ;
height : 2px ;
background : rgba ( 0 , 0 , 0 , . 3 ) ;
margin-left : -15px ;
margin-top : -65px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 , body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 {
width : 135px ! important ;
max-width : 135px ! important ;
min-width : 135px ! important
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a > img , body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a > img , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a > img {
width : 135px ! important ;
height : 200px ! important
}
# theme , label [ for = theme ] {
display : inline
}
@ media only screen and ( max-width : 767px ) {
# query , . navbar-collapse . collapse > . col-sm-2 {
padding-left : 0 ;
padding-right : 0
}
# query , . collapsing {
-o-transition : all 0s
}
# form-upload . form-group . btn : before , # top_tasks > . glyphicon-tasks {
font-style : normal ;
font-weight : 400 ;
-moz-osx-font-smoothing : grayscale
}
body . login : not ( . read-frame ) , body : not ( . read-frame ) {
background-color : var ( --color-background-mobile ) ! important ;
background-image : none ! important
}
. navbar-default {
height : 48px ;
min-height : 48px
}
. navbar > . container-fluid {
height : 48px
}
. navbar > . container-fluid > . navbar-header {
margin : 0
}
. navbar > . container-fluid > . navbar-header > button . navbar-toggle {
border : 0 ;
float : left ;
padding : 0 ;
width : 48px ;
height : 48px ;
margin : 0 ;
top : 0
}
. navbar > . container-fluid > . navbar-header > button . navbar-toggle : active , . navbar > . container-fluid > . navbar-header > button . navbar-toggle : focus , . navbar > . container-fluid > . navbar-header > button . navbar-toggle : hover {
background : 0 0
}
. navbar > . container-fluid > . navbar-header > button . navbar-toggle : before {
content : '' ;
display : inline-block ;
overflow : hidden ;
border-radius : 50 % ;
background-image : url ( data : image / svg + xml ; base64 , PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjU2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI + CiAgICAgICAgPHBhdGggZD0iTTE0NC4yOTEgNDkyLjMyNUMxNjYuNjI0IDQ3Ni4yNjUgMTkzLjE5NCA0NjYuMTU2IDIyNCA0NjJjMTIuNDQ0IDkuMzMzIDMxLjExMSAxNCA1NiAxNHM0My41NTYtNC42NjcgNTYtMTRjMzAuODA2IDQuMTU2IDU3LjM3NiAxNC4yNjQgNzkuNzA5IDMwLjMyNUMzNzYuNTI3IDUxNy40MzUgMzI5Ljk1MSA1MzIgMjgwIDUzMmMtNDkuOTUxIDAtOTYuNTI3LTE0LjU2NS0xMzUuNzA5LTM5LjY3NXoiIGZpbGwtb3BhY2l0eT0iLjYiLz4KICAgICAgICA8cGF0aCBkPSJNMjI0IDQ2MmwxMi44OC00MC4yNTFDMTk2LjQyOSAzOTcuNDYyIDE2OCAzNDAuMDM1IDE2OCAyNzMuMDU5YzAtMzUuMTkzIDcuODQ5LTY3Ljc1IDIxLjE2OC05NC4yNDggMTYuMTczIDQuOTc3IDM1LjMxNSA3Ljg1NiA1NS44MzIgNy44NTYgNTEuMTA0IDAgOTMuNjgtMTcuODYgMTAzLjA3Mi00MS41MTZDMzc0Ljc3OSAxNzQuNTg4IDM5MiAyMjAuOTMxIDM5MiAyNzMuMDU5YzAgNjYuOTc2LTI4LjQyOSAxMjQuNDAzLTY4Ljg4IDE0OC42OUwzMzYgNDYyYy0xMi40NDQgOS4zMzMtMzEuMTExIDE0LTU2IDE0LTI0LjY5NCAwLTQzLjI2My00LjU5NC01NS43MDctMTMuNzgyTDIyNCA0NjJ6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgICAgIDxwYXRoIGQ9Ik0xODAuMDY0IDM0NS44NDlDMTU1LjI4MiAzMTguMDY3IDE0MCAyNzkuOTk3IDE0MCAyMzhjMC04NS4wNTIgNjIuNjgtMTU0IDE0MC0xNTRzMTQwIDY4Ljk0OCAxNDAgMTU0YzAgNDEuOTk3LTE1LjI4MiA4MC4wNjctNDAuMDY0IDEwNy44NDkgNy43MTYtMjEuODYyIDEyLjA2NC00Ni41OTYgMTIuMDY0LTcyLjc5IDAtNTIuMTI4LTE3LjIyMS05OC40NzEtNDMuOTI4LTEyNy45MDgtOS4zOTIgMjMuNjU2LTUxLjk2OCA0MS41MTYtMTAzLjA3MiA0MS41MTYtMjAuNTE3IDAtMzkuNjU5LTIuODc5LTU1LjgzMi03Ljg1NkMxNzUuODQ5IDIwNS4zMDkgMTY4IDIzNy44NjYgMTY4IDI3My4wNTljMCAyNi4xOTQgNC4zNDggNTAuOTI4IDEyLjA2NCA3Mi43OXoiIGZpbGwtb3BhY2l0eT0iLjQ1Ii8 + CiAgICAgICAgPHBhdGggZD0iTTI4MCA1MzJjMTM5LjE3NiAwIDI1Mi0xMTIuODI0IDI1Mi0yNTJTNDE5LjE3NiAyOCAyODAgMjggMjggMTQwLjgyNCAyOCAyODBzMTEyLjgyNCAyNTIgMjUyIDI1MnptMCAyOEMxMjUuMzYgNTYwIDAgNDM0LjY0IDAgMjgwUzEyNS4zNiAwIDI4MCAwczI4MCAxMjUuMzYgMjgwIDI4MC0xMjUuMzYgMjgwLTI4MCAyODB6IiBmaWxsLW9wYWNpdHk9Ii43NSIvPgogICAgPC9nPgo8L3N2Zz4K ) ;
background-size : contain ;
position : absolute ;
width : 30px ;
height : 30px ;
top : 9px ;
left : 9px
}
. navbar > . container-fluid > . navbar-header > button . navbar-toggle > span {
opacity : 0 ;
position : absolute
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-header > a {
margin : 0 ! important ;
height : 48px ;
line-height : 48px ;
width : calc ( 100vw - 138px ) ;
background : 0 0 ! important ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ! important ;
font-family : Open Sans Semibold , Helvetica Neue , Helvetica , Arial , sans-serif ;
pointer-events : none
}
. home-btn {
height : 48px ;
line-height : 28 . 29px ;
right : 10px ;
left : auto
}
. home-btn > a {
height : 48px ;
line-height : 48px
}
. plexBack {
height : 48px ;
line-height : 28 . 29px ;
left : 48px ;
display : none
}
. plexBack > a {
height : 48px ;
line-height : 48px
}
body > div . navbar . navbar-default . navbar-static-top > div > form {
margin : 0 ;
padding : 0 ;
border : 0 ;
box-shadow : none ;
-webkit-box-shadow : none ;
position : absolute ;
right : 50px ;
top : 0 ;
height : 48px
}
body > div . navbar . navbar-default . navbar-static-top > div > form : before {
top : 12px ;
left : auto ;
right : 15px ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
body > div . navbar . navbar-default . navbar-static-top > div > form : hover : before {
color : # fff
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div {
width : 40px ;
height : 48px
}
# query {
width : 40px ! important ;
height : 48px ;
border-radius : 0 ;
background : 0 0 ;
cursor : pointer ;
color : transparent ;
opacity : 0 ;
-webkit-transition : all 0s ;
transition : all 0s
}
body > div . navbar . navbar-default . navbar-static-top > div > form . search-focus {
position : absolute ;
top : 0 ;
left : 0 ;
width : 100vw
}
body > div . navbar . navbar-default . navbar-static-top > div > form . search-focus > div . form-group {
width : 100vw
}
body > div . navbar . navbar-default . navbar-static-top > div > form . search-focus > div > # query {
width : calc ( 100vw - 100px ) ! important ;
margin : 0 ! important
}
# query : focus {
background : # 555 ! important ;
color : # eee ! important ;
cursor : text ;
left : 50px ;
width : calc ( 100px ) ! important ;
opacity : 1 ;
padding-left : 15px
}
body > div . navbar . navbar-default . navbar-static-top > div > form . search-focus > div > span . input-group-btn : before {
content : "\EA33" ;
display : block ;
font-family : plex-icons-new ;
position : fixed ;
left : 0 ;
top : 0 ;
width : 50px ;
height : 48px ;
color : # eee ;
font-weight : 400 ;
font-size : 14px ;
background : # 555 ;
line-height : 48px ;
text-align : center ;
cursor : pointer
}
. mobile-navbar-brand , . profileDrop > span : after , body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul : first-of-type : not ( . navbar-right ) {
display : none
}
# form-upload > . form-group : before , . profileDrop + span . hidden-sm {
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span . input-group-btn {
background : # 555 ;
position : absolute ;
left : auto ;
right : 0 ;
height : 48px ;
width : 50px ;
border-radius : 0
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span > button {
height : 48px ;
width : 50px ;
border-radius : 0
}
body > div . navbar . navbar-default . navbar-static-top > div > form > div > span > button :: before {
color : # 555 ;
background : # eee
}
. navbar-collapse . collapse {
height : calc ( 100 % ) ! important ;
width : 240px ;
background : # 3f4245 ;
border : 0 ;
-webkit-box-shadow : none ;
box-shadow : none ;
margin : 0 ;
padding : 0 ;
position : fixed ;
top : 0 ;
left : 0 ;
overflow-y : auto ! important ;
overflow-x : hidden ! important
}
# form-upload , # main-nav > li : nth-child ( 1 ) {
border-bottom : 1px solid hsla ( 0 , 0 % , 78 % , . 15 ) ;
float : left
}
# main-nav {
margin-right : 0 ;
height : auto
}
# main-nav > li : nth-child ( 1 ) {
margin-left : 0 ;
width : 100 % ;
height : 120px ;
z-index : 99
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a . profileDrop {
height : 120px ;
width : 100 %
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > a . profileDrop : before {
right : auto ;
position : absolute ;
left : 211px ;
top : 80px ;
color : # fff ;
content : '' ;
display : inline-block ;
width : 0 ;
height : 0 ;
vertical-align : middle ;
border-top : 5px dashed ;
border-right : 4px solid transparent ;
border-left : 4px solid transparent
}
. profileDrop > span {
width : 30px ;
height : 30px ;
margin : 30px 15px ;
top : 0
}
. profileDrop + span . hidden-sm {
display : block ;
position : absolute ;
top : 70px ;
left : 15px ;
color : # fff ;
pointer-events : none
}
# main-nav > li {
float : left
}
# main-nav > li . form-upload {
width : 100 %
}
# form-upload {
position : relative ;
width : 100 % ;
margin : 0 ;
padding : 0 ;
height : 60px ;
border-top : none
}
# form-upload > . form-group : before {
content : "Upload Book" ;
color : # fff ;
font-size : 13px ! important ;
padding-left : 15px ;
height : 60px ;
line-height : 60px ;
position : absolute
}
# form-upload . form-group . btn {
float : left ;
width : 240px
}
# btn-upload {
width : 100 %
}
# form-upload . form-group . btn : before {
content : "\e043" ;
font-family : 'Glyphicons Halflings' ;
line-height : 1 ;
-webkit-font-smoothing : antialiased ;
color : # fff ;
font-size : 16px ;
background : 0 0 ;
border-radius : 50 % ;
width : 20px ;
height : 20px ;
display : inline-block ;
margin : 0 ;
padding : 23px 0 23px 202px ;
z-index : -9
}
# form-upload . form-group . btn : after {
content : "\EA13" ;
position : absolute ;
font-family : plex-icons-new ;
font-size : 8px ;
background : # 3c444a ;
color : # fff ;
border-radius : 50 % ;
padding : . 25px . 25px 0 0 ;
z-index : 9 ;
left : 198px ;
top : 32px ;
width : 10px ;
height : 10px ;
line-height : 10px ;
font-weight : 400 ;
text-align : center ;
pointer-events : none
}
# main-nav > li . top_admin , # main-nav > li . top_tasks {
min-height : 30px ;
overflow : visible ;
border-radius : 0 4px 4px 0 ;
max-width : 265px
}
# main-nav > li . top_tasks : before {
content : "MANAGE" ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
text-transform : uppercase ;
font-size : 12px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 60px ;
padding-left : 15px ;
position : absolute ;
top : -60px
}
# top_admin , # top_tasks , . navigation > ul > li > a {
color : # fff ;
height : 45px ;
width : 100 % ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
white-space : nowrap ;
text-decoration : none
}
# main-nav > li . top_tasks {
height : 45px ;
width : 100 % ;
margin-top : 72px
}
# main-nav > li . top_admin {
height : 45px ;
width : 100 %
}
# top_admin , # top_tasks {
padding : 11 . 5px 15px ;
font-size : 13px ;
line-height : 1 . 71428571 ;
overflow : hidden
}
# top_admin > . glyphicon , # top_tasks > . glyphicon-tasks {
position : relative ;
top : 0 ;
font-family : 'Glyphicons Halflings' ;
line-height : 1 ;
border-radius : 0 ;
background : 0 0 ;
display : inline-block
}
# top_tasks > . glyphicon-tasks {
-webkit-font-smoothing : antialiased ;
margin-right : 7px
}
# top_admin > . glyphicon {
font-style : normal ;
font-weight : 400 ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
margin-right : 10px
}
# top_tasks > . glyphicon-tasks :: before , body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > # top_admin > . glyphicon-dashboard :: before {
text-transform : none ;
font-family : plex-icons-new ;
-webkit-font-smoothing : antialiased ;
-moz-osx-font-smoothing : grayscale ;
text-rendering : optimizeLegibility ;
speak : none ;
vertical-align : sub ;
font-weight : 400 ;
font-style : normal
}
# top_tasks > . glyphicon-tasks :: before {
content : "\EA2E" ;
line-height : 22px ;
font-size : 16px
}
body > div . navbar . navbar-default . navbar-static-top > div > div . navbar-collapse . collapse > ul > li > # top_admin > . glyphicon-dashboard :: before {
content : "\EA56" ;
line-height : 22px ;
font-size : 14px
}
# top_admin > span . hidden-sm , # top_tasks > span . hidden-sm {
display : inline-block ;
line-height : 22px
}
. navigation > ul > li : hover {
background-color : transparent
}
. navigation > ul > li {
min-height : 45px ;
max-width : 265px ;
overflow : visible ;
border-radius : 0 4px 4px 0
}
. navigation > ul > li > a {
padding : 11 . 5px 15px ;
font-size : 13px ;
line-height : 1 . 71428571 ;
overflow : hidden
}
. navigation . nav-head {
margin : 0 ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
text-transform : uppercase ;
font-size : 12px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 60px ;
padding-left : 15px ;
height : 60px ;
min-height : 60px
}
. pagination , . pagination : after , body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . next , body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous , body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous : before {
line-height : 42px ;
height : 42px
}
. navigation . create-shelf {
width : 25px ;
margin : 17 . 5px 0 0 ;
min-height : auto ;
float : right
}
. navigation . create-shelf a {
color : # fff ! important
}
. navigation li a . glyphicon-star {
color : # fff
}
. navbar-nav . open . dropdown-menu . profileDropli {
width : 210px ;
margin-left : 12px
}
. navbar-default . navbar-nav . open . dropdown-menu > li > a {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. navbar-default . navbar-nav . open . dropdown-menu > li > a : focus , . navbar-default . navbar-nav . open . dropdown-menu > li > a : hover {
color : # fff ;
background-color : hsla ( 0 , 0 % , 100 % , . 08 )
}
. navbar-collapse . collapse . navigation li a span {
vertical-align : middle
}
. navbar-collapse . collapse . navigation li a span . caret {
position : absolute ;
left : 210px ;
top : 20px
}
. navbar-collapse . collapse . hidden-xs {
display : list-item ! important ;
width : 225px
}
. navbar-collapse . collapse : after {
display : none
}
. tooltip {
display : none ! important
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 : before , body . advsearch > div . container-fluid > div > div . col-sm-10 : before , body . authorlist > div . container-fluid > div > div . col-sm-10 > div . container : before , body . catlist > div . container-fluid > div > div . col-sm-10 > div . container : before , body . langlist > div . container-fluid > div > div . col-sm-10 > div . container : before , body . login . navbar > . container-fluid > . navbar-header > button . navbar-toggle , body . serieslist > div . container-fluid > div > div . col-sm-10 > div . container : before {
display : none
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 {
width : 100 % ;
top : 42px ;
height : calc ( 100 % - 42px )
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid , body > div . container-fluid > div > div . col-sm-10 > div . discover {
width : 100 % ;
margin : 0 ! important ;
padding : 10px ! important
}
. author > . container-fluid > . row-fluid > . col-sm-10 > h2 : before , body . admin . config > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type , body . admin . uiconfig > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type , body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row : first-of-type > div . col > h2 : before , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type : before , body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 : before , body . mailset > div . container-fluid > div > div . col-sm-10 > div . discover > h1 , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 : before , body : not ( . admin ) > div . container-fluid > div > div . col-sm-10 > div . discover > h1 , body : not ( . admin ) > div . container-fluid > div > div . col-sm-10 > div . discover > h2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > # test : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 > div : nth-child ( 10 ) > label : before , body > div . container-fluid > div > div . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 , body > div . container-fluid > div > div . col-sm-10 > h1 , body > div . container-fluid > div > div . col-sm-10 > h3 : first-of-type {
top : 48px ;
left : 0 ;
padding-left : 10px ;
height : 42px ;
width : calc ( 100 % ) ;
line-height : 42px ;
padding-right : 130px ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
white-space : nowrap ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
font-size : 13px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > h1 {
top : 10px ;
left : 55px ;
font-size : 16px
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > h2 : first-of-type : before {
text-transform : none
}
. pagination {
top : 48px
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . next : before {
height : 42px ;
line-height : 42px ;
padding : 11px 0 11px 20px
}
body > div . container-fluid > div > div . col-sm-10 > div . pagination > a . previous : before {
padding : 11px 25px
}
body > . container-fluid {
height : calc ( 100 % - 48px ) ;
top : 48px
}
body > div . container-fluid > div > div . col-sm-10 > div . discover > div . isotope {
grid-template-columns : repeat ( auto-fit , minmax ( 110px , 1fr ) ) ! important
}
. book : not ( body ) {
width : 110px ! important ;
max-width : 110px ! important ;
min-width : 110px ! important ;
padding : 0 5px ;
margin-left : auto ;
margin-right : auto
}
. container-fluid . book {
margin-top : 10px
}
. container-fluid . book . cover {
height : 150px ;
margin-bottom : 0
}
# books . cover img , # books_rand . cover img , . book . isotope-item . cover img {
width : 100px ! important
}
# books > . cover > a : before , # books_rand > . cover > a : before , . book . isotope-item > . cover > a : before {
line-height : 40px ;
width : 40px ;
height : 40px ;
font-size : 16px ;
padding-left : 12px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 :: before , body . me > div . container-fluid > div . row-fluid > div . col-sm-10 : before , body . newuser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 :: before {
position : absolute ;
top : 20px ;
left : 30px ;
width : 30px ;
height : 30px ;
background-size : 30px
}
body . advanced_search > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 : before , body . author : not ( . authorlist ) . undefined-img : before , body . authorlist > div . container-fluid > div . row-fluid > div . col-sm-10 : before , body . catlist > div . container-fluid > div . row-fluid > div . col-sm-10 : before , body . langlist > div . container-fluid > div > div . col-sm-10 : before , body . serieslist > div . container-fluid > div > div . col-sm-10 : before , body . shelforder > div . container-fluid > div . row-fluid > div . col-sm-10 : before {
position : fixed ;
top : 62px ;
right : 23px ;
left : auto ;
width : auto ;
height : auto ;
font-size : 14px ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
body . edituser . admin > div . container-fluid > div > div . col-sm-10 > div . discover , body . me > div . container-fluid > div > div . col-sm-10 > div . discover , body . newuser . admin > div . container-fluid > div > div . col-sm-10 > div . discover {
left : 0 ;
width : auto ;
margin : 75px 15px 0 ! important ;
padding : 20px 0 ! important ;
max-width : 100 % ! important ;
border-top : 1px solid hsla ( 0 , 0 % , 78 % , . 15 )
}
body > div . container-fluid > div > div . col-sm-10 > div . container {
left : 0 ;
width : auto ;
margin : 0 ! important ;
padding : 0 ! important ;
max-width : 100 % ! important ;
border : 0
}
body . me > div . container-fluid > div > div . col-sm-10 > div . discover : before {
top : 30px ;
left : 70px ;
font-size : 16px
}
body : not ( . shelfcreate ) : not ( . shelfedit ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . form-group {
padding-right : 15px
}
. form-group > label {
font-size : 12px
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 {
margin : 100px 0 0 ;
grid-template-columns : repeat ( auto-fit , minmax ( 110px , 1fr ) ) ! important
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 {
float : left ;
width : 100 % ;
margin-bottom : 10px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 : before {
width : 100 % ;
margin-left : 0 ;
margin-top : -45px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 , body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 {
width : 100px ! important ;
max-width : 100px ! important ;
min-width : 100px ! important
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a > img , body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a > img , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 > a > img {
width : 100px ! important ;
height : 150px ! important
}
body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > # submit {
margin-right : 15px
}
body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 > a : after {
width : calc ( 100 % )
}
body > div . container-fluid > div > div . col-sm-10 > h3 : not ( : first-of-type ) {
margin : 15px auto 10px ;
font-size : 14px
}
body > div . container-fluid > div > div . col-sm-10 > p {
margin : auto auto 15px
}
. well > h2 , body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > h2 , body : not ( . admin ) > div . container-fluid > div > div . col-sm-10 > div . discover : only-of-type > h2 {
top : 48px ! important ;
left : 0 ! important ;
padding-left : 10px ! important ;
height : 42px ! important ;
width : calc ( 100 % ) ! important ;
line-height : 42px ! important ;
padding-right : 130px ! important ;
overflow : hidden ! important ;
-o-text-overflow : ellipsis ! important ;
text-overflow : ellipsis ! important ;
white-space : nowrap ! important ;
background : rgba ( 0 , 0 , 0 , . 15 ) ! important ;
font-size : 13px ! important ;
max-width : 100 % ! important
}
. author > . container-fluid > . row-fluid > . col-sm-10 > h2 : after {
content : "\e008" ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 {
height : 42px ;
width : calc ( 100 % ) ;
line-height : 42px ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
white-space : nowrap ;
background : rgba ( 0 , 0 , 0 , . 15 ) ;
font-size : 13px ;
max-width : 100 % ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
font-family : "Open Sans Semibold" , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
position : fixed ;
top : 48px ;
left : 0 ;
border : 0 ;
padding : 0 50px 0 10px
}
body . tasks > div . container-fluid > div > div . col-sm-10 > div . discover > div . bootstrap-table > div . fixed-table-container > div . fixed-table-body > # table > thead > tr > th > . th-inner . asc : after {
right : 2px
}
# libs {
margin-bottom : 5px
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div > . row {
padding : 0
}
. well {
padding : 60px 0 ;
max-width : calc ( 100 % - 30px ) ;
min-width : auto
}
body . author . undefined-img {
background : var ( --color-background-mobile ) ! important
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group {
position : relative ;
top : 0 ;
right : auto ;
left : auto ;
width : 210px ;
margin : auto
}
# DeleteShelfDialog > . modal-dialog {
max-width : calc ( 100vw - 40px )
}
# DeleteShelfDialog > . modal-dialog > . modal-content {
max-width : calc ( 100vw - 40px ) ;
left : 0
}
. shelfcreate . col-sm-10 > . discover > form , . shelfedit . col-sm-10 > . discover > form {
max-width : calc ( 100vw - 30px ) ;
max-height : calc ( 100 % - 200px )
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > . col-sm-6 {
margin : 0 ;
width : 100 % ;
padding : 10px
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > h2 + div {
margin-top : 0 ;
font-size : 13px ;
font-family : Open Sans Regular , Helvetica Neue , Helvetica , Arial , sans-serif ;
color : var ( --color-primary ) ;
text-align : right ;
text-transform : none
}
. shelforder # ChangeOrder {
margin : 0 0 10px
}
. shelforder > . container-fluid > . row-fluid > . col-sm-10 > div . col-sm-6 . col-lg-6 . col-xs-6 > a {
margin : 0 10px 10px 0
}
. navbar-default . navbar-nav . open . dropdown-menu > . active > a , . navbar-default . navbar-nav . open . dropdown-menu > . active > a : focus , . navbar-default . navbar-nav . open . dropdown-menu > . active > a : hover {
color : var ( --color-primary ) ;
background-color : transparent
}
body . advanced_search > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 {
border : 0 ;
width : 100 % ;
margin : 0 ;
padding : 10px
}
. advanced_search # search > . row > . form-group . col-sm-6 : first-of-type {
padding-right : 0 ;
margin-bottom : 15px
}
body . advanced_search > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > div . row : nth-child ( 4 ) {
margin-bottom : 15px
}
body . advanced_search > div . container-fluid > div > div . col-sm-10 > div . col-sm-8 > form > . btn . btn-default {
margin-bottom : 20px ;
margin-top : 10px
}
body . me > div . container-fluid > div > div . col-sm-10 > div . discover {
border-top : 1px solid hsla ( 0 , 0 % , 78 % , . 15 )
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 : before , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 : before {
height : 1px ;
background : hsla ( 0 , 0 % , 78 % , . 15 )
}
body {
font-size : 13px
}
body . admin > div . container-fluid > div > div . col-sm-10 > div . container-fluid > div . row > div . col > h2 , body . admin > div . container-fluid > div > div . col-sm-10 > div . discover > h2 {
font-size : 14px ;
text-transform : uppercase
}
. me . dropdown-menu > li > # top_user : hover {
color : # fff
}
body : not ( . blur ) : not ( . login ) : not ( . me ) : not ( . author ) : not ( . editbook ) : not ( . upload ) : not ( . shelfedit ) : not ( . langlist ) : not ( . authorlist ) : not ( . serieslist ) : not ( . catlist ) : not ( . shelforder ) : not ( . admin ) : not ( . modal-open ) > div . container-fluid > div . row-fluid > div . col-sm-10 : after {
background : -webkit-gradient ( linear , left bottom , left top , from ( rgba ( 0 , 0 , 0 , . 15 ) ) , to ( rgba ( 0 , 0 , 0 , . 15 ) ) ) , url ( images / caliblur / blur-noise . png ) , var ( --color-background-mobile ) ! important ;
background : -webkit-linear-gradient ( bottom , rgba ( 0 , 0 , 0 , . 15 ) , rgba ( 0 , 0 , 0 , . 15 ) ) , url ( images / caliblur / blur-noise . png ) , var ( --color-background-mobile ) ! important ;
background : -o-linear-gradient ( bottom , rgba ( 0 , 0 , 0 , . 15 ) , rgba ( 0 , 0 , 0 , . 15 ) ) , url ( images / caliblur / blur-noise . png ) , var ( --color-background-mobile ) ! important ;
background : linear-gradient ( 0deg , rgba ( 0 , 0 , 0 , . 15 ) , rgba ( 0 , 0 , 0 , . 15 ) ) , url ( images / caliblur / blur-noise . png ) , var ( --color-background-mobile ) ! important ;
width : 100 % ;
height : 42px ;
display : block ;
content : '' ;
position : fixed ;
top : 48px ;
left : 0 ;
z-index : 99999999999999999999999999999999999 ;
border : 0 ;
animation : none ;
-webkit-animation : none ;
border-radius : 0
}
body . advsearch : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 : before , body . book : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . single : before , body . stat : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 : before , body : not ( . blur ) : not ( . me ) : not ( . author ) : not ( . editbook ) : not ( . upload ) : not ( . shelfedit ) : not ( . admin ) : not ( . modal-open ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover : first-of-type : before , body : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 : before {
background : var ( --color-background-mobile ) ! important ;
width : 100 % ;
height : calc ( 100 % - 90px ) ;
display : block ;
content : '' ;
position : fixed ;
top : 90px ;
left : 0 ;
right : 0 ;
bottom : 0 ;
z-index : 99999999999999999999999999999999999
}
body . advsearch : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 : after , body . book : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . single : after , body . stat : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 > p : first-of-type : after , body : not ( . blur ) : not ( . me ) : not ( . author ) : not ( . editbook ) : not ( . upload ) : not ( . shelfedit ) : not ( . admin ) : not ( . modal-open ) > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover : first-of-type : after , body : not ( . blur ) > div . container-fluid > div . row-fluid > div . col-sm-10 : after {
content : '' ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 2px solid transparent ;
border-radius : 50 % ;
border-top : 2px solid var ( --color-secondary ) ;
border-right : 2px solid var ( --color-secondary ) ;
width : 24px ;
height : 24px ;
-webkit-animation : loading . 5s linear infinite ;
animation : loading . 5s linear infinite ;
display : block ;
top : 50 % ;
left : calc ( 50 % - 12px ) ;
position : fixed ;
z-index : 999999999999999999999999999999999999
}
body : not ( . blur ) > . navbar > . container-fluid > . navbar-header : before {
content : "\EA30" ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
cursor : pointer ;
display : block ;
font-family : plex-icons-new ;
font-size : 20px ;
font-stretch : 100 % ;
font-style : normal ;
font-variant-caps : normal ;
font-variant-east-asian : normal ;
-webkit-font-variant-ligatures : normal ;
font-variant-ligatures : normal ;
font-variant-numeric : normal ;
font-weight : 400 ;
height : 48px ;
letter-spacing : normal ;
line-height : 48px ;
position : absolute ;
left : auto ;
right : 20px
}
body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-8 > form > # test {
border-top : 1px solid hsla ( 0 , 0 % , 78 % , . 15 )
}
. col-sm-10 . book-meta > div . btn-toolbar {
position : relative ;
top : 0 ;
width : calc ( 100 % + 30px ) ;
margin-left : -15px
}
. book-meta . btn-toolbar > h2 {
display : none
}
. book-meta . btn-toolbar > . btn-group {
float : none ;
margin : auto
}
. btn-toolbar {
margin-left : 0
}
# shelf-actions {
width : 50px
}
div . btn-group [ role = group ] [ aria-label = "Download, send to Kindle, reading" ] {
display : block
}
. book-meta > . author > a : first-of-type :: before , . book-meta > . bookinfo > . rating , . col-sm-10 . book-meta > div . btn-toolbar : after {
display : none
}
div . btn-group [ role = group ] [ aria-label = "Download, send to Kindle, reading" ] > . downloadBtn {
border-left : 0
}
. blur-wrapper {
display : none ;
-o-transition : none ;
transition : none ;
-webkit-transition : none
}
body . book > div . container-fluid > div . row-fluid > div . col-sm-10 {
width : 100 % ;
top : 0 ;
height : calc ( 100 % - 0px )
}
body > div . container-fluid > div > div . col-sm-10 > div . single {
width : 100 % ;
padding : 15px ! important
}
body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 {
position : absolute ;
height : 150px ;
width : 100px ;
padding : 0 ;
max-width : 100px ;
margin-top : 75px
}
# bookDetailsModal > . modal-dialog . modal-lg > . modal-content > . modal-body > div > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 > div . cover > img , body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-3 . col-lg-3 . col-xs-5 > div . cover > img {
width : 100px ;
height : 150px
}
body > div . container-fluid > div > div . col-sm-10 > div > div > div . col-sm-9 . col-lg-9 . book-meta {
margin : 0 ;
width : 100 % ;
padding : 0
}
. book-meta > h2 {
max-width : 100 % ;
margin-left : 120px ;
font-size : 16px ;
padding : 15px 0 10px ;
min-height : 60px ;
line-height : 20px ;
margin-top : 10px
}
. book-meta > . bookinfo > p : first-of-type , body . book . author {
margin-left : 120px ;
line-height : 1
}
body . book . author {
font-size : 14px ;
padding-bottom : 10px
}
. book-meta > . author : before {
content : "Author — " ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
position : relative ;
left : 0 ;
pointer-events : none
}
. book-meta > . bookinfo > . hr {
background : 0 0 ;
margin : 45px
}
. book-meta > . bookinfo > . publishing-date > span : last-of-type {
padding-left : 25px
}
. book-meta > . bookinfo > . publishers > span : last-of-type {
padding-left : 70px
}
. book-meta > . bookinfo > . languages > span : last-of-type {
padding-left : 65px
}
. book-meta > . bookinfo . publishers {
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis
}
div . comments + [ data-readmore-toggle ] , div . description + [ data-readmore-toggle ] {
text-align : center ;
color : var ( --color-secondary ) ;
margin : 10px auto
}
div . comments + [ data-readmore-toggle ] : hover , div . description + [ data-readmore-toggle ] : hover {
color : # fff
}
. book-meta > . bookinfo > . comments [ aria-expanded = false ] + a : after , . book-meta > . description [ aria-expanded = false ] + a : after {
content : '' ;
display : inline-block ;
border-color : var ( --color-secondary ) ;
width : 0 ;
height : 0 ;
border-bottom-width : 0 ;
border-right : 4px solid transparent ;
border-top-width : 5px ;
border-left : 4px solid transparent ;
position : absolute ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
border-style : solid ;
vertical-align : middle ;
-webkit-transition : border . 2s , -webkit-transform . 4s ;
-o-transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s , -webkit-transform . 4s ;
margin : 12px 6px
}
. book-meta > . bookinfo > . comments [ aria-expanded = true ] + a : after , . book-meta > . description [ aria-expanded = true ] + a : after {
content : '' ;
display : inline-block ;
border-color : var ( --color-secondary ) ;
width : 10px ;
height : 10px ;
border-top-width : 0 ;
border-right : 4px solid transparent ;
border-bottom-width : 5px ;
border-left : 4px solid transparent ;
position : absolute ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
border-style : solid ;
vertical-align : middle ;
-webkit-transition : border . 2s , -webkit-transform . 4s ;
-o-transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s ;
transition : border . 2s , transform . 4s , -webkit-transform . 4s ;
margin : 9px 6px
}
body . author : not ( . authorlist ) . blur-wrapper : before , body . author > . container-fluid > . row-fluid > . col-sm-10 > h2 : after {
content : "\e008" ;
font-family : 'Glyphicons Halflings' ;
font-weight : 400 ;
z-index : 9 ;
line-height : 1 ;
text-align : center
}
body . author : not ( . authorlist ) > div . container-fluid > div > div . col-sm-10 {
width : 100 % ;
left : 0 ;
padding : 10px
}
. author > . container-fluid > . row-fluid > . col-sm-10 > h2 {
float : right ;
width : 100 % ;
margin : 0 ;
border-bottom : 1px solid hsla ( 0 , 0 % , 78 % , . 15 ) ;
padding : 20px 0 0 135px ;
min-height : 140px ;
overflow : hidden ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio > img {
position : absolute ;
left : 25px ;
top : 25px ;
width : 100px ;
height : 100px ;
z-index : 9 ;
border-radius : 50 %
}
body . author > . container-fluid > . row-fluid > . col-sm-10 > h2 : after {
font-style : normal ;
font-size : 8vw ;
position : absolute ;
left : 25px ;
top : 26px ;
width : 100px ;
height : 100px
}
body . author : not ( . authorlist ) . blur-wrapper {
display : block ;
background : var ( --color-background-mobile )
}
body . author : not ( . authorlist ) . blur-wrapper > img {
opacity : 0 ;
-webkit-animation : none ;
animation : none ;
-moz-animation : none ;
-o-animation : none
}
body . author : not ( . authorlist ) . blur-wrapper : before {
position : fixed ;
top : 62px ;
right : 23px ;
left : auto ;
width : auto ;
height : auto ;
font-size : 14px ;
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. author > . container-fluid > . row-fluid > . col-sm-10 > h2 + . discover > . row {
padding-top : 30px
}
body . author > div . container-fluid > div > div . col-sm-10 > div . discover {
padding : 0 ! important
}
. author > . container-fluid > . row-fluid > . col-sm-10 > . author-bio {
margin-top : 125px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 {
float : left ;
width : 100 % ;
margin-bottom : 10px ;
grid-template-columns : repeat ( auto-fit , minmax ( 110px , 1fr ) ) ! important
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 {
margin-bottom : 20px ;
padding-right : 15px
}
body . edituser . admin > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 , body . me > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > form > div . col-sm-12 > div . col-sm-12 > div . col-sm-2 , body > div . container-fluid > div . row-fluid > div . col-sm-10 > div . discover > div . col-sm-12 > div . col-sm-2 {
height : 150px ;
padding : 0 ;
margin : 7 . 5px auto
}
body . mailset > div . container-fluid > div > div . col-sm-10 > div . discover {
padding : 15px 0 ! important
}
body . mailset > div . container-fluid > div > div . col-sm-10 > div . discover > form > . btn . btn-default {
display : block ;
margin : 10px 15px 0 100 %
}
body . mailset > div . container-fluid > div > div . col-sm-10 > div . discover > form > a . btn . btn-default {
margin-bottom : 15px
}
. shelforder # sortTrue > . list-group-item : nth-of-type ( even ) {
background : 0 0
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 {
max-width : 130px ;
width : 130px ;
height : 180px ;
margin : 0 ;
padding : 15px ;
position : absolute
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 {
padding : 15px ;
margin : 0 ! important ;
width : 100 %
}
body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 > . form-group : nth-child ( 1 ) , body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 > . form-group : nth-child ( 2 ) , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 > . form-group : nth-child ( 1 ) , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > form > div . col-sm-9 > . form-group : nth-child ( 2 ) {
padding-left : 120px
}
# deleteButton , body . editbook > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete , body . upload > div . container-fluid > div . row-fluid > div . col-sm-10 > div . col-sm-3 > div . text-center > # delete {
top : 48px ;
height : 42px
}
# metaModal {
padding : 0 ;
background : var ( --color-background-mobile )
}
# main-nav + # scnd-nav li . open a : hover , # main-nav + # scnd-nav > li > a : hover {
background : 0 0
}
# metaModal > . modal-dialog {
margin : 5px
}
# metaModal > . modal-dialog > . modal-content {
max-height : 100 %
}
# meta-info {
max-height : calc ( 100vh - 224px )
}
# metaModal > . modal-dialog > . modal-content > . modal-header > div {
display : none
}
# meta-info # book-list . media > . media-body {
font-size : 12px ;
line-height : 16px
}
# metaModal > . modal-dialog > . modal-content > . modal-header > # meta-search {
margin : 0
}
# metaModal > . modal-dialog > . modal-content > . modal-header , # metaModal > . modal-dialog > . modal-content > . modal-header > h4 {
border-radius : 8px 8px 0 0
}
# metaModal > . modal-dialog > . modal-content {
border-radius : 8px
}
. blur-wrapper : after {
content : none
}
# main-nav + # scnd-nav {
position : relative ;
top : 0 ;
padding : 0 ;
overflow : hidden ;
height : auto ;
width : auto ;
margin-bottom : 10px
}
# main-nav + # scnd-nav li . nav-head {
margin : 0 ;
color : hsla ( 0 , 0 % , 100 % , . 45 ) ;
text-transform : uppercase ;
font-size : 12px ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
line-height : 60px ;
padding-left : 15px ;
height : 60px ;
min-height : 60px
}
# main-nav + # scnd-nav > li {
min-height : 45px ;
max-width : 265px ;
overflow : visible ;
border-radius : 0 4px 4px 0
}
# main-nav + # scnd-nav > li > a {
color : # fff ;
text-decoration : none ;
padding : 11 . 5px 15px ;
font-size : 13px ;
height : 45px ;
line-height : 1 . 71428571 ;
width : 100 % ;
white-space : nowrap ;
-o-text-overflow : ellipsis ;
text-overflow : ellipsis ;
overflow : hidden
}
# main-nav + # scnd-nav li a span . caret {
position : absolute ;
left : 210px ;
top : 20px
}
# main-nav + # scnd-nav . open . dropdown-menu {
position : absolute
}
# main-nav + # scnd-nav li . open ul . dropdown-menu a : hover {
background : hsla ( 0 , 0 % , 100 % , . 08 ) ;
color : # fff
}
# main-nav + # scnd-nav li a . glyphicon-star {
color : # fff
}
# main-nav + # scnd-nav . create-shelf {
width : 25px ;
margin : 17 . 5px 0 0 ;
min-height : auto ;
float : right
}
# main-nav + # scnd-nav . nav-head . hidden-xs {
display : list-item ! important ;
width : 225px
}
. shelforder # sortTrue > div : before {
opacity : 1 ;
pointer-events : auto ;
margin-left : 0 ;
margin-right : 0 ;
padding-left : 15px ;
padding-right : 30px
}
. shelforder # sortTrue > . list-group-item {
width : 78px ;
overflow : visible ;
color : # eee ;
pointer-events : none
}
. shelforder # sortTrue > div : hover {
background-color : transparent ! important
}
# RestartDialog > . modal-dialog , # ShutdownDialog > . modal-dialog , # UpdateprogressDialog > . modal-dialog , # deleteModal > . modal-dialog {
max-width : calc ( 100vw - 40px )
}
# RestartDialog > . modal-dialog > . modal-content , # ShutdownDialog > . modal-dialog > . modal-content , # UpdateprogressDialog > . modal-dialog > . modal-content , # deleteModal > . modal-dialog > . modal-content {
max-width : calc ( 100vw - 40px ) ;
left : 0
}
. rating-mobile {
display : block ;
text-align : center ;
margin : 30px 0 20px
}
. rating-mobile . glyphicon-star . good {
color : hsla ( 0 , 0 % , 100 % , . 7 )
}
. rating-mobile . glyphicon-star {
color : hsla ( 0 , 0 % , 100 % , . 25 )
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group {
height : 60px
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ data-target = "#DeleteShelfDialog" ] , body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = edit ] , body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = order ] {
height : 40px ;
width : 40px ;
padding : 0 ;
margin : 10px 15px ;
border-radius : 50 %
}
body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ data-target = "#DeleteShelfDialog" ] : before , body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = edit ] : before , body . shelf > div . container-fluid > div > div . col-sm-10 > div . discover > . shelf-btn-group > [ href * = order ] : before {
padding : 0 0 0 10px ;
line-height : 40px
}
. collapsing {
-webkit-transition : all 0s ;
transition : all 0s
}
. navbar-collapse . collapse . in {
visibility : visible ;
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
transform : translate3d ( 0 , 0 , 0 ) ;
-webkit-transition : -webkit-transform . 5s ;
-o-transition : transform . 5s ;
transition : transform . 5s ;
transition : transform . 5s , -webkit-transform . 5s ;
z-index : 99
}
. navbar-collapse {
border : 0 ;
width : 240px ;
height : 100 % ! important ;
overflow : hidden ;
visibility : visible ;
-webkit-transform : translate3d ( -240px , 0 , 0 ) ;
transform : translate3d ( -240px , 0 , 0 ) ;
-webkit-transition : -webkit-transform . 5s ;
-o-transition : transform . 5s ;
transition : transform . 5s ;
transition : transform . 5s , -webkit-transform . 5s ;
top : 0 ;
margin : 0 ;
position : fixed ;
display : block ;
opacity : 1
}
. navbar-collapse : not ( . in ) > * {
margin : 0 ! important
}
. navbar-collapse . collapse . in + . sidebar-backdrop {
width : calc ( 100vw ) ;
height : 100 % ;
position : fixed ;
top : 0 ;
left : 0 ;
background : rgba ( 0 , 0 , 0 , . 75 ) ;
-webkit-transition : all . 5s ;
-o-transition : all . 5s ;
transition : all . 5s ;
z-index : 9 ;
visibility : visible ;
opacity : 1
}
. alert {
width : 90 % ;
max-width : 500px
}
. col-xs-12 > . row > . col-xs-2 {
position : absolute ;
padding : 15px 0 0 ;
text-align : center ;
min-width : 40px ;
pointer-events : none ;
color : #
}
. col-xs-12 > . row > . col-xs-10 {
padding : 0 ;
width : 100 % ;
height : 100 % ;
float : right ;
max-width : calc ( 100vw - 40px )
}
. col-xs-12 > . row > . col-xs-10 > a {
padding : 15px 15px 15px 16 . 66666667 % ;
display : block ;
color : # eee
}
. col-xs-12 > . row > . col-xs-10 > a : hover {
color : # eee ;
text-decoration : none
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div > . row : nth-of-type ( even ) {
background : 0 0
}
body > div . container-fluid > div > div . col-sm-10 > div . container > div > . row {
border-bottom : 1px solid hsla ( 0 , 0 % , 78 % , . 15 )
}
. col-xs-12 > . row > . col-xs-10 : after {
content : '' ;
position : absolute ;
width : 0 ;
height : 0 ;
right : 13px ;
top : 50 % ;
vertical-align : middle ;
border-left : 5px dashed ;
border-top : 4px solid transparent ;
border-bottom : 4px solid transparent ;
pointer-events : none ;
color : # eee
}
}
@ media only screen and ( max-width : 500px ) {
. login . well > form {
padding : 30px 15px
}
# RestartDialog . in : before , # ShutdownDialog . in : before , # UpdateprogressDialog . in : before , # deleteModal . in : before {
left : auto ;
right : 34px
}
}
@ media only screen and ( max-width : 490px ) {
# DeleteShelfDialog : before {
left : auto ;
right : 34px
}
}
@ media only screen and ( max-width : 500px ) and ( max-height : 600px ) {
body . login . well {
padding : 0 ! important
}
}
# btnGroupDrop1 > span . caret {
position : absolute ;
margin-left : 0px ;
left : 33px ;
top : 28px ;
}
# btnGroupDrop1 > span . glyphicon-download : before {
margin-left : 8px ;
}
# read-in-browser > span . caret , . btn-toolbar > . btn-group > # btnGroupDrop2 > span . caret , . btn-toolbar > . btn-group > . btn-group > # btnGroupDrop2 > span . caret {
position : absolute ;
margin-left : 0px ;
left : 33px ;
top : 28px ;
}
# read-in-browser > span . glyphicon-eye-open : before , . btn-toolbar > . btn-group > . btn-group > # btnGroupDrop2 > span . glyphicon-eye-open : before {
margin-left : 8px ;
}
# add-to-shelf > span . caret {
position : absolute ;
margin-left : 0px ;
left : 33px ;
top : 28px ;
}
# add-to-shelf > span . glyphicon . glyphicon-list : before {
margin-left : 8px ;
}
. container-fluid . book . meta . author , . container-fluid . book . meta . title {
max-width : 150px ;
overflow : hidden ;
text-overflow : ellipsis
}
body . publisherlist > div . container-fluid > div > div . col-sm-10 : before {
content : "\e241" ;
font-family : 'Glyphicons Halflings' ;
font-style : normal ;
font-weight : 400 ;
line-height : 1 ;
font-size : 6vw ;
position : fixed ;
left : 240px ;
top : 180px ;
width : calc ( 20 % - 55px ) ;
text-align : center ;
}
body . publisherlist > div . container-fluid > div > div . col-sm-10 > div . container : before {
content : "Series" ;
}
body . publisherlist > div . container-fluid > div > div . col-sm-10 > div . container : before {
top : 60px ;
font-size : 24px ;
color : # eee ;
line-height : 1 ;
padding-left : 15px ;
position : absolute ;
font-family : Open Sans Bold , Helvetica Neue , Helvetica , Arial , sans-serif ;
font-weight : 400 ;
}
body . publisherlist > div . container-fluid > div > div . col-sm-10 > div . container > div . col-sm-6 {
width : 100 % ;
}
# have_read_cb + label : before , # have_read_cb : checked + label : before , div [ aria-label = "Edit/Delete book" ] > . btn-warning > span : before {
line-height : 1 . 1 ;
}
@ media only screen and ( min-width : 768px ) {
body . author : not ( . authorlist ) . undefined-img {
background-image : url ( images / caliblur / / blur-light . png ) ! important ;
background-size : cover ! important ;
-webkit-background-size : cover ! important ;
-moz-background-size : cover ! important ;
-o-background-size : cover ! important ;
opacity : 1 ;
-webkit-filter : none ;
filter : none ;
width : 100vw ;
height : 100 % ;
position : fixed ;
top : 0 ;
left : 0 ;
content : '' ;
}
}
@ media only screen and ( max-width : 767px ) {
body . publisherlist > div . container-fluid > div . row-fluid > div . col-sm-10 : before {
position : fixed ;
top : 62px ;
right : 23px ;
left : auto ;
width : auto ;
height : auto ;
font-size : 14px ;
color : hsla ( 0 , 0 % , 100 % , . 7 ) ;
}
body . publisherlist > div . container-fluid > div > div . col-sm-10 > div . container : before {
display : none ! important ;
}
}