* { margin: 0 0; padding: 0 0; } html { background: url("dust_scratches.png") repeat; } #container { padding-right: 300px; } #content{ display: block; margin: 0 auto; width: 1408px; height: 100%; text-align: center; padding-top: 25px; } #sidebar { background-color: black; opacity: 0.9; position: fixed; top: 0px; right: 0px; width: 300px; height: 100%; } #mainmenu { background: url("secondbar3.png"); position: relative; width: 1408px; height: 53px; float: left; background-color: blue; } #mainmenu ul { display: block; float: left; margin-left: 30px; margin-top: 0px; font-family: "Times New Roman"; font-size: 16px; text-transform: uppercase; list-style-type: none; text-align: left; width: 1368px; height: 53px; } #mainmenu li { display: inline-block; line-height: 53px; margin-right: 30px; } #mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited{ padding: 0px 30px 0px 0px; display: block; color: #ffffff; text-decoration: none; } #mainmenu li a.current, #mainmenu li a:hover, #mainmenu li a:active { color: #ff0099; } .circleslink { margin-left: 250px; } .authorslink { margin-left: 320px; margin-right: 0px; } #menu1 { display: inline-block; position: absolute; left: 0px; height: 52px; line-height: 52px; width: 150px; text-align: center; } #menu2 { display: inline-block; position: absolute; left: 150px; height: 52px; line-height: 52px; width: 150px; text-align: center; } #menu3 { display: inline-block; position: absolute; left: 300px; height: 52px; line-height: 52px; width: 150px; text-align: center; } #menu4 { display: inline-block; position: absolute; left: 450px; height: 52px; line-height: 52px; width: 150px; text-align: center; } #menu5 { display: inline-block; position: absolute; left: 815px; height: 52px; line-height: 52px; width: 100px; text-align: center; } #menu6 { display: inline-block; position: absolute; right: 0px; height: 52px; line-height: 52px; width: 100px; text-align: center; } #banners { display: block; float: left; height: 185px; width: 1408px; z-index: 4; background-image: url("articlepics/blankarticlepic.png"); } #addimage { display: block; float: left; width: 815px; height: 185px; opacity: 1; } #output { position: absolute; width: 815; height: 185; top: 0; left: 0; opacity: 1; } #articleimage { display: block; float: left; width: 815; height: 185; opacity: 1; z-index: 1; object-fit: cover; } #circlebanner { opacity: 1; display: block; float: left; width: 593px; height: 185px; } #searchbar { background: url("searchbar.png"); display: block; float: left; width: 1408px; height: 53px; vertical-align: middle; } #searchbar input[type=text] { background-color: transparent; margin: 7px 0px 0px 210px; width: 1198px; height: 40px; border: 0; color: white; outline: none; } #headline { display: block; float: left; width: 1408px; height: 110px; background: url("headline.png"); vertical-align: center; line-height: 110px; } #headlinetext { position: relative; width: 1408px; height: 110px; background-color: transparent; border: 0; color: white; font-size: 60; font-family: Times New Roman; z-index: 4; outline: none; text-align: center; display: block; } #categories { display: block; float: left; /*top: -3000px; left: 0px;*/ width: 1408px; height: 51px; background-color: transparent; vertical-align: center; opacity: 1; z-index: 50000; } [type=radio] { position: absolute; opacity: 0; width: 0; height: 0; } /* IMAGE STYLES */ [type=radio] + img { cursor: pointer; } /* CHECKED STYLES */ [type=radio]:checked + img { opacity: 1; } .catchoose { margin-right: 0px; margin-left: 0px; opacity: 0.5; } .catchoose:hover { opacity: 1; } #bodylanguage { display: block; float: left; /*left: 0px; top: 20px;*/ width: 1408px; height: 1620px; background-color: rgba(0,0,0,0.5); vertical-align: top; } #writtenby { display: block; float: left; margin-top: 20px; width: 1000px; height: 80px; background: rgba(0,0,0,0.600); opacity: 1; vertical-align: center; line-height: 80px; z-index:200; } #writtenbytime { display: inline-block; float: left; width: 80px; height: 80px; right: 0px; object-fit: cover; } #writtenbypic { display: inline-block; float: right; width: 80px; height: 80px; right: 0px; object-fit: cover; } #bodyinside { display: block; margin: 0 auto; width: 1000px; height: 1400px; background: transparent; opacity: 1; vertical-align: top; } #headtext { display: block; float: left; width: 980px; height:100px; margin-top: 30px; background-color: rgba(0,0,0,0.5); opacity: 1; z-index:10; font-family: Arial; border: 0; outline: none; color: ffb700; font-size: 18; padding: 10px; text-transform: uppercase; white-space: normal; text-align: justify; -moz-text-align-last: left; /* Firefox 12+ */ text-align-last: left; } #bodytext { display: block; float: left; padding: 20px; width: 960px; height:1200px; margin-top: 10px; background-color: rgba(0,0,0,0.5); opacity: 1; overflow: scroll; line-height: 30px; z-index:10; vertical-align: top; border: 0; outline: none; color: white; font-family: Arial; font-size: 20; white-space: normal; text-align: justify; -moz-text-align-last: left; /* Firefox 12+ */ text-align-last: left; } #rate { display: block; float: left; width: 1408px; height: 100px; background-color: rgba(0,0,0,0.7); } #rating_bar { display: inline-block; text-align: center; margin-left: auto; margin-right: auto; width: auto; } #fbshare { display: block; float: left; width: 100px; height: 100px; } #challenge { display: block; float: left; width: 220px; height: 100px; } #twittershare { display: block; float: left; width: 100px; height: 100px; } #upvote { display: block; float: left; width: 100px; height: 100px; } #dnvote { display: block; float: left; width: 100px; height: 100px; } .upbutton { width: 100px; height: 100px; } .downbutton { width: 100px; height: 100px; } .upbutton_disable { width: 100px; height: 100px; opacity: 0.1; } .downbutton_disable { width: 100px; height: 100px; opacity: 0.1; } .vote_disable { display: block; width: 100px; height: 100px; line-height: 100px; font-size: 30px; font-weight: bold; position: relative; left: 0px; top: -100px; z-index: 10000000000; color:white; } #discussion { display: block; float: left; width: 1408px; height: 400px; } #discussheadline { position: relative; top: 0px; left: 0 px; width: 1408px; height: 100px; } /* #sidebar { position: fixed; top: 0; right: 0; width: 300px; height: 3000px; background-color: black; opacity: 0.9; z-index: 1; } */ #name { width: 300px; height: 50px; font-family: Times New Roman; color: white; background-color: transparent; font-size: 26px; line-height: 50px; text-align: center; } #prestige { position: fixed; top: 50; width: 300px; height: 40px; line-height: 40px; font-family: Times New Roman; background: url("prestigeback.png"); font-size: 26px; text-align: right; color: white; } #icoin { width: 30px; height: 30px; position: absolute; top: 5px; left: 20px; } #profilepic { position: fixed; top: 90; height: 230px; width: 300 px; } #upvotes { position: fixed; top: 320; color: black; line-height: 30px; height: 30px; width: 150px; background-color:#66CCFF; } #uppic { position: absolute; height: 30px; width: 30px; } #downpic { position: absolute; height: 30px; width: 30px; } #downvotes { position: fixed; top: 320; right: 0; color: black; line-height: 30px; height: 30px; width: 150px; background-color: orange; } #newthought { position: fixed; top: 350; right: 0; line-height: 30px; height: 30px; width: 300px; background: url("prestigeback.png"); text-align: center; } #newvideo { position: fixed; top: 443; right: 0; line-height: 30px; height: 30px; width: 300px; background: url("prestigeback.png"); text-align: center; } #viewprofile { position: fixed; top: 381; right: 0; line-height: 30px; height: 30px; width: 300px; background: url("prestigeback.png"); text-align: center; } #logout { position: fixed; bottom: 0; height: 30px; line-height: 30px; width: 300px; text-align:center; background: url("prestigeback.png"); } #skip { opacity: 0; } a { color: white; text-decoration: none; } #logo { position: fixed; z-index: 3; } #text { position: fixed; margin-left: 8%; margin-top: 9px; z-index: 2; } #about { position: fixed; left: 550px; z-index: 2; } #ilogo { position: fixed; top: 60px; left: 86.3%; z-index: 3; opacity: 0; } #notlog { display: block; margin-left: auto; margin-right: auto; margin-top: 0px; position: fixed; top: 240px; left: 87%; z-index: 3; } #login { position: fixed; top: 320px; left: 85.8%; z-index: 3; } #loginform { position: fixed; top: 317px; left: 85.8%; z-index: 4; } .box { width: 244px; height: 35px; border-radius: 6px; font-family: Times New Roman; font-size: 16px; } #submitbutton { width: 244px; height: 35px; border-radius: 6px; background-color: transparent; color: white; font-family: Times New Roman; font-size: 16px; } #plus { position: absolute; left: 50%; margin-left: 80px; top: 70px; opacity: 0.6; } #plus:hover { opacity: 1; } #help { position: absolute; left: 1560px; top: 10px; opacity: 0.7; } #help:hover { opacity: 1; } #newlogo { display: block; margin-left: auto; margin-right: auto; margin-top: 60px; /*position: fixed; top: 10%; left: 85.5%; height: z-index: 200000; opacity:1; */ } #createbutton { z-index: 30000000000; position: absolute; left: 20px; } clanek.css Zobrazování položky clanek.css.