#contentWrapper .content { overflow: initial; } div.news { position: relative; border: 1px solid rgba(0, 0, 0, 0.15); padding: 10px 15px; margin-bottom: 25px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); text-align: justify; } div.news:nth-of-type(1) { padding-top: 10px; } div.news.new { box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5); border: 1px solid black; } div.news h5 { font-size: 18px; text-decoration: none; line-height: 1.2em; text-align: left; } div.news > .headLine { padding-bottom: 15px; border-bottom: 1px solid #c9c9c9; } div.news > div.content { margin-top: 15px; font-size: 16px; line-height: 1.33em; } div.news > div.content > p { margin: 10px 0; } div.news > div.content > .editedAt { color: #333; float: right; font-size: 0.7em; clear: right; } div.news div.addComment { text-align: center; cursor: pointer; font-size: 0.8em; margin-bottom: 15px; } div.news div.comment { font-size: 0.8em; padding: 10px; background-color: rgba(0, 0, 0, 0.03); margin-bottom: 5px; border: 1px solid lightgrey; } div.news div.comment input[type="text"] { width: 100%; font-size: 14px; margin-bottom: 10px; } div.news div.comment .creator { margin-bottom: 3px; } div.news div.comment .timestamp { font-size: 0.8em; float: right; } div.news div.comment table { width: 100%; } div.news div.comment img.creator { margin-right: 5px; } div.news .likerLine { text-align: right; margin-bottom: 10px; } div.news .likerLine .vivats.button { width: calc(100% - 120px); margin: 0 10px; text-align: center; background: rgb(112, 195, 0); } div.news .likerLine .vivats.button[likeCount="9"] { background: rgb(120, 196, 18); } div.news .likerLine .vivats.button[likeCount="8"] { background: rgb(129, 198, 37); } div.news .likerLine .vivats.button[likeCount="7"] { background: rgb(140, 202, 58); } div.news .likerLine .vivats.button[likeCount="6"] { background: rgb(149, 204, 78); } div.news .likerLine .vivats.button[likeCount="5"] { background: rgb(160, 204, 103); } div.news .likerLine .vivats.button[likeCount="4"] { background: rgb(171, 204, 128); } div.news .likerLine .vivats.button[likeCount="3"] { background: rgb(166, 189, 137); } div.news .likerLine .vivats.button[likeCount="2"] { background: rgb(172, 186, 155); } div.news .likerLine .vivats.button[likeCount="1"] { background: rgb(170, 178, 160); } div.news .likerLine .vivats.button[likeCount="0"] { background: rgb(184, 184, 184); } div.news .likerLine .vivats.button .likes { border: 1px dotted grey; cursor: pointer; padding: 5px; display: none; position: relative; background-color: white; border-radius: 2px; font-size: 14px; hyphens: none; line-height: 1.5em; text-align: left; white-space: nowrap; z-index: 1; top: -5px; left: 20px; } div.news .likerLine .vivats.button .likes a { display: block; } div.news .likerLine .vivats.button .likes:not([likeCount="0"]):hover .likers { display: block; } div.news .showMore { background-color: rgba(255, 255, 255, 0.75); cursor: pointer; display: none; font-size: 0.8em; padding: 5px 10px; border: 1px solid lightgrey; } div.news .showMore:hover { background-color: rgba(255, 255, 255, 1); border: 1px solid grey; } div.news img.creator { float: left; background: white; margin-right: 15px; box-shadow: 0 0 5px grey; } div.news img.creator:hover { box-shadow: 0 0 5px black; } div.news ul { list-style-type: disc; list-style-position: outside; margin-left: 35px; } div.news ul ul { list-style-type: circle; margin-left: 20px; } .modalLayer .likes a { display: block; padding: 5px; margin: 5px auto; border-bottom: 1px solid grey; text-align: left; max-width: 300px; } .modalLayer .likes a:last-of-type { border-bottom: none; } #emptyComment { display: none; } table.paginator { width: 100%; } table.paginator td:first-of-type, table.paginator td:last-of-type { display: none; } table.paginator .pageBox { padding: 5px 3px; }