/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, caption, tbody, tfoot, thead, tr, th, td,*/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1;} ol, ul {list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} textarea { resize: none; } /*========== Reset done ==========*/ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 9, 2011 */ @font-face { font-family: 'karate'; src: url('karate.eot'); src: url('karate.eot?#iefix') format('embedded-opentype'), url('karate.woff') format('woff'), url('karate.ttf') format('truetype'), url('karate.svg#karate') format('svg'); font-weight: normal; font-style: normal; } a, a:hover, a:active, a:link, a:visited { text-decoration: none; outline: none; border: none;} p { margin-top: 1px; margin-bottom: 1px;} h1 { font-family: karate; font-size: 1.5em; text-align: center; padding: 20px auto; line-height: 120%; letter-spacing: 1px} h2 { font-family: karate;font-size: 1.3em; margin-top: 20px; margin-bottom: 0px;} @-webkit-keyframes glow { 0% { /*text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222; -webkit-text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222; */} 100% { /*text-shadow: 0 0 10px rgb(255,255,120); -webkit-text-shadow: 0 0 10px rgb(255,255,120);*/ color: #f97d37;} } @-moz-keyframes glow { 0% { /*text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222; -moz-text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222;*/ } 100% { /*text-shadow: 0 0 10px rgb(56, 28, 14); -moz-text-shadow: 0 0 10px rgb(56, 28, 14);*/ color: #f97d37; } } @-o-keyframes glow { 0% { /*-o-text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222; */ } 100% { /*-o-text-shadow: 0 0 10px rgb(56, 28, 14);*/ color: #f97d37;} } @-ms-keyframes glow { 0% { /*-ms-text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222;*/ } 100% { /*-ms-text-shadow: 0 0 10px rgb(56, 28, 14);*/ color: #f97d37;} } ::selection {background: #FFC;} body { font-family: verdana; background-repeat: repeat; font-size: 0.8em; line-height: 1.5em; width: 100%; height: 100%; text-align: center;} #border-left, #border-right { position: absolute; width: 30px; height: 100%; } #border-left { left: 0; } #border-right { right: 0; } #header, #content-wrapper, #footer { position: relative; width: 1160px; margin: 0 auto; text-align: left; } #header { height: 534px; } #header.closed { margin-top: -275px;} #logo_link { position: absolute; top: 340px; left: 489px; width: 180px; height: 145px; z-index: 1000;} #comics_toggle { position: absolute; bottom: 15px; left: 50px; font-family: karate; font-size: 1.3em; display: block; letter-spacing: 0.05em; } #theme-description { position: absolute; bottom: 0px; right: 60px; text-align:center; font-family: karate; font-size: 1.2em; display: block; letter-spacing: 0.05em; z-index: 1099;} #comics, #comics-overlay { position: relative; width: 100%; height: 455px; } #comics-overlay { position: absolute; z-index: 200; } #comics.closed { margin-top: -275px;} #comics div { display: block; position: absolute; z-index: 100; cursor: pointer; } #comics-overlay div { display: block; position: absolute; z-index: 200; cursor: pointer; text-indent: -9999em;} #comics-overlay div span { display: block; position: absolute; } #comics-overlay div span.bulb { z-index: 220; pointer-events:none; } #comics_01, #comics_01_overlay { left: 55px; bottom: 0px; width: 185px; height: 170px; } #comics_02, #comics_02_overlay { left: 250px; bottom: 10px; width: 160px; height: 150px; } #comics_03, #comics_03_overlay { left: 90px; top: 155px; width: 275px; height: 145px; } #comics_04, #comics_04_overlay { left: 400px; bottom: 120px; width: 190px; height: 150px; } #comics_05, #comics_05_overlay { left: 55px; top: 0px; width: 210px; height: 155px; } #comics_06, #comics_06_overlay { left: 270px; top: 0px; width: 230px; height: 180px; } #comics_07, #comics_07_overlay { left: 530px; top: 0px; width: 225px; height: 180px; } #comics_08, #comics_08_overlay { right: 250px; top: 0px; width: 135px; height: 170px; } #comics_09, #comics_09_overlay { right: 70px; top: 0px; width: 185px; height: 155px; } #comics_10, #comics_10_overlay { right: 305px; top: 175px; width: 245px; height: 155px; } #comics_11, #comics_11_overlay { right: 70px; top: 155px; width: 210px; height: 165px; } #comics_12, #comics_12_overlay { right: 270px; bottom: 0px; width: 160px; height: 135px; } #comics_13, #comics_13_overlay { right: 40px; bottom: -15px; width: 225px; height: 180px; } .closed #comics_01, .closed #comics_02, .closed #comics_03, .closed #comics_04, .closed #comics_05, .closed #comics_06, .closed #comics_07, .closed #comics_08, .closed #comics_09, .closed #comics_10, .closed #comics_11, .closed #comics_12, .closed #comics_13 { visibility: hidden;} #comics_closed_01 { left: 50px; bottom: 0px;} #comics_closed_02 { left: 310px; bottom: 0px;} #comics_closed_03 { right: 260px; bottom: 0px;} #comics_closed_04 { right: 50px; bottom: 0px;} #comics_closed_01, #comics_closed_02, #comics_closed_03, #comics_closed_04 { visibility: hidden; } .closed #comics_closed_01, .closed #comics_closed_02, .closed #comics_closed_03, .closed #comics_closed_04 { visibility: visible; } #content-left-border, #content-right-border { width: 100%; } #content-wrapper { position: relative; width: 1100px; padding: 0px 30px 0px 30px;} #content-left-border {} #content-right-border { min-height: 426px;} #left-panel, #right-panel { width: 225px; } #left-panel { float: left;} #left-panel-head, #right-panel-head { width: 225px; height: 525px; display: block; top: -10px; z-index: 999; } #left-panel-bottom, #right-panel-bottom { position: absolute; bottom: 0; width: 225px; height: 525px; z-index: 999; display: block;} #left-panel-head, #left-panel-bottom { left: 30px; } #right-panel-head, #right-panel-bottom { right: 30px; } #left-panel-content, #right-panel-content { position:relative; top: -505px; margin-bottom: -505px; width: 195px; /*margin-top: -505px;*/ z-index: 1099; } #right-panel-content { margin-left: 30px; } #right-panel-content .random-image {position: relative; z-index: 1002;} #main-menu { font-size: 0.9em; display: block; text-align: left; margin-bottom: 2em;} #main-menu ol, #main-menu ul {margin: 0 0 0 1em;} #main-menu ol { display: none; } #main-menu ol.open { display: block; } #main-menu ol.close { display: none; } #main-menu li a { color: white; margin:0 0 0 5px; text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222; } #main-menu>li>a { font-family: karate; font-size:1.5em; letter-spacing: 0.06em; } #main-menu li a:hover { -webkit-animation-name: glow; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: glow; -moz-animation-duration: 0.6s; -moz-animation-iteration-count: 2; -moz-animation-direction: alternate; -moz-animation-timing-function: ease-in-out; -o-animation-name: glow; -o-animation-duration: 0.6s; -o-animation-iteration-count: 2; -o-animation-direction: alternate; -o-timing-function: ease-in-out; -ms-animation-name: glow; -ms-animation-duration: 0.6s; -ms-animation-iteration-count: 2; -ms-animation-direction: alternate; -ms-timing-function: ease-in-out; animation-name: glow; animation-duration: 0.6s; animation-iteration-count: 2; animation-direction: alternate; ms-timing-function: ease-in-out; } #main-menu li a.open { color: #f97d37; } #main-menu>li { padding-left: 5px; line-height: 25px; padding-top: 10px; } #main-menu span.has-sub-menu, #main-menu span.has-sub-menu_script { display: block; width: 10px; height: 20px; float: right; margin-right: 5px; margin-right: 5px; text-indent: -9999em;} #current_login { width: 185px; text-align:center; color: white; font-weight: bold; padding: 10px 0px;} #fb-header { color: white; text-align: center; font-family: karate; font-size: 1.3em; margin: 0.3em 0; text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222; } #partners { margin-left: -3px; margin-bottom: 2em; margin-top: 3.5em; display: block; position: relative; z-index: 999;} #partners li {display: block; margin-bottom: 0.3em;} #partners li a {text-indent: -9999px; display: block; margin: 10px auto; } #partners-title { color: white; text-align: center; font-family: karate; font-size: 1.3em; margin: 0.3em 0; text-shadow: -1px 0 1px #222, 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222;} #kaqun a { background-position: -192px -285px; width: 108px; height: 56px;} li#sostozoo, li#police {display: inline-block;} li#sostozoo {margin-left: 2.2em;} li#police {margin-left: 1.5em;} #sostozoo a { background-position: 0px -343px; width: 62px; height: 62px;} #police a { background-position: -160px -343px; width: 40px; height: 70px;} #karaoking a { background-position: -70px -343px; width: 90px; height: 60px;} #shaoking a { background-position: -225px -343px; width: 76px; height: 68px;} #heiling a { background-position: 0px -285px; width: 192px; height: 56px;} #print-center a { background-position: 0px -410px; width: 184px; height: 32px;} #goods-market a { background-position: 0px -442px; width: 188px; height: 50px;} #wintersport a { background-image: url('../themes/wsclogo.png'); background-position: 0 0; width: 80px; height: 80px; } #abnesgastro a { background-image: url('../themes/abnesgastro.png'); background-position: 0 0; width: 100px; height: 68px; } #right-panel { float: right; margin-right: 0px;} #content-middle { position: relative; margin: 0 215px; padding: 0.7em 0.5em 110px 0.5em; text-align: justify; z-index: 1005;} #content-middle table { font-family: verdana; font-size: 1.0em; } #content-middle h1 { /*font-size: 1.5em; */margin-top: 0.5em; margin-bottom: 1.5em; line-height: 120%; letter-spacing: 1px} #content-middle h2 { /*font-size: 1.3em;*/ margin-bottom: 1.5em; letter-spacing: 1px} #content-middle h3 { /*font-size: 1.1em;*/ margin-bottom: 0.3em; margin-bottom: 0.8em; font-weight: bold;} strong { font-size: 1.1em; font-weight: bold;} #content-middle a { text-decoration: underline; text-shadow: 0 0 3px white;} #content-middle img {margin: 0 auto;} #bottom-fix { position: absolute; bottom: 0; height: 10px; display: block; width: 100%;} #content-bottom-separator { position: absolute; bottom: 0; margin: 0; width: 1100px; height: 75px; text-align: justify; display:block;} #footer { height: 160px; position: relative; text-align: center;} #footer_figure_01 { position: absolute; top: 40px; left: 120px; } #footer_figure_02 { position: absolute; top: 25px; left: 520px; } #footer_figure_03 { position: absolute; top: 30px; right: 120px; } #footer_text { position: relative; top: 105px; width: 100%; text-align: center; color: white; padding-top: 10px;} .icon_sprite { background: url('../themes/icons.png') no-repeat;} /*========== General rules ==========*/ .special_font { font-family: karate;} .vertical-text { width: 5px; word-spacing: 1em; word-wrap: break-word; border: none; } /* .uppercase {text-transform:uppercase;} */ .quote { font-style: italic;} .clear-both {clear:both;} .clear-left {clear:left;} .clear-right {clear:left;} .zero-size {width: 0; height: 0;} .not-displayed { display: none !important;} .error { color: #993300; font-weight: bold;} .center {text-align: center;} .partners {display: none;} .rightAligned {text-align: right;} .description { margin: 1em 0; padding: 1em;} img.middle { display: block !important; margin: 3em auto 0 auto; border: none;} .signature span { display: block;} .content-centered {text-align: center;} .main-page-quote { text-align: right; margin: 5px 0px 10px auto;} .signature { text-align: right; font-weight: bold; margin: 10px 0px 30px auto; font-size: 0.9em; line-height: 1.4em;} .horsiontal_center { margin: 0px auto 0px auto;text-align: center;} .important {font-weight: bold; font-size: 1.2em;} /*========== General rules for forms ==========*/ .simple-user-form, .control { padding-top: 1.3em;} .simple-user-form {} .simple-user-form>legend { font-family: karate; font-size: 1.2em; padding-left: 1em; padding-top: 0.5em;} .simple-user-form .error.message { display: none;} .simple-user-form .contains-error .error.message { display: block;} .simple-user-form span { display: block; text-align: left;} .simple-user-form span.error { margin: auto 7%;} .simple-user-form span.error .icons-sprite.red-flag { display: inline-block; width: 16px; height: 16px; margin-right: 1em;} .simple-user-form label { display: block; width: 35%; float: left; clear: left; margin-left: 7%; padding-top: 0.2em; font-weight: bold;} .simple-user-form input[type="text"], .simple-user-form textarea { display: block; width: 50%; float: left; } #add-new-quote-display-date { width: 70px;} .control { text-align: center;} .control input { width: 35%; margin-bottom: 0.9em;} .control input[type="submit"] { color: green;} .control input[type="reset"] { } /*========== Icons sprite ==========*/ .icons-sprite { background: url('../themes/icons.png') no-repeat -2222px -2222px; } .icons-sprite { text-indent: -9999px; border: none; width: 16px; height: 16px; background-position: -112px -112px;} .icons-sprite.home { background-position: 0 0;} .icons-sprite.search { background-position: -16px 0;} .icons-sprite.rss { background-position: -32px 0;} .icons-sprite.key { background-position: -48px 0;} .icons-sprite.saved { background-position: -64px 0;} .icons-sprite.not-saved { background-position: -80px 0;} .icons-sprite.yellow-flag { background-position: 0 -16px;} .icons-sprite.brawn-flag { background-position: -16px -16px;} .icons-sprite.white-flag { background-position: -32px -16px;} .icons-sprite.red-flag { background-position: -48px -16px;} .icons-sprite.blue-flag { background-position: -64px -16px;} .icons-sprite.green-flag { background-position: -80px -16px;} .icons-sprite.users { background-position: 0 -32px;} .icons-sprite.user { background-position: -16px -32px;} .icons-sprite.bug { background-position: -32px -32px;} .icons-sprite.clock { background-position: -48px -32px;} .icons-sprite.yellow-bulb { background-position: -64px -32px;} .icons-sprite.white-bulb { background-position: -80px -32px;} .icons-sprite.pen { background-position: 0 -48px;} .icons-sprite.pencil { background-position: -16px -48px;} .icons-sprite.arrow-right { background-position: -32px -48px;} .icons-sprite.arrow-down { background-position: -48px -48px;} .icons-sprite.arrow-left { background-position: -64px -48px;} .icons-sprite.arrow-up { background-position: -80px -48px;} .icons-sprite.secure { background-position: 0 -64px;} .icons-sprite.un-secure { background-position: -16px -64px;} .icons-sprite.folder { background-position: -32px -64px;} .icons-sprite.database { background-position: -48px -64px;} .icons-sprite.lock { background-position: -64px -64px;} .icons-sprite.un-lock { background-position: -80px -64px;} .icons-sprite.plus { background-position: 0 -80px;} .icons-sprite.minus { background-position: -16px -80px;} .icons-sprite.reject { background-position: -32px -80px;} .icons-sprite.accept { background-position: -48px -80px;} .icons-sprite.close { background-position: -64px -80px;} .icons-sprite.warrning { background-position: -80px -80px;} .icons-sprite.question { background-position: 0 -96px;} .icons-sprite.information { background-position: -16px -96px;} .icons-sprite.file { background-position: -32px -96px;} .icons-sprite.note { background-position: -48px -96px;} .icons-sprite.white-envelope{ background-position: -64px -96px;} .icons-sprite.yellow-envelope{ background-position: -80px -96px;} /* .icons-sprite. { background-position: 0 -112px;} */ .icons-sprite.heart { background-position: -16px -112px;} .icons-sprite.full-star { background-position: -32px -112px;} .icons-sprite.half-star { background-position: -48px -112px;} .icons-sprite.empty-star { background-position: -64px -112px;}/* .icons-sprite. { background-position: -80px -112px;} */ /*========== Login page ========*/ #login { width: 400px; margin: 2em auto 0 auto;} #login h2 { display: block; text-align: center;} #login fieldset { margin: 0.3em auto auto auto;} #login span.error {display: block; text-align: center;} #login input[type="text"], #login input[type="password"] { width: 15em; float: left;} #login label { display: block; width: 12em; float: left; text-align: center; padding-top: 0.3em;} #login-button { display: block; width: 8em; margin: 0.5em auto 0 auto;} .user-actions { display: block; text-align: center; margin-top: 0.8em;} .user-actions a { text-decoration: underline; font-family: karate; font-size: 1.2em; display: inline-block; margin: 0 2em;} /*========== Registration page ==========*/ /*========== Verseny eredmenyek ==========*/ .contest-results {width: 50%; margin: 1em auto 2em auto;} /*========== Verseny lista ==========*/ .contest-calendar-separator {width: 50%; margin: 1em auto; display: block;} .shaolin-weapon-list { width: 20%; min-width: 100px; margin: 1em auto; display: block;} /*========== Gallery ==========*/ /*========== Albums ==========*/ .albums { width: 100%; margin: 0 auto; float:left; text-align: left; } .albums li.img { width:120px; margin:5px; height:115px; float:left; text-align:center; display:inline-block; } .albums li.img img { margin:3px; max-width: 100px; max-height: 80px; box-shadow: 0 0 6px black; -moz-box-shadow: 0 0 6px black; } /*========== Images ==========*/ ul.gallery {width: 540px; margin: 0 auto;} /*ul.gallery.three-up li.closer { clear: both;}*/ ul.gallery.three-up li { display: inline-block; margin-top: 0.5em;} ul.gallery.three-up li img { padding: 1px; box-shadow: 0 0 6px black; -moz-box-shadow: 0 0 6px black; } ul.gallery.three-up li.landscape { width: 170px; height: 115px;} ul.gallery.three-up li.portrait { width: 115px; height: 170px; margin: 0.5em 22px 0 22px; overflow: hidden;} ul.gallery.three-up li.fill-in { visibility: hidden; height: 1px;} /*========== Videok ==========*/ #videok {width: 100%; margin: 0 auto;} #videok li { margin-top: 1em; border: 1px solid black; border-radius: 5px; min-height: 30px; } #videok div{ /*position:relative; top:-130px; left: 180px; width: 350px; background-color: white;*/} #videok .video_header { font-size: 1.1em; text-indent: 30px; height:30px; line-height: 30px; background: url('../themes/video_play.png') no-repeat left center; cursor: pointer;} #videok .video_body { display: none; text-align: center; padding-bottom: 5px; } ul.videok {width: 90%; margin: 0 auto;} ul.videok.three-up li { /*display: inline-block;*/ margin-top: 0.5em;} ul.videok.three-up div{ display: inline; /*position:relative; top:-130px; left: 180px; width: 350px; background-color: white;*/} ul.videok.three-up li.fill-in { visibility: hidden; height: 1px;} ul.videok.three-up li a { position: relative; display: block; width: 170px; height: 115px;} ul.videok.three-up li img { padding: 1px; box-shadow: 0 0 6px black; -moz-box-shadow: 0 0 6px black;} ul.videok.three-up li span.overlay { position: absolute; left: 0; top: 0px; display: block; background: url('../themes/video.png') no-repeat 50% 50%; width: 172px; height: 117px; text-indent: -9999em;} .video-container { width: 440px; margin: 1em auto;} .video-container li {width: 462px; height: 386px; display: block; background: url('../themes/day/video-frame.jpg') no-repeat left top; position: relative; margin-bottom: 1em; } .video-container iframe { margin: 2em 0; position: absolute; left: 21px; top: -5px;} /*========== Content editor page ==========*/ .edit-content fieldset { text-align: right;} textarea.content-editor { display: block; width: 98%; height: 20em; margin: 0 auto;} .edited textarea.content-editor { border: 1px solid #F90;} .icons-sprite.lock-content { background-position: -64px -64px;} .icons-sprite.unlock-content { background-position: -80px -64px;} .icons-sprite.save-content { background-position: -48px -80px;} .icons-sprite.edit-content { background-position: -16px -48px;} .icons-sprite.move-up { background-position: -80px -48px;} .icons-sprite.move-down { background-position: -48px -48px;} .icons-sprite.add-before, .icons-sprite.add-after { background-position: -32px -96px;} .icons-sprite.delete-content{ background-position: -64px -80px;} input [disabled="disabled"], input [disabled], input [disabled=""], input[disabled="true"], .disabled { opacity:0.3;filter:alpha(opacity=30);} hr.content-separator { border: none; margin-top: 2em;} /*========== NEWS ==========*/ .news_title { margin: 0px; margin-bottom: 0px; } .news-date { font-family: verdana; font-size: 1em; display: inline; float: right; } .news_author { font-family: karate; font-size: 1.2em; margin-top: 5px; float: right; } .news_hr { border: 1px dotted #381c0e; width: 80%; margin-top: 10px; margin-bottom: -5px; } /*========== NAVIGATOR ==========*/ .navigator { text-align: center; font-weight: normal; margin: 10px 0px; } .navigator a { margin: 2px 5px; display: inline-block; } .navigator span>img { position: relative; top: 1px; margin: 0px 5px; } .navigator span { margin: 0px 5px; font-weight: normal; } .navigator span.active { font-weight: bold; text-decoration: none; } #table_teachers td { padding-bottom: 10px; } /*========== ADMIN ==========*/ .admin_button { font-weight: normal; float: left; } .admin_button div { display: inline-block; color: black; min-width: 125px; padding: 0px 10px 0px 10px; margin: 0px 10px; height: 20px; line-height: 20px; background: #d3bd8e; text-align: center; border-radius: 5px; } .admin_button div:hover { color: black; background: white; } /* LIST HEADER */ #list_header { position: relative; margin: 10px 0; width:700px; height: 20px; padding: 0px; font-size: 1.0em; font-style:italic; } #list_header div { display: block; float: left; text-align: center; } .user_item div { display: inline-block; } .user_item>a { width: 650px; display: block; font-weight: normal; background-color: #d3bd8e; height: 20px; line-height: 20px; border: 1px dotted black; text-decoration: none;} .user_item>a:hover { background-color: #ffe3c1; color: #f97d37; } #user_details p { display:inline-block; width: 175px; margin-bottom: 15px; vertical-align: top; } #form_error { display: none; min-width: 150px; max-width: 500px; min-height: 25px; line-height: 25px; background-color: red; color: white; margin: 20px auto; font-weight: bold; text-align: center; border-radius: 5px; } #menueditor ol { margin: 0; padding: 0; padding-left: 30px; } #menueditor ol.sortable, ol.sortable ol { margin: 0 0 0 25px; padding: 0; } #menueditor ol.sortable { margin: 4em 0; } .sortable li { margin: 7px 0 0 0; padding: 0; width: 100%; } .sortable li div { border: 1px solid black; padding: 3px; margin: 0; cursor: move; } .menu_editor_links { float: right; display: block; } .gallery_editor { width: 100%; list-style-type: none; margin:0px; padding:0px; text-align: left;} .gallery_editor li { padding:10px; padding-bottom: 20px; width:180px; height:120px; display: inline-block; margin-top: 0.5em; } /*A "display: inline-block;" helyett hasznalhato a "float: left;", de akkor kilog a kepernyobol.*/ .gallery_editor li div { width: 180px; height:120px; border:solid 1px black; text-align:center; padding: 3px;} .gallery_editor img { max-width: 170px; max-height: 120px; } .placeHolder div { margin-top: 10px; background-color:white!important; border:dashed 1px gray !important; } .image_enabled { background-color:#d4c08e; } .image_disabled { background-color: #AA0000; } #image_editor { width: 95%; text-align: center; } #image_editor img { max-width: 450px; max-height: 450px; border:solid 1px black;} #image_editor table {margin: 0 auto;} #image_editor td { min-width: 125px; text-align: left; padding-bottom: 5px; } em, i { font-style: italic; }