Wir sind ein Rollenspiel Forum.
 
StartseiteKalenderGalerieFAQSuchenMitgliederNutzergruppenAnmeldenLogin

Teilen | 
 

 CSS

Nach unten 
AutorNachricht
Corporal Levi
Scouting Legion
avatar

Anzahl der Beiträge : 275
Streifen : 670
Bewertung : 4
Anmeldedatum : 21.01.14
Alter : 19

BeitragThema: CSS    Do Jul 26, 2018 8:13 pm

#pun-navlinks li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}
#pun-navlinks a:hover{
margin-right: 4px;
margin-top: 1px;
}
.pun table.table th {
padding: 0.5em 0;
border-style: none;
border-color: #;
background-image: url('http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png');
}
#onlinelist {
border-top: 1px dashed #2b3340;
padding: 0.6em 1em;
background-color: #0c7ded;
}
button.button2, input.button2 {
font-size: 0.9em;
border: 1px solid #2b3340;
width: auto !important;
margin: 0px 0em 0;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #0c7ded;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png');
background-position: top;
overflow: visible;
vertical-align:middle;
}
button.button2:hover, input.button2:hover {
border: 1px solid #62b3340;
color: #2b3340;
background-image: url('http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png');
background-position: top;
background-position: 0 100%;
}
#pun-about {
border-style: none;
border-width: 0px;
border-color: #;
text-align: left;
line-height: 55px;
padding: 0.6em 1em;
background-color: #0c7ded;
background-image: url("http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png");
background-repeat: no-repeat;
background-position: bottom right;
}

body{
background-position: bottom;
background-repeat: no-repeat;
background-attachment: fixed;
}

.bodylinewidth
{
width: 1200px;
margin: auto;
}


a
{
font-variant: small-caps;
text-decoration: none;
outline:none;
}

a
{
letter-spacing: 1px;
outline: none;
text-decoration: none !important;
}

a:hover
{
text-decoration: none !important;
}

th
{
text-align: left;
font-variant: small-caps;
}

a.forumlink
{
display: block;
font-weight: normal;
font-style: italic;
text-align: center;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 6px;
margin-top: -2px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
background-image: url('http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png');
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0px 0px 10px 10px;
border-bottom: 4px dotted #2b3340;

}

a.forumlink:hover
{
text-decoration: none !important;
letter-spacing: 2px;
font-variant: small-caps;
font-weight: bold;
}

table
{
margin-left: auto;
margin-right: auto;
width: 93%;
}

.bodylinewidth
{
width: 1000px;
margin: auto;
}

.forumline
{
max-width: 1000px;
overflow: auto;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
padding: 4px;
background: url('http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png') top left repeat;
border: 2px solid #2b3340;
border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-htm-border-radius: 0px;
-webkit-border-radius: 0px;
font-size: 11px;
color: transparant;
font-family: helvetica;
}
.forumline a
{
text-decoration: none !important;
fotn-weight: bold;
color: transparant;
}
.forumline a:hover
{
text-decoration: none !important;
fotn-weight: bold;
color: #5E0101 !important;
}


.row1,.row2,.row3
{
border-bottom: 1px dotted #2b3340;
}

a
{
letter-spacing: 1px;
outline: none;
text-decoration: none !important;
}

a:hover
{
text-decoration: none !important;
}

.cattitle
{
display: block;
font-variant: small-caps;
text-align: center;
}

a.cattitle
{
display: block;
color: #0c7ded;
padding-left: 30px;
font-variant: small-caps;
}




.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}


.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: none;
margin: auto;
margin-bottom:auto;
width:1100px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
border :none;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:inline-block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('') no-repeat;
color: #0c7ded;
width:200px; /*Largeur de l'onglet étant actif*/
height:30px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px; /* pour Chrome */
-webkit-border-top-right-radius: 10px; /* pour Chrome */
text-shadow: #4A4A4A 0px 0px 3px;
padding: 5px 20px;
margin: 0;
}

