<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<script src="http://elegantexpressions.us/black/cfs.min.js"></script>
</head>
<body>
<div class="sidebar">
<h1>welcome to jegvirag design</h1>
Az oldal PORTÁLÉPÍTÕ ami tartalmazza az alábbi linkeket:DESIGN,SCRIPT,HTML kód,Segítség.Készítettem ketto új menüt a neveSegítsetek nem megy! ide bárki írhat kérhet és adhat bárkinek segitséget.Másik menü a Hibát találtam az oldalon,ha bármelyik link hibás vagy a kóddal van probléma és te láttad kérlek ird ide.köszönöm.Segítség.2005.04.12.-én indult az oldal azóta várom a segítségre szoruló G-portálos.Ha bármi észrevételed van irhatsz e-mailt virag-78@gportal.hu vagy irhatsz a vendégkönyv be,meg a Chat-be is.TANULJ,SZÉPÍTSD az oldaladat de a legfontosabb hogy közbe jól érezd magad!
Virág
<h2>links !</h2>
<div class="links">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://blackenedfeathers.jcink.net/index.php?act=Online&CODE=listall&sort_key=name&sort_order=asc&show_mem=reg">föoldal</a>
</td>
<td>
<a href="">belépés</a>
</td>
</tr>
<tr>
<td>
<a href="">HTML kod</a>
</td>
<td>
<a href="http://my.cbox.ws/blackenedfeathersic">Design</a>
</td>
</tr>
<tr>
<td>
<a href="http://my.cbox.ws/blackenedfeathersooc">Segítek</a>
</td>
<td>
<a href="">Kódproba</a>
</td>
</tr>
<tr>
<td>
<a href="">vendégkönyv</a>
</td>
<td>
<a href="">Chat</a>
</td>
</tr>
<tr>
<td>
<a href="">Generátor</a>
</td>
<td>
<a href="">MENÜ</a>
</td>
</tr>
<tr>
<td>
<a href="">MENÜ</a>
</td>
<td>
<a href="">MENÜ</a>
</td>
</tr>
</table></div>
<div style="width: 200px; height: 230px;">
<h2>ratios !</h2>
<table><center><tr><td colspan="1"><img src="http://placehold.it/60"><br><br><img src="http://placehold.it/60"><br><br><img src="http://placehold.it/60"></td><td colspan="2"><img src="http://placehold.it/60"><br><br><img src="http://placehold.it/60"><br><br><img src="http://placehold.it/60"></td><td colspan=3"><img src="http://placehold.it/60"><br><br><img src="http://placehold.it/60"><br><br><img src="http://placehold.it/60"><br>
</td></tr></center></table>
</div>
<h2>ic chat !</h2>
<div style="width: 200px; height: 230px;">
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 205px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="http://www2.cbox.ws/box/?boxid=1924614&boxtag=5014&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain2-1924614" id="cboxmain2-1924614"></iframe></div>
<div style="position: relative; height: 75px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="http://www2.cbox.ws/box/?boxid=1924614&boxtag=5014&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform2-1924614" id="cboxform2-1924614"></iframe></div>
</div>
<!-- END CBOX -->
</div>
</div>
<div class="forum">
<div class="header">
<div class="headerl"><center><div style="height: 60px;"></div>
<table cellpadding="0" cellspacing="0">
<td><div class="headerb"><div class="headers1"><center><div style="height: 100px;"></div><div class="headert"> alias </div></center></div></div></td>
<td><div class="headerb"><div class="headers2"><center><div style="height: 100px;"></div><div class="headert"> alias </div></center></div></div></td>
<td><div class="headerb"><div class="headers3"><center><div style="height: 100px;"></div><div class="headert"> alias </div></center></div></div></td>
</table></center>
</div>
</div>
<script>
customStats.init({
html: "<div class='statt'>{%users#registered} members & {%users#guests} guests | {%stats#posts} posts | newest member: {%stats#newest} | {%sort#activity} & {%sort#username}</div><div class='statl'>{%users#list}</div>"
});
customProfile.init({
html: "<div class='cfsp'>{%name}</div><div class='cfspb'><table cellpadding='0' cellspacing='0'><td>{%avatar}</td><td><div style='padding-left: 20px; width: 290px;'><center><img src='{%field#2}' style='border-radius: 100%; width: 150px;'/><div class='cfspt'>{%posts} posts<br>{%activity}<p>{%status}<p>{%field#3}<br>{%field#5}</div></center></div></td><td><div style='width: 200px;'><center><div class='cfspt'><a href='{%field#14}'>application</a><br><a href='{%field#15}'>tracker</a><br><a href='{%field#16}'>wanted ad</a><br>{%pm}<br>{%email}<div class='cfsptt'> {%field#17} </div> </div></div></center></div></td></table></div>"
});
</script>
<a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=125">jÉGvIRÁG</a>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
</div>
<div id='horizontal-toggle'><div class="togglewords">
Toggle Cbox
</div><div id='chatter'>
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 150px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#ababab 1px solid;"><iframe src="http://www4.cbox.ws/box/?boxid=4284401&boxtag=qe0d77&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain4-4284401" id="cboxmain4-4284401"></iframe></div>
<div style="position: relative; height: 80px; overflow: hidden; border:#ababab 1px solid; border-top: 0px;"><iframe src="http://www4.cbox.ws/box/?boxid=4284401&boxtag=qe0d77&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform4-4284401" id="cboxform4-4284401"></iframe></div>
</div>
<!-- END CBOX -->
</div>
</body>
</html>
<style type="text/css">
html { overflow-x: auto; overflow-y: auto; }
form { display:inline; }
body {
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1456506586_51.jpg);
background-attachment: fixed;
font-family: calibri, sans-serif;
color: #222;
line-height: 100%;
font-size: 10px;
margin: 0px;
}
table, tr, td {
font-family: calibri, sans-serif;
color: #222;
line-height: 100%;
font-size: 10px;
}
a:link, a:visited, a:active {
text-decoration: none;
color: #000;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
}
a:hover {
text-decoration: line-through;
color: #90A0B9;
}
/* ucp */
#ucpmenu {
background-color: #fafafa;
padding: 10px;
width: 20%;
line-height: 100%;
}
#ucpmenu p {
padding: 10px;
margin: 0px;
}
#ucpcontent {
background-color: #fafafa;
padding: 10px;
width: auto;
line-height: 100%;
}
#ucpcontent p {
padding: 10px;
margin: 0px;
}
/* logo */
#logostrip {
display: none;
}
#logo {
display: none;
}
/* search */
#searchbar {
display: none;
}
/* nav */
#submenu {
display: none;
}
#submenu img {
display: none;
}
#navi br {
display: none;
}
#navstrip {
text-align: center;
padding: 30px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
}
#navstrip a {
background-color: #fafafa;
padding: 10px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
margin-right: 10px;
border-bottom: 1px solid #90A0B9;
}
/* cal */
.caldate {
background-color: #fff;
padding: 5px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
}
#calendarname {
font-family: 'Lato', sans-serif;
font-size: 25px;
text-transform: uppercase;
color: #222;
line-height: 100%;
}
#padandcenter {
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 10px;
}
/* userlinks */
#userlinks {
background-color: #fafafa;
padding: 10px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
}
#userlinks td {
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
}
#userlinks a {
text-decoration: none;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
}
#userlinks strong {
font-weight: lighter;
}
#userlinks a:hover {
text-decoration: line-through;
color: #90A0B9;
}
/* topics */
.activeuserstrip {
background-color: #fafafa;
padding: 3px;
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.activeuserstrip a {
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.normalname {
display: none;
}
.normalname a {
display: none;
}
.unreg {
background-color: #fff;
padding: 10px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
}
.post1 {
background-color: #fafafa;
padding: 20px;
}
.post2 {
background-color: #fafafa;
padding: 20px;
}
.postdetails {
font-size: 10px;
line-height: 100%;
}
.postcolor {
font-size: 10px;
line-height: 100%;
color: #222;
}
.postlinksbar {
background-color: #fafafa;
padding: 3px;
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.postlinksbar a {
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.signature {
font-size: 10px;
line-height: 100%;
color: #222;
}
/* pagination */
.pagination .pagination_current, .pagination a {
padding: 2px 5px;
}
.pagination a:link, .pagination a:visited, .pagination a:active {
background-color: #fff;
padding: 3px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
margin: 5px;
}
.pagination .pagination_current {
background-color: #fff;
padding: 3px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
margin: 5px;
}
.pagination_pagetxt {
display: none;
}
/* rows */
.row1,.row3,.row4,.row2 {
background-color: #fafafa;
padding: 20px;
}
.row4 b a {
background-color: #fff;
padding: 3px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
margin-right: 10px;
border-bottom: 1px solid #90A0B9;
margin-left: 50px;
}
#boardstats .row2 {
text-align: center;
}
.darkrow1 {
background-color: #fafafa;
padding: 3px;
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.darkrow2 {
background-color: #fafafa;
padding: 3px;
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
td.darkrow2 {
display: none;
}
.darkrow3 {
background-color: #fafafa;
padding: 3px;
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.hlight { background-color: #fff; }
.dlight { background-color: #fafafa; }
/* maintitle */
.maintitle {
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1456506586_51.jpg);
background-position: center;
padding: 50px;
color: transparent;
text-align: right;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
}
.maintitle:hover {
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1456506586_51.jpg);
background-position: center;
}
.maintitle a:link, .maintitle a:visited, .maintitle a:active {
padding: 10px;
color: #222;
background-color: #fff;
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
}
.maintitle a:hover {
text-decoration: line-through;
}
.maintitle span a {
display: none;
}
/* title medium */
.titlemedium {
background-color: #fafafa;
padding: 3px;
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active {
text-decoration: none;
}
/* table */
.tableborder {
background-color: #fafafa;
padding: 10px;
}
.tablefill {
background-color: #fafafa;
padding: 10px;
}
.tablepad {
background-color: #fafafa;
padding: 10px;
}
.tablebasic {
width: 100%;
margin: 0px;
}
.plainborder {
background-color: #fafafa;
padding: 10px;
}
/* code quote */
#QUOTE {
background-color: #fff;
padding: 20px;
font-family: calibri, sans-serif;
font-size: 10px;
color: #222;
line-height: 100%;
border-bottom: 1px solid #90A0B9;
text-align: justify;
}
#CODE {
background-color: #fff;
padding: 20px;
font-family: calibri, sans-serif;
font-size: 10px;
color: #222;
line-height: 100%;
border-bottom: 1px solid #90A0B9;
}
/* input */
.button-large {
display: inline-block;
background-color: #fff;
padding: 10px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
margin-right: 10px;
}
.button-small {
background-color: #fff;
padding: 3px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
margin-right: 5px;
}
.button-large.closed {
display: inline-block;
background-color: #fff;
padding: 10px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
margin-right: 10px;
}
.codebuttons, .radiobutton, .checkbox {
background-color: #fff;
padding: 3px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border: 0px solid #fff;
font-family: calibri, sans-serif;
border-bottom: 1px solid #90A0B9;
margin: 5px;
}
.forminput {
background-color: #fff;
padding: 5px;
border: 0px solid #fff;
border-bottom: 1px solid #90A0B9;
font-size: 9px;
font-family: calibri, sans-serif;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
color: #222;
}
.textinput {
width: 80%;
background-color: #fff;
padding: 20px;
border: 0px solid #fff;
border-bottom: 1px solid #90A0B9;
font-size: 10px;
font-family: calibri, sans-serif;
line-height: 100%;
color: #222;
}
/* pform */
.pformstrip {
background-color: #fafafa;
padding: 3px;
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.pformstrip a {
font-size: 6px;
text-transform: uppercase;
font-weight: lighter;
text-align: center;
letter-spacing: 1px;
line-height: 100%;
color: #888;
}
.pformleft {
background-color: #fafafa;
padding: 10px;
width: 20%;
}
.pformleftw {
background-color: #fafafa;
padding: 10px;
width: 40%;
}
.pformright {
background-color: #fafafa;
padding: 10px;
}
/* cookies */
#delcookiesrow, #mark-as-read-subto {
display: none;
}
/* top links */
.toplinks a {
font-size: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}
.toplinks {
display: block;
}
/* misc */
img { vertical-align:middle; border:0px }
img.attach { border:2px outset #555;padding:2px }
.desc { font-size: 10px; }
.edit { font-size: 10px }
.wrapmini { float: left; }
.warngood { color:green }
.warnbad { color:red }
.newstext, .newstext span {
display: none;
}
.subforums, .subforums span {
display: none;
}
.ip_address span {
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
letter-spacing: 2px;
}
/* mobile */
#mobile {
background-color: #fff;
}
/* copyright */
.copyright {
font-size: 10px;
line-height: 100%;
}
.forum {
width: 800px;
padding: 20px;
background-color: #fff;
position: relative;
left: 280px;
border-right: 100px solid #90A0B9;
}
.sidebar {
width: 200px;
padding: 20px;
top: 20px;
left: 20px;
height: 85%;
background-color: #fff;
position: fixed;
text-align: justify;
font-size: 8px;
line-height: 100%;
text-transform: uppercase;
color: #222;
font-family: calibri, sans-serif;
letter-spacing: 2px;
}
.sidebar>h1 {
background-color: #90A0B9;
color: #fff;
font-family: 'Lato', sans-serif;
text-align: center;
padding: 5px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 100%;
margin-bottom: 5px;
font-weight: lighter;
margin-top: 0px;
font-size: 25px;
}
.sidebar>h2 {
background-color: #90A0B9;
color: #fff;
font-family: 'Lato', sans-serif;
text-align: center;
padding: 5px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 100%;
margin-bottom: 5px;
font-weight: lighter;
font-size: 15px;
}
.sidebar a:hover {
text-decoration: line-through;
}
.links a {
display: block;
width: 99px;
margin-right: 1px;
padding-top: 5px;
padding-bottom: 5px;
color: #222;
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
text-align: center;
margin-bottom: 1px;
border-bottom: 1px solid #90A0B9;
}
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #90A0B9;
}
.blaine {
padding: 10px;
margin-top: 10px;
color: #222;
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
text-align: center;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
}
.blaine a {
color: #222;
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
text-align: center;
letter-spacing: 2px;
}
/* custom shit */
.cfsp {
width: 760px;
background-color: #90A0B9;
color: #fff;
font-family: 'Lato', sans-serif;
text-align: right;
padding: 20px;
font-size: 40px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 100%;
font-weight: lighter;
}
.cfspb {
width: 760px;
padding: 20px;
background-color: #fafafa;
margin-bottom: 10px;
}
.cfspt {
font-family: 'Lato', sans-serif;
text-align: center;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 100%;
font-weight: lighter;
color: #222;
margin-top: 20px;
}
.cfspt a {
background-color: #90A0B9;
font-family: 'Lato', sans-serif;
text-align: center;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 100%;
font-weight: lighter;
color: #fff;
padding: 5px;
display: block;
}
.cfsptt {
width: 195px;
padding-right: 5px;
height: 150px;
margin-top: 10px;
text-align: justify;
font-size: 8px;
letter-spacing: 2px;
overflow: auto;
font-family: calibri, sans-serif;
color: #222;
line-height: 100%;
}
.statt {
background-color: #fff;
padding: 10px;
color: #222;
text-align: center;
text-transform: uppercase;
line-height: 100%;
font-size: 8px;
font-weight: lighter;
letter-spacing: 2px;
border-bottom: 1px solid #90A0B9;
margin-bottom: 10px;
}
.statl, .statl a {
font-family: 'Lato', sans-serif;
text-align: justify;
font-size: 20px;
text-transform: uppercase;
line-height: 100%;
font-weight: lighter;
color: #222;
}
/* mini prof */
.never {
width: 250px;
height: 350px;
position: relative;
overflow: hidden;
}
.never .let {
width: 210px;
height: 310px;
padding: 10px;
background-color: rgba(250,250,250,0.6);
position: absolute;
top: -400px;
left: 10px;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
}
.never:hover .let {
top: 10px;
}
.lett {
width: 200px;
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1456506586_51.jpg);
background-position: center;
padding: 25px;
text-align: right;
}
.lett a {
padding: 10px;
color: #222;
line-height: 100%;
font-family: calibri, sans-serif;
background-color: #fff;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 2px;
border-bottom: 1px solid #222;
}
.letb img {
width: 100px;
height: 100px;
border-radius: 100%;
}
.letb {
width: 100px;
height: 100px;
padding: 5px;
border: 3px double #fff;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 100%;
}
.leta {
width: 190px;
padding: 10px;
color: #222;
line-height: 100%;
font-family: calibri, sans-serif;
background-color: #fff;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 2px;
border-bottom: 1px solid #222;
text-align: right;
margin-bottom: 15px;
}
.letc {
width: 190px;
padding: 10px;
color: #222;
line-height: 100%;
font-family: calibri, sans-serif;
background-color: #fff;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 2px;
border-bottom: 1px solid #222;
text-align: left;
}
.letc a {
color: #222;
line-height: 100%;
font-family: calibri, sans-serif;
text-transform: uppercase;
font-size: 8px;
letter-spacing: 2px;
}
.you {
width: 85px;
background-color: rgba(250,250,250,0.9);
padding: 10px;
font-size: 8px;
font-family: calibri, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-style: italic;
color: #222;
line-height: 100%;
margin-bottom: 25px;
margin-top: 15px;
font-weight: lighter;
}
/* desc */
.desc1 {
width: 280px;
padding: 10px;
background-color: #fff;
font-size: 10px;
color: #222;
line-height: 100%;
text-align: justify;
border-bottom: 1px solid #90A0B9;
}
.desc2 {
width: 100px;
float: left;
margin-right: 10px;
margin-bottom: 0px;
}
.desc2 a {
background-color: #90A0B9;
font-size: 8px;
letter-spacing: 2px;
color: #fff;
text-transform: uppercase;
text-align: center;
display: block;
margin-bottom: 1px;
line-height: 100%;
padding: 5px;
}
.descb {
width: 300px;
padding: 5px;
margin-top: 10px;
border: 3px double #fff;
}
/* header */
.header {
width: 800px;
height: 350px;
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1456506586_51.jpg);
position: relative;
overflow: hidden;
}
.headerl {
width: 800px;
height: 350px;
opacity: 0;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
}
.headerl:hover {
opacity: .99;
}
.headers1 {
width: 200px;
height: 200px;
border-radius: 100%;
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427827481_52.jpg);
}
.headers2 {
width: 200px;
height: 200px;
border-radius: 100%;
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427827481_52.jpg);
}
.headers3 {
width: 200px;
height: 200px;
border-radius: 100%;
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1427827481_52.jpg);
}
.headerb {
width: 200px;
height: 200px;
padding: 5px;
border: 3px double #fff;
border-radius: 100%;
margin-right: 10px;
}
.headert {
width: 150px;
padding: 10px;
background-color: #90A0B9;
color: #fff;
font-size: 8px;
text-transform: uppercase;
line-height: 100%;
font-family: calibri, sans-serif;
text-align: center;
letter-spacing: 2px;
}
/* Plotter App made by DIDI of Shine */
.plotterapp {
width: 410px;
height: 360px;
padding: 20px;
border: 0px solid #aaa;
background: #fff;
margin: 20px auto 0px auto;
}
.plotterapp .greyarea {
width: 155px;
height: 400px;
position: absolute;
padding: 0px;
margin-top: -20px;
margin-left: -20px;
background: #4D4D4D;
}
.plotterapp .greyarea img {
opacity: .7;
display: block;
width: 155px;
height: 400px;
object-fit: cover;
}
.plotterapp .tabs {
position: relative;
top: 0px;
right: -70px;
width: 260px;
height: 360px;
}
.plotterapp .tab {
float: left;
}
.plotterapp .tab label {
position: absolute;
margin-left: -103px;
top: 60px;
border-radius: 50%;
background: #fff;
opacity: .7;
box-shadow: 0px 1px 3px rgba(0,0,0,.4);
width: 30px;
padding: 8px 0px;
text-align: center;
font-family: ubuntu mono;
font-size: 10px;
color: rgba(0,0,0,0);
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.plotterapp .tab:hover label { cursor: pointer; }
.plotterapp .tab [type=radio] {
display: none;
}
.plotterapp .content {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 5px;
width: 230px;
height: 320px;
padding: 20px;
background: rgba(255,255,255,.7);
overflow: hidden;
-ms-transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.plotterapp .written {
position: relative;
background: transparent;
width: 207px;
height: 320px;
padding-right: 3px;
overflow: auto;
font-size: 10px;
font-family: times;
line-height: 99%;
color: #4D4D4D;
text-align: justify;
text-transform: lowercase;
}
.written b, .written i {
color: #216cb4;
}
.written::-webkit-scrollbar { width: 5px; background: #fff; }
.written::-webkit-scrollbar-track { width: 5px; background: #fff; }
.written::-webkit-scrollbar-thumb { width: 1px; border-left: 2px solid #fff; border-right: 2px solid #fff; background: #4d4d4d; }
.plotterapp h1 {
width: 99%;
padding-bottom: 5px;
border-bottom: 4px double #4D4D4D;
text-align: right;
color: #4D4D4D;
font-family: oswald;
font-size: 15px;
line-height: 100%;
text-transform: uppercase;
}
.plotterapp h2 {
width: 99%;
padding-bottom: 5px;
border-bottom: 4px double #4D4D4D;
text-align: right;
color: #4D4D4D;
font-family: oswald;
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
}
.plotterapp [type=radio]:checked ~ label {
background: rgba(0,0,0,.5);
color: rgba(0,0,0,0);
z-index: 2;
}
.plotterapp [type=radio]:checked ~ label ~ .content {
z-index: 51;
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.plotappunder {
width: 450px;
padding: 50px 0px 60px 0px;
text-align: center;
font-family: times;
font-size: 28px;
font-style: italic;
text-transform: lowercase;
color: #4D4D4D;
background: #fff;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
margin-bottom: 20px;
}
.plotappunder:hover {
opacity: .7;
color: #eee;
}
.plotterappline1 {
width: 75%;
margin: 10px auto;
height: 1px;
background: #4d4d4d;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.plotappunder:hover .plotterappline1 { background: #eee; }
.plotterappline2 {
width: 65%;
margin: 0px auto;
height: 1px;
background: #4d4d4d;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.plotappunder:hover .plotterappline2 { background: #eee; }
/***********************************
KISMET'S TOGGLE BOX
************************************/
#horizontal-toggle {
position: fixed;
bottom: 0px;
left: 0px;
width: 0;
height: 0;
border-bottom: 120px solid #e8e8ea;
border-right: 120px solid transparent;
font-family: Calibri, Tahoma, Arial, sans-serif;
font-size: 10px;
color: #e8e8ea;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px
}
.togglewords {
position: fixed;
bottom: 50px;
left: 50px;
width: 50px;
height: 50px;
}
#chatter {
padding: 0px;
background-color: #fff;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 100;
display: none;
<style>