előző css

Tárgy: előző css Kedd Jún. 17, 2014 8:24 pm

Kód:: @font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: local('Satisfy'), url(http://themes.googleusercontent.com/static/fonts/satisfy/v3/ch7X2unYkww0EzsjlC3m8w.woff) format('woff');
}

/*SCROLLBAR*/
   ::-webkit-scrollbar {
display: block;
background: #222;
width: 9px;
}

  ::-webkit-scrollbar-thumb {
display: block;
background-image: url(http://i44.tinypic.com/2e2i2hv.png);
padding: 10px 10px 10px 10px;
color: black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
opacity: 0.9;
line-height: 98%;
width: 2px;
}

  ::-webkit-scrollbar-corner {
display: block;
color: black;
background-image: url(http://i44.tinypic.com/2e2i2hv.png);
height: 1px;
width: 3px;
}
/*FEJLÉC*/
#i_logo {
margin-bottom: +10px;
margin-top: 0px;
border-radius: 60px 80px 60px 80px / 60px 40px 60px 40px;
box-shadow: 1px 1px 30px #000000;
}

@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/DPPfSFKxRTXvae2bKDzp5D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/petitformalscript/v1/OEZwr2-ovBsq2n3ACCKoEtgdb3q9Ts3XkY9bkaxM24g.woff) format('woff');
}
@font-face {
  font-family: 'Ruthie';
  font-style: normal;
  font-weight: 400;
  src: local('Ruthie'), local('Ruthie-Regular'), url(http://themes.googleusercontent.com/static/fonts/ruthie/v3/Di1LdjRzoaEvDmrQy1l_ww.woff) format('woff');
}

.bodyline {
margin-bottom: 40px;
background: #151817;
border-left: 4px dotted #160A00;
border-right: 1px dashed #160A00;
border-radius: 50px/10px;
}

#i_logo {
-moz-opacity: 0.6;
opacity: 0.6;
filter:alpha(opacity=40); /* For IE8 and earlier */
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
}
#i_logo:hover {
-moz-opacity: 0.6;
opacity: 1.0;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.opacity img {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
   opacity: 0.5;}

   .opacity:hover img {
   filter:alpha(opacity=100);
   -moz-opacity: 5.0;
   opacity: 5.0;
   }