.onglet_nactif {
background:url('') no-repeat; /*URL de l'onglet étant inactif*/
color: #0c7ded;
width:200px; /*Largeur de l'onglet étant inactif*/
height:30px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-webkit-border-top-left-radius: 10px; /* pour Chrome */
-webkit-border-top-right-radius: 10px; /* pour Chrome */
padding: 5px 20px;
margin: 0;
}

.infobulle{
position: relative;
z-index: 0;}

.infobulle:hover{
background-color: transparent;
z-index: 50;}

.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1100px;
visibility: hidden;
color: none;}

.infobulle span img{
border: 2px;
padding: 5px;}


.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 200px ;
color:#FF0000;
border: 2px solid #b886b6;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Tokyos Blablabla Box"; }
body.chatbox {
background: url() top left repeat;
border: 2px solid #2b3340;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
color: transparant;
}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3{
background: transparent;
}

.code
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.quote
{
-moz-border-radius: 15px;
padding-left: 10px;
}
.button2{ -moz-border-radius: 5px;}
.bodyline{ -moz-border-radius: 10px;}
input,textarea, select {
border-radius: 10px 10px;
-moz-border-radius: 10px;
padding-left: 3px;
}




/* accordeon */


.mainmenu
{ filter:alpha(opacity=100); }

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
background: url(http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png) top left repeat;
}
.spoiler_content {
background: url(http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png) top left repeat;
filter:alpha(opacity=100); ;
}
.spoiler_closed {
background: url(http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png) top left repeat;
}

#text_editor_iframe, input, select, textarea {
background: url(https://redcdn.net/ihimizer/img338/2662/sanstitre1bfb.png) top left repeat;
}

