/*Layout Roses Black And Red Designs By: Mirada De Mujer*/
/*IMAGE EXTRA////https://www.w3schools.com*/
#main_body { background: url(***) no-repeat bottom right ; }
html {
background:#000 url() top left repeat-y,
hsl(0, 100%, 0%)
url() top right repeat-y;
padding: 0 0px;
}
/*https://www.w3schools.com/howto/howto_css_shake_image.asp/M.N.D*/
img:hover {
/* Start the shake animation and make the animation last for 0.5 seconds */
animation: shake 0.5s;
/* When the animation is finished, start again */
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
/*Takes border, transparency, and lines between--PROFILE,GALLERY,BLOGS,GUESTBOOK,FRIENDS ETC */
.item3 { border: none; }/*Takes border, transparency, and lines off below and in between tabbed links*/
.item a{ color: #ffffff !important;}/*TAB LINK FONT COLOR*/
.item2 a { color: #ffffff !important;}/*TAB LINKS FONT COLOR AND BACKGROUND*/
.item2 a:hover { color: #ffffff !important; text-decoration: underline; background:transparent;}
/* MODULO HEADER*/
.mainmenu5 {
background: #415E37 url(https://img1.dreamies.de/img/34/b/8q9v7ku0s34.gif) top center no-repeat !important;
height: auto !important;
text-align: center;
padding-top: 30px !important;
padding-bottom: 20px !important;
padding-LEFT: 15px !important;
box-shadow: #961714 1px 3px 6px, inset #961714 1px 3px 5px 1px ;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
border: groove 2PX #415E37 !important;}
/*BACKGROUND */
body {
background-color:#000 !important;
background: url(https://img1.dreamies.de/img/493/b/5f2hae72a9i.png) fixed center center no-repeat;
background-size: cover !important;
border: 0px #fffffffff;
font-family:Trebuchet MS !important;
font-size: 18px !important;
font-style: Trebuchet MS !important;
font-weight: normal !important;
text-shadow: 0px 1px 0px # !important;
}
/* COMMENT AREA BACKGROUND,MAX WIDTH, REPLY QUOTE*/
.comment-text {
color:none ;
font-family: Trebuchet MS;
font-size: 10px !important;
overflow-x:auto;
position: relative;
width: 470px !important;
}
/* NO STRETCH CODE*/
.comment-text img {
max-width:425px !important;
height: auto !important;
}
/*(25 TOP RIGHT COMMENT BOX***)- THIS CONTROLS THE MCELAYOUT COMMENT BOX BG IMAGE URLs, rgba OPACITY BG, RESIZE BUTTON AND PATH LINK*/
.mceToolbar, .mceLayout {
background: url(***) right no-repeat !important;
border: 2px dashed #ffffff ;
font-family: Trebuchet MS !important;
}
/* DEFAULTSKIN - COMMENT BOX BACKGROUND*/ /*BOTTOM TRIM-CHANGES BACKGROUND, COMMENT BOX OUTER BORDER*/
.defaultSkin .mceLayout {
background:#000 url(https://img1.dreamies.de/img/493/b/5f2hae72a9i.png) !important;
background repeat: repeat-y !important;
-ms-filter: none; width: 500px !important;
border:3px #059033 solid !important; }
/*OPACITY ON MCELAYOUT BOX-CUT OFF ON CLICK GLITCH FIX-This will fade header background image*/
.defaultSkin {
background: #ffffff !important;
}
/*changes MCE text area background color--This code works with the opacity code, the more transparent the opacity, the more color shows through.*/
.mceStatusbar {
color: #ffffff !important;
font-size: 12px !important;
border-style: solid !important;
border-width: 0px !important;
border-color: #fffffffff !important;
}
/*COMMENT TOOL BAR BOTTOM MCE BORDER COLOR-PATH COLOR*/
#maintext_resize {
background-color: transparent;
background-image: url(**) !important;
background-position: center;
background-repeat: no-repeat !important;
width:22px; height: 22px;
overflow:hidden;
} /*RESIZE PICTURE AT CORNER OF MCE BOX*/
#maintext_path_row {
color: #fffffffff !important;
font-size:12px !important;
} /*PATH LINK AT BOTTOM LEFT OF MCE*/
/***/
/*THIS SECTION IS FOR THE MCELAYOUT BUTTONS-BUTTON FACE IMG URL-BORDERS ON HOVER-LINE BETWEEN BUTTONS*/
.mceButton {
background-image: url(**)!important;
border: 1px #fffffffff solid !important;
}
/*CHANGES TOOLBAR BUTTON BORDER-BUTTON FACE IMG URL*/
.mceButton:hover {
background-image: url(***)!important;
border: 1px #000000 solid !important;
}
/*CHANGES TOOLBAR BUTTON BORDER-BUTTON FACE IMG URL HOVER*/
.mceSeparator {
visibility: hidden !important;
background: #fffffffff !important;
} /*CHANGES LINE SEPARATOR COLOR BETWEEN BUTTONS ON COMMENT TOOLBAR OR YOU CAN HIDE THE LINE WITH VISIBILITY*/
/***/
/*THIS SECTION CUSTOMIZES THE MCE BUTTONS AND DROP DOWN MENUS*/
.defaultSkin .mceListBox A {
background-image: url(https://ct.pimp-my-profile.com/i65/2/5/19/pmp_10ca80fd0b8dd2e89995f972a08b2f3b.gif)!important;
border-width: 1px !important;
border-style: solid !important;
border-color: #000000 !important;
}
/*FONT SELECT DROP DOWN MENU ARROW BUTTON BACKGROUND IN COMMENT TOOL BAR*/
.defaultSkin .mceListBox .text {
color: #000000 !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #000000 !important;
}
/*DROP DOWN TOOL BAR MENU TEXT COLOR-FONT BUTTON*/
.defaultSkin .open .forecolor {
color: #000 !important;
border-width: 1px !important;
border-style: dashed !important;
border-color: #000000 !important;
}
/*COMMENT TOOL BAR MCE A SELECTION ARROW BACKGROUND*/
.defaultSkin .mceColorSplitMenu {
background-color: #fffffffff !important;
color: #000000 !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #000000 !important;
}
/*COLOR PICKER BACKGROUND COLOR IN COMMENT TOOL BAR MENU--this one--*/
.defaultSkin .mceListBox {
background-color: transparent !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #000000 !important;
}
/*DROP DOWN MENU BACKGROUND COLOR --BUT NOT THE BUTTONS IN COMMENT TOOL BAR*/
.defaultSkin .action .forecolor {
background-color: #FFF !important;
color: #000000 !important;
border:none;
}
/*COMMENT TOOL BAR MCE A SELECTION BACKGROUND*/
.defaultSkin .mceSplitButtonEnabled .forecolor {
background-color: #fffffffff !important;
border: none !important;
}
/*COMMENT TOOL BAR MCE A SELECT ARROW BORDER AND BACKGROUND--this one--*/
#maintext_parent {
width: 450px !important;
} /*CONTROLS THE WIDTH ON THE MCE TEXT MENU*/
/***/
/*THESE ARE MODIFICATIONS MADE TO CLEAN UP BORDERS, FONT, AND ALIGNMENT ON THE MCE DROP MENUS*/
#maintext_fontselect, #maintext_fontsizeselect, .action_forecolor {
border: none !important;
}
/* ( FRONT FAMILY ) MENU TEXT COLOR COMMENT BOX (1) / TAKES OUT EXTRA BORDER AROUND MENU*/
#maintext_fontselect_text, #maintext_fontsizeselect_text {
border: 1px #000000 solid !important;
background-image: url(** ) !important;
color:#669999 !important;
font-size: 12px !important;
}
/* MENU TEXT COLOR COMMENT BOX (2) // FONT ON FONT FACE DROP MENU-BACKGROUND IMAGE*/
#maintext_fontselect_text:hover, #maintext_fontsizeselect_text:hover {
border: 1px #fffffffff solid !important;
background-image: url(**) !important;
color: BLACK !important;
font-size: 12px !important;
text-decoration:none !important;
}
/*HOVER FONT ON FONT FACE DROP MENU-BACKGROUND IMAGE HOVER*/
#maintext_forecolor {
background-color: #000000 !important;
border: 1px #ffffff solid !important
}
/* 700- MENU COMMENT BOX BG- TAKES OUT WHITE PADDING AROUND THE FONT A BUTTON ON COMMENT TOOLBAR-ON SELECT IN IE BROWSER*/
.defaultSkin .mceMenu A {
background-color: #000 !important;
border: solid #000 2px !important;
color: #000 !important;
}
/*800- MENU COMMENT BG HOVER-CHANGES FONT DROP DOWN BACKGROUND ON COMMENT MCE*/
.defaultSkin .mceMenu A:hover {
background-color: #000 !important;
border: none !important;
color: #000000 !important;
}
/*CHANGES FONT DROP DOWN HOVER HIGHLIGHT SELECT ON COMMENT MCE*/
#menu_maintext_maintext_fontselect_menu_co, #menu_maintext_maintext_fontsizeselect_menu_co {
border: 3px #000000 double !important;
} /*FONT FACE SELECT DROP DOWN MENU BORDER*/
#maintext_image, #maintext_code {
padding-left: 0px !important;
} /*MCE IMAGE BUTTON-TAKING OUT PADDING FOR BETTER ALIGNMENT*/
/***/
/* COMMENT SUBMIT BUTTON, AND THE SUBMIT BUTTON ON HOVER*/
.mainmenu6 {
background:#000 url(https://img1.dreamies.de/img/34/b/8q9v7ku0s34.gif) bottom right no-repeat !important;
border: 3px solid #059033 ;
color: none ;
width: 230px;
height: 80px;
font-size: 16px !important;
font-weight: normal !important;
font-family: Trebuchet MSl !important;
text-align:bottom !important;
padding-bottom:5px !important;
text-shadow: 1px 0px 0px white !important;
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px important;
}
/*COMMENT SUBMIT BUTTON BACKGROUND-FONT*/
.mainmenu7{
background:#000 url(https://img1.dreamies.de/img/34/b/8q9v7ku0s34.gif) bottom right no-repeat !important;
border: 3px solid #059033 ;
color: none;
width: 230px;
height: 80px;
font-size: 16px !important;
font-weight: normal !important;
font-family: Trebuchet MSl !important;
text-align:bottom !important;
padding-bottom:5px !important;
text-shadow: 1px 0px 0px white !important;
border-radius: 0px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px important;
}
/*COMMENT SUBMIT BUTTON HOVER SELECT BACKGROUND-FONT*/
/*FRONT BOXES MAX WIDTH*/
img {max-width: 470px; height:auto;}
.comment-text {
overflow-x: small;
position: relative;
width: 470px;
height:auto;}
.comment-text img { display:max-width:470px; height:auto ;}
*{font-size: 14px ;font-family: 'Trebuchet MS',Trebuchet MS ;
text-align: center !important;}
.comment-text {
text-align:center;
position: CENTER center; }
/*REMOVES BULLETS IN HEADER TEXT*/
.mainmenu5 img {visibility: hidden;
}
.sqr1 {width: 0px; height: 0px; display: none}
.block_header {width: 0px; height: 0px; display: none}
img{
-webkit-transform:rotate(#deg);
}
/*GUESTBOOK COMMENT BORDE AND COMMENT MAX WIDTH 400PX */
.comment-text img {max-width:400px; height: AUTO;}
.comment.comment { border: 6px #000 solid;}
/*REMOVES PAGE LOGO*/
.top2 {display: none !important;}
.top2 {visibility: hidden !important;
display:none;border:none;}
.top2 { background: transparent;
border: none;}
.menu {border: none;}
.menu2 {border: none;}
/* TOP NAVIGATION TEXT COLOR AND HOVER (1) */
#outer2 { background: transparent; border: none;}
#outer2 a{ color: orange ;
font-size: 12px !important;
}
#outer2 a:hover { color: white !important;
text-decoration: NONE;
font-family: Trebuchet MS;
}
/* NAVIAGATION LINKS (2) */
.item, .item2 { border: 2px solid #ffffff !important;
background: url("none") !important;
background-size: 50PX !IMPORTANT;
box-shadow: 0px 0px 5px 0px #000, 0PX 0PX 30PX 0PX black INSET !important;
font-size:16px;
font-family: Trebuchet MS;
border-top-left-radius: 80px;
border-bottom-right-radius: 30px
}
/* NAV TEXT COLOR AND HOVER (2) */
.item a, .item2 a{ color:#ffffff !important;}
.item2 a:hover { color: #ffffff !important;
text-decoration: none;
background: transparent;
}
#profile_headline {font-size 16px !important;
color: #ffffff !important;
background-color: transparent!important;}
/*NAV BOXES */
#main, .menu, .menu2 {
background-color: transparent !important;
border: 0px SOLID #ffffff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}#main, DIV, .menu, .menu2, .border13, .border13 a, .item, .item2, .item:hover, .item3, .item a, .item2 a, #outer2, #top, #top a, .top2,#maintext_resize {
background-color: transparent !important;
font-color: #ffffff ;
}
/*MAIN TEXT COLOR*/
input.mainmenu6{background:gray}input.mainmenu7{background:cyan;}
*{color:#ffffff ;!important;text-shadow:0 0px 0redpx 6px transparent,0px 0px 5px transparent,0px 0px 5px transparent;}
#outer{width:60%;
background:transparent;
background-image: url();
background-position: top
center ;
position: left ;
background-repeat: no-repeat;
border: none ;
height: 300px;
}
/* 1--FRIENDS AVATAR BORDER */
.mainmenu5 img {visibility: hidden;}/*THIS TAKES THE SQUARE BULLETS OFF ALL HEADERS*/
.pic1{background: #415E37
URL(****)!important;
padding: 5px !important;
border: #fff 2px SOLID !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px important;
-moz-box-shadow: 4px -3px 23px #000000;
-webkit-box-shadow: 4px -3px 23px #000000;
box-shadow: 4px -3px 15px # ;}
/*2-- FRIENDS AVATAR HOVER */
.pic2:hover{background: #415E37
URL(***)!important;
padding: 5px !important;
border: #fff 2px SOLID !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px important;
-moz-box-shadow: 4px -3px 23px #000000;
-webkit-box-shadow: 4px -3px 23px #000000;
box-shadow: 4px -3px 15px # ;}
/*DELETE TOP LINES (WHITE) */
#top { background: transparent; color: ; border:none ;}
/***/
/*BG GLITTER TOP LINKS AND BORDER COLOR */
.item, .item2 { border: 4px groove #415E37
!important;background: #961714 URL(***) !important;box-shadow: 0px 0px 3px 3px WHITE INSET!important;font-size:12px;font-family: Trebuchet MS Light;border: 3px WHITE ;border-top-left-radius: 300px;border-bottom-right- ROUND : 40px
}
/*BOTTOM 4 BACKGROUND TRANSPARENT AND TOP AND BOTTOM LINKS TAKES OFF BLUE LINES*/
#top, #top a { background: transparent;
color: #ffffff !important;
border: none;
font-size: 10px !important;
font-family: Trebuchet MS;
}
/* TOP HOVER COLOR */
#top a:hover { color: #669966!important;
font-size: 10px !important;
text-decoration: underline;}
.top2 { background: transparent;
border: none;}
#bottom3, #bottom4, #bottom3 a { background: transparent;
color: #ffffff;
font-size: 10px !important;
font-family: Trebuchet MS;}
#bottom3 a:hover { color: #ffffff; text-decoration: underline;
font-size: 8px !important;
font-family: Trebuchet MS;
}
/*ONLINE TEXT COLOR */
span{color:#ffffff !important;font-weight: bold !important;
} /*ONLINE STATUS-DROP DOWN MENU TEXT*/
/* CHANGE COLOR ON HOME,NEWS,GALLERY,BROWSE,BLOGS,MY ACCOUNT ETC...TEXT AND LINKS */
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited { font-family: Trebuchet MS', sans-serif; !important;
line-height: 1em;
text-shadow: -1px -1px 0px rgba (255,255,255,0.3), 1px 1px 0px rgba (0,0,0,0.8);
color: #ffffff !important ;
font-weight: bold !important ;
font-size: 12px !important ;}
/*CORNER IMAGE COMMENT BOX */
#maintext_resize {background: transparent;background-image: url(http://ekladata.com/x3jJoveiGGaus7T5oj0_4eOpZ0A.gif) !important; background-position:center; background-repeat: no repeat; width:20px; height: 20px; overflow:hidden;}
/*MENU 2 RADIUS BORDE COLOR*/
.item, .item2 {
border-top: 10px solid #fff ; !important;
border-bottom: 10px solid #fff ; !important;
border-radius: 10px !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px important;}
/* CURSOR*/
body {
cursor: url(***), auto !important;}
/* BORDER OF THE PROFILE BOXES*/
.border2, .comment {
color: #000 ;
padding: 15px;
border: 2px groove #415E37 !IMPORTANT ;
background-color: TRANSPARENT !important;
background: #961714 url(**)!important;
-moz-box-shadow: # 1px 3px 6px, inset # 1px 3px 5px 1px ;
-webkit-box-shadow: # 1px 3px 6px, inset # 1px 3px 5px 1px ;
box-shadow: #000 1px 3px 6px, inset #000 1px 3px 5px 1px ;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;}
/* SCROLLBAR*/
::-webkit-scrollbar {
width: 16px;
height: 30px;
background: #961714 URL(**);
background color: #a0785a ;
border: 2px ridge #fff;
border-radius: 35px;
}
::-webkit-scrollbar-thumb {
background: #fff URL(***);
border: 2px ridge #059033 ;
border-radius: 35px;
}
/* 30- B-I-U MENU TEXT COMMENT BOX BUTTONS-BUTTON BORDERS ON HOVER-LINE BETWEEN BUTTONS*/
.mceButton{background-color: #fff !important; border: 2px #ffffff solid !important; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px important;}
/*HEADER*/
#outer2{
clear: both;
overflow: hidden;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
margin: 5px 0 0;
background-color:#000 !important;
background-image:url(https://img1.dreamies.de/img/649/b/zm1rm3pazy8.gif);no-repeat center;
width: 1100px !important;1100px !important;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
background-color: TRANSPARENT ; clear: both; overflow: hidden;
text-align: center;
height: 660px;
box-shadow: #000 1px 3px 6px, inset #000 1px 3px 5px 1px ;
border: groove 2px #415E37 !important;
border-radius: 6px;}none
/**End Of Code Designs By Mirada De Mujer**/