.body {
  font-family: Times New Roman ;
font-size:12px;
margin: 10px;
padding: 0px;
background: url(http://i57.photobucket.com/albums/g237/Nami_Elementallist/cracked_grayscale2.png);
background-attachment:fixed;
-moz-opacity: 0.5;
opacity: 1.0;
margin-top: 10px;
margin-bottom: 10px;
}

.forumline{
border-top: 4px dotted #160A00;
border-bottom: 4px dotted #160A00;
border-radius: 70px/ 16px;
-moz-border-radius: 70px/ 16px;
-webkit-border-radius: 70px/ 16px;
box-shadow: 2px 2px 8px #000;
}

.postbody {
text-align: justify;
  padding: 5px;
-moz-opacity: 0.5;
opacity: 1.0;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px; 10px; 40px; 40px;
-moz-border-radius: 10px; 10px; 40px; 40px;
-webkit-border-radius: 10px; 10px; 40px; 40px;
}

.cattitle {
font-size: 24px;
font-family: 'ruthie';
letter-spacing: 1px;
text-shadow: 1px 1px 3px #000;
padding: 5px 15px 5px 15px;
font-weight: normal!important;
color: #697769;!important;
}
.forumlink{
font-family: 'ruthie';
font-size: 35px;
letter-spacing: -1px;
text-align: center;
text-transform : none;
font-weight:normal !important;
font-style: bold;
display: block;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
-ms-transition: all 2s;
transition: all 2s;
text-shadow: 0px 0px 1px black; !important;
}
.forumlink:hover {
text-shadow: 0px 0px 10px black !important;
  margin-left: 30px;
}
.a{ text-decoration: none !important }
a:hover { text-decoration: none !important }

th {
background-image: url("http://2img.net/i/fa/empty.gif");
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
font-family: 'Petit Formal Script', Cursive;
color: #000000;
}
a.topictitle{
  text-decoration: none;
  font-size: 12px;
font-family: 'Petit Formal Script';
}

a.topictitle:visited{
text-decoration: none;
  font-size: 12px;
font-family: 'Petit Formal Script';
}
a.topictitle:hover{
  text-decoration: none;
  font-size: 12px;
font-family: 'Petit Formal Script';
text-decoration: none;
}
a.postlink {
  text-shadow: 1px 1px 1px #000;
}
a.postlink:hover{
  text-decoration: none;
  font-style: Italic;
}

.bodyline {
-moz-border-radius:40px /10px;}

a.mainmenu:link, a.mainmenu:visited{
font-size: 20px;
font-family: 'ruthie';
letter-spacing: 1px;
text-shadow: 1px 1px 1px #000 !important;
text-align:left;
opacity: 0.6;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
-ms-transition: all 2s;
transition: all 2s;
}

a.mainmenu:hover, a.mainmenu:hover:visited {
text-shadow: 0px 0px 10px !important;
opacity: 1.0;}
a:hover{text-decoration: none;
}
a {
text-decoration: none;
}

/*Titre des modules*/
.module-title {
background-color: transparent;
display: block;
font-family: 'ruthie';
font-size: 25px;
padding: 3px;
text-align: center;
}
/* Titre des catégories */
.secondarytitle, .secondarytitle h2 {
font-size: 11px;
font-weight: 700;
height: 25px;
padding: 2px 3px;
font-family: 'Petit Formal Script', Cursive;
color: #000000;
}

/*NEVEK*/
.name a {
display: block;
padding-top: 3px;
text-align: center;
font-family: 'ruthie';
font-size: 30px;
font-weight: none;
text-shadow: 0px 0px 1px #000 !important;
-moz-transition: all 2s !important;
-webkit-transition: all 2s !important;
-o-transition: all 2s !important;
-ms-transition: all 2s !important;
transition: all 2s !important;
}
.name a:hover {
text-shadow: 0px 0px 10px #000000 !important;
}
/*PROFIL*/

-->
.poster-profile {
display: block;
width: 210px;
background-image:URL(http://i.imgur.com/dOTGhvb.png);
box-shadow: 0px 0px 5px #000000;
border-radius: 70px/ 16px;
float: right;
padding: 3px;
}

.postdetails {
font-family: 'verdana';
color: #697769;
font-size: 10px;
}
-->
.img{
align: center !important;
margin-left: 0px; !important;
border-radius: 40px 20px / 20px 40px; !important;
-webkit-border-radius: 40px 20px / 20px 40px; !important;
-moz-border-radius: 40px 20px / 20px 40px; !important;
margin: 5px auto !important;
padding-left: 1px !important;
width: 200px;
height: 320px;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
-ms-transition: all 2s;
transition: all 2s;
opacity: 0.6;
}
.img:hover{
opacity: 0.9;
}

.postdetails.poster-profile img {
align:center; !important;
margin-left: 3px; !important;
max-width: 200px;
opacity: 0.6;
border: 2px dotted #14171;
border-radius: 60px 10px / 10px 30px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
box-shadow: 0px 0px 10px #000000;}

.postdetails.poster-profile img:hover {
opacity: 0.9;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}

.rank {
  font-family: 'Ruthie';
  font-size: 20px;
  text-shadow: 1px 1px 2px #000;
}

.rank:hover {
  opacity: .5;
}

/*CHATBOX*/
#chatbox_members ul li,
#chatbox_members ul li {
   font-family: 'Great Vibes';
font-size: 18px;
}

a.gensmall {
text-shadow: 1px 1px 3px #000;
}

#onlinelist p b a.gensmall {
  font-family: 'Amatic SC';!important;
   font-size: 14px !important;
}

/*STAFF KÓD*/

.mozaik_avatar
{
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 160px;
  height: 40px;
  overflow: hidden;
  border: 2px solid #000000;
  box-shadow: 0px 0px 0px #000000;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}

.mozaik_avatar:hover
{
  position: relative;
  z-index: 999;
  display: inline-block;
  width: 160px;
  height: 145px;
  overflow: hidden;
  border: 2px solid #000000;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}

.mozaik_avatardescr
{
  display: block;
  background: url(http://img15.hostingpics.net/pics/301068noir50.png);
  margin-top: 100px;
  height: 105px;
  overflow: auto;
  color: #e4e4e4;
  text-align:justify;
  font-size: 10px;
  line-height: 12px;
  text-shadow: 1px 1px 0px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatar:hover .mozaik_avatardescr
{
  margin-top: 90px;
  height:145px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatardescr:hover
{
  margin-top: 0px !important;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatartitre
{
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}

/*TOPICOC KÓDJA*/
.valami {
opacity:0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
background-color: #151817;
width:200px;
height: 100px;
font-size:12px;
text-align: center;
overflow:auto;
border-radius: 50px / 10px;
}

.valami:hover {
opacity:0.8;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity:0.9;
border-radius: 50px / 10px;
}

/*LINKEK*/
a:link {
text-shadow: 0px 0px 3px #000000;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
a:link:hover {
text-shadow: 0px 0px 1px #000000;
}

/*ET KÓDOK*/

.etkép {
opacity: 0.7;
}
.etkép:hover {
  opacity: 0.8;
}
.nevecske {
font-family: 'Ruthie';
font-size: 40px;
text-shadow: 0px 0px 1px #000000;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
-ms-transition: all 2s;
transition: all 2s;
}
.nevecske:hover {
text-shadow: 0px 0px 10px #000000;
}
.cuccok {
width: 230px;
height: 300px;
overflow: auto;
box-shadow: 0px 0px 5px #000000;;
border-radius: 20px;
text-align: justify;
}
.ethelye {
width: 450px;
height: 300px;
overflow: auto;
box-shadow: 0px 0px 5px #000000;;
border-radius: 20px;
text-align: justify;
}

/*rózikacucca*/
.rózika {
opacity:0.9;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
background-color: #212927;
border-left: 4px dotted #160A00;
border-right: 1px dashed #160A00;
border-bottom: 4px dotted #160A00;
  box-shadow: 1px 2px 3px #000;
width:400px;
height: 150px;
overflow:auto;
border-radius: 50px / 10px;
}

.rózika:hover {
opacity:0.5;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity:0.9;
border-radius: 50px / 10px;
}

.miniszöveg {
opacity:0.7;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
background-color: #212927;
border-bottom: 4px dotted #160A00;
  box-shadow: 1px 2px 3px #000;
width:400px;
height: 100px;
overflow:auto;
border-radius: 50px / 10px;
}

/*KERESETT KARIK BLABLABLA*/
.keresettkép {
opacity: 0.7;
width: 200px;
height: 320px;
  border-radius: 70px / 16px;
}

.cuccok {
width: 230px;
height: 300px;
overflow: auto;
box-shadow: 0px 0px 5px #000000;;
border-radius: 20px;
text-align: justify;
}

/*KANONOK*/

.tad{ opacity:0;
-moz-transition: all 0.7s ease-in;
-webkit-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-out;
-webkit-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
}
.tad:hover {
opacity: 0.90;
}

/* Icon and Topic */
.topiclast {background: transparent; background-repeat: no-repeat; border: 0px solid #080807; border-radius: 0px 0px 0px 0px; box-shadow: 0 0 0px black; padding: 3px; width: 200px; height: 130px; }
.topiclast a {color: #3B5145}
.iconlast {background-color: #transp; border: 0px dotted #31473B; border-radius: 20px 20px 0px 0px; box-shadow: 0 0 0px #000000; height: 15px; padding: 3px; width: 120px; font-family: georgia; font-style: italic; font-weight: bold; color: #3B5145; text-shadow: 1px 1px 4px black; font-size: 20px; position: relative; top: 10px; left: 10px;}
.imlast {margin-left:-130px; margin-top:10px; -moz-transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s;}
.imlast:hover {margin-left:-130px; margin-top:10px; -moz-transform:rotate(-15deg); transform:rotate(-15deg); -webkit-transform:rotate(-15deg); -moz-transition: all 0.6s ease-in-out 0s; -webkit-transition: all 0.6s ease-in-out 0s; transition: all 0.6s ease-in-out 0s;}

/*corners*/
td.catHead, th.thHead {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
font-size: 13px;
}

td.catBottom, th.thBottom {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

td.catRight, td.row3Right, th.thRight {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

th.thTop {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

th.thCornerR {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

th.thCornerL {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

td.catLeft, th.thLeft {
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
}

Colors and text size

Szövegszín :31473B

Linkek színe :334A3D

Meglátogatott linkek színe :30473B

Aktív linkek színe :30473B

Link színe, ha felette van az egér :334A3D

Header font color :493D26
Második betűtípus :TrebuchetMS
Első betűtípus :Verdana,Arial,Helvetica,sans-serif
Harmadik betűtípus :Courier,Courier New,sans-serif

Első betűméret :10

Második betűméret :11

Harmadik betűméret :12

Első betűszín :444444
Harmadik betűszín :493D26

Background Colors 151817

témaképek kódja:

Kód:: <center>
<div style="background-image:url(http://i43.tinypic.com/20tm1ys.jpg); width: 400px; border-radius: 50px / 10px;">
   <div class="rózika">
      <div style="float: left; width: 300px; text-align: justify;">
         <br /><br />Üdvözöllek Twilighter! Az első lépésekhez elengedhetetlen részleget találod itt, s a legfontosabb pontokban informálódhatsz fórumunk alapjairól. Figyelem! A későbbiekben sem elhanyagolandó!<br />
         <center>
            Jó olvasgatást! :-)
         </center>

      </div>
      <div style="width: 100px; float: right;">
         <a rel="nofollow" target="_blank" class="postlink" href="http://twilight.hungarianforum.com/t1588-vilagunkrol">Történetleírás</a> <br /><br /> <a rel="nofollow" target="_blank" class="postlink" href="http://twilight.hungarianforum.com/t1590-egyseges-forumszabalyzat">Szabályzat</a><br /><br /> <a rel="nofollow" target="_blank" class="postlink" href="http://twilight.hungarianforum.com/t1589-a-staffrol">Staff team</a><br /><br /> <a rel="nofollow" target="_blank" class="postlink" href="http://twilight.hungarianforum.com/f46-reszletes-fajleirasok">Részletes fajleírások</a><br /><br /> <a rel="nofollow" target="_blank" class="postlink" href="http://twilight.hungarianforum.com/t1592-multikarakterek-es-canon-karakterek-figyelmebe">Multiszabály</a>
      </div>
   </div>
</div>
</center>

Tárgy: Re: előző css Szer. Jún. 18, 2014 7:59 pm

Esme Cullen

Vegetáriánus & Elizabeth Reaser

A karakter ÁTVEHETŐ, sürgősen keressük!
A legempatikusabb édesanya szíve megszakad, hiszen gyermekei boldogsága darabjaira hullik. Bármit megtenne értük, legnagyobb vágya, hogy minden olyan legyen, mint régen. Félti a veszélybe sodort és nehezen felépített életet velük, ezért férje, Carlisle oldalán megpróbálja csillapítani a kedélyeket.

Caius Volturi

Ragadozó & Jamie C. Bowen

Hatalomvágya kezd teljesen eluralkodni felette. Bár Aro mellett áll, mindez látszólagos tényező, és képes lenne akár Marcust is lesöpörni a színről, hogy közelebb érjen a céljához. Kíváncsian figyeli a jelen helyzetet, de sosem lehet tudni, melyik alkalomra vár igazán. Csendes szörnyetegként talán veszélyesebb, mint maga Aro.

Jane Volturi

Ragadozó & Dakota Fanning

Sosem hitte volna, hogy a bátyja egyszer nem csak őt fogja szeretni. Fortyog a haragtól, bár ebből még mit sem érzékel a külvilág, ám eltökélt szándéka, hogy megnézi magának Vitaliát, Alec újszülött játékszerét, bár nem feltétlenül akarja magára haragítani az ikertestvérét. Bella érkezésének sem örül, mi több, kirázza a hideg a kilátásban lévő lehetőségtől, viszont lehetséges, hogy mégis jól fog rajta szórakozni?

Demetri Volturi

Ragadozó & Charlie Bewley

Forksba küldték, parancsába egyértelmű instrukciókkal: segítsen Lenának, a kémnek, hogy minél hamarabb Olaszországban tudhassák a Volturi legújabb kincsét, Bellát. Demetri hatalmas lazasággal és szokásos nőcsábász modorával azonnal feltalálta magát, nem kérdés, egészen jól múlatja az időt... De vajon senkit nem hiányzol Volterrából?

Felix Volturi

Ragadozó & Daniel Cudmore

Újszülöttek, csatlakozni kívánó tapasztaltabb vámpírok? Felix igen jól szórakozik a kiképzésükkel, hiszen a nagy hármas, a vezetők ezúttal rá bízták eme nemes feladatot. Nem hazudtolja meg magát, kemény, akár a kőszikla, vagy a legnemesebb edzett acél, bár igazán sajnálja, hogy ezúttal Demetri mellett ő nem parádézhat a Cullen család ellen. Vagy talán a látszat ellenére több babért arat le a kastély falain belül?

Athenadora Volturi

Ragadozó

Tökéletes képet alkot egy igazi uralkodónőről. Könnyű, csodálatos jelenség, mégis rideg a lelke, mint férjéé, Caiusé. Frigyük kortalannak számít, és látszólag minden a legnagyobb rendben, Dora azonban a férje "hivatásának" áldozata lett, hiszen hiába tartózkodnak egymáshoz közel, a férje ideje rá nézve a kevésnél is kevesebb. A nagyasszony kénytelen másként elfoglalni magát, mialatt igyekszik visszatalálni az egyensúlyhoz, ami mindig is jól jellemezte őt.