@charset 'utf-8';
/*************************************************!
*
* project: liteAccordion - a horizontal accordion plugin for jQuery
* author: Nicola Hibbert
* url: http://nicolahibbert.com/liteaccordion-v2/
* demo: http://www.nicolahibbert.com/demo/liteAccordion/
*
* Version: 2.0.2
* Copyright: (c) 2010-2011 Nicola Hibbert
* Licence: MIT
*
**************************************************/
/****************************************** Core */
.accordion { text-align: left; font: 'Helvetica Neue', Verdana, Arial, sans-serif }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
color: black;
font-size: 16px;
font-weight: normal;
margin: 0;
z-index: 100;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.accordion .slide > h2 span {
display: block;
padding-right: 8%;
text-align: right;
height: 90%;
margin-top: 5px;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.accordion .slide > h2 b {
display: inline-block;
position: absolute;
top: 13%;
left: 10%;
text-align: center;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/****************************************** Dark */
.accordion {
border: 9px solid #353535;
border-bottom-width: 8px;
padding: 5px 5px 6px 0;
background: #030303;
-webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
-o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.accordion .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.accordion .slide > h2 span { background: #353535; color: white }
.accordion .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.accordion .slide > h2.selected span, .accordion .slide > h2.selected span:hover {
background-image:url(https://i.imgur.com/cHqxxZA.jpg);
background: -moz-linear-gradient(left, #353535 0%, #555555 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
background: -webkit-linear-gradient(left, #353535 0%,#555555 100%);
background: -o-linear-gradient(left, #353535 0%,#555555 100%);
background: -ms-linear-gradient(left, #353535 0%,#555555 100%);
background: linear-gradient(left, #353535 0%,#555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
.accordion .slide > h2.selected b {
background-image:url(https://i.imgur.com/cHqxxZA.jpg);
background: -moz-linear-gradient(top, #3a3a3a 0%, #363636 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
background: -webkit-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: -o-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: -ms-linear-gradient(top, #3a3a3a 0%,#363636 100%);
background: linear-gradient(top, #3a3a3a 0%,#363636 100%);
}
.accordion .slide > div { background: #030303; margin-left: 5px }

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.accordion .slide > h2 b { top: 44% }
.ie9.accordion .slide > h2.selected span, .ie9.accordion .slide > h2.selected span:hover { filter: none }

/******************************************** FA */
.accordion figure .full { width: 100%; height: 100%; }
.accordion h2 { border: none; }

/* centrer l'accordéon */
.accordion { margin: auto; }
.weristonline {width: 850px;
margin-left: 30px;color:#EDEDED;}

#gruppen {height: 30px;
background-image:url(http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png);
text-align: center;
font-family: georia;
text-shadow: 0 0 1px #000;
text-transform: uppercase;
font-size: 20px;}

.box {background-image:url(http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png);width:33%;text-align: justify;padding: 10px;}

#linkweristonline {height: 30px;
background-image:url(http://img99.xooimage.com/files/a/b/f/carr--4298f8a.png);
text-align: center;
font-family: georia;
text-shadow: 0 0 1px #000;
text-transform: uppercase;
font-size: 22px;}

.partnerbilder {
margin-right: 3px;
border: 5px solid #F0F0F0;
box-shadow: 0 0 5px 0 #000;
margin-top: 1px;
}
.selectCode {
color: #0372BE;
cursor: pointer;
float: right;
font-weight: normal;
}
.signature_div img {
max-height: 250px;
max-width: 450px;
}
[href="/u1"], [href="/u2"]{
text-shadow: #d0d6dd 2px 0px 1px;
}

}
h6 {
font-size:11px;
word-spacing:2px;
letter-spacing:4px;
font-family:georgia;
color:black;
background-color:grey
}
h7 {
overflow:auto;
height:300px;
display:block
}
/*BARRE DE DEFILEMENT*/
::-webkit-scrollbar {
height: 3px;
width: 10px;
background-color: #ffe3f8; /* couleur de fond */
}

html > ::-webkit-scrollbar {
width: 8px; /* largeur de la barre */
}


::-webkit-scrollbar-thumb {
background: #06101a

}
::-webkit-scrollbar-track-piece {
background-color: #ffe3f8; /* couleur de fond */
}
.fleche {
background-image : url("adresse de votre image");
width: 20px;
height :20px;
position : relative;
top :50px;
left :-19px; }
.bulle{
background-color : #FFCC00;
border : 1px solid #FF9900;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}
.bulle{
background-color : #FFCC00;
border : 1px solid #FF9900;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
min-height : 100px;
}
#quicklinks {
background: transparent;
width: 170px;
text-align:left;
}

.links {
background: black;
margin-bottom: 2px;
width: 180px; text-align:left;
}

.links a:hover {
border-left: 57px solid currentColor;
transition: all 0.4s;
}

.links a {
border-left: 6px solid #8A8A8A;
color: #C4C4C4 !important;
font-family: arial;
font-size: 10px;
padding-left: 7px;
text-transform: uppercase;
transition: all 0.6s;
}

.postbody {
width: 100%;
min-height: 140px;
background: #474747;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.postbody:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-right: 30px solid #474747;
border-bottom: 17px solid transparent;
margin: 25px 0 0 -30px;
}
#Navigationsleiste {position:fixed;top:25px;left:0px;width:100%;background-color:transparent;z-index: 999;}

.Ramenn:hover .behindpicture {
opacity: 1 !important;
transition: all 1s ease-in-out 0s;
}
.behindpicture {
opacity: 0;
background-color: #000;
transition: all 1s ease-in-out 0s;
-webkit-transform: translate(0px, -420px);
-o-transform: translate(0px, -420px);
-moz-transform: translate(0px, -420px);
transform: translate(0px, -420px);
}


.Ramenn{
height:420px;
width:200px;
overflow: hidden;
transition: all 1s ease-in-out 0s;
}
.inlay{
overflow:auto;
width:200px;
height:410px;
}

.compl{
font-size:12px;
color:#000;
text-align:justify;
background-color:#474747;
width:190px;
height:410px;
border:5px solid #808080;
}

______________________


SCOUTING LEGION


Nach oben Nach unten
Benutzerprofil anzeigen http://attack-on-titans.forumieren.de
 
CSS
Nach oben 
Seite 1 von 1

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
Attack on Titan :: Mitgliederbereich :: Request-
Gehe zu: