Valentine Day (Updated)

CSS codes:

/*** " Valentine Day " Designed by Babatngon 02-03-2020***/ /****THIS SECTION CONTROLS THE BACKGROUND, BODY AND MAIN BACKGROUND*/ body { background:url(https://img2.dreamies.de/img/157/b/3r0ag7j6fyv.jpg) repeat center; background-color: #000000 !important; font-family: Felix Titling !important; font-weight:normal; font-size: 14px !important; color: #B0AFAF !important; font-style:normal; background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -khtml-background-size:100% auto; -webkit-background-size: 100% auto; background-attachment: fixed; text-shadow:1px 2px 3px #000000; } .color { color: #B0AFAF !important; } .menu { background: url() !important; color: #B0AFAF !important; font-family: Felix Titling !important; font-size: 14px !important; } .menu2 { background: transparent !important; color: #B0AFAF !important; } #sbb { background-image: url() !important; background-position: center !important; width:100px !important; height: 25px !important; border-top: 2px double #b5a68f !important; border-bottom: 2px double #b5a68f !important; border-left: 1px #cab7ac dotted !important; border-right: 1px #cab7ac dotted !important; font-color: #d2d2d2;!important; font-family: Felix Titling !important; font-size: 14px !important; } #sbi{ background:transparent !important; color: #B0AFAF !important; text-shadow:1px 2px 3px #000000;!important; border-top: 2px double #b5a68f !important; border-bottom: 2px double #b5a68f !important; border-left: 1px #cab7ac dotted !important; border-right: 1px #cab7ac dotted !important; } INPUT { background-color: transparent!important; } .td,tr,table { background: transparent; filter: none !important; color: #B0AFAF !important; } a:link, a:active, a:visited{ color: #B0AFAF !important; text-decoration: none; } .color, #top td { color: #B0AFAF !important; } .mainmenu5 { background: url(https://img1.dreamies.de/img/578/b/fz4gw5inbfc.jpg) no-repeat center !important; background-color: transparent!important; padding-bottom:20px; padding-top:10px; height:76px !important; color: #B0AFAF !important; font-family: Felix Titling !important; font-size: 14px !important; font-style:italic !important; text-align: center !important; vertical-align:top !important; text-shadow: 1px 2px 3px #000000; border-top: 2px double #ddcab9 !important; border-bottom: 2px double #ddcab9 !important; border-left: 1px #dad2cf dotted !important; border-right: 1px #dad2cf dotted !important; -moz-box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #6c5e55; -webkit-box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #6c5e55; box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #6c5e55; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; } .block_header { background-position: center !important; font-family: Felix Titling !important; color: #B0AFAF !important; font-size: 14px !important; text-align: center !important; vertical-align:top !important; padding-right: 60px; padding-bottom: 0px !important; } .border2 { background: url() no-repeat top right !important; color: #B0AFAF !important; padding:20px; border: none; border-top: 2px double #b5a68f !important; border-bottom: 2px double #b5a68f !important; border-left: 1px #cab7ac dotted !important; border-right: 1px #cab7ac dotted !important; box-shadow: 2px 4px 10px #6c5e55 inset; -moz-box-shadow: 2px 4px 10px #6c5e55 inset; -webkit-box-shadow: 2px 4px 10px #6c5e55 inset; text-shadow:1px 2px 3px #000000; } .comment { background: url(****) no-repeat top right !important; font-family: Felix Titling !important; font-size: 14px !important; color: #B0AFAF !important; padding:20px; border: none; border-top: 2px double #b5a68f !important; border-bottom: 2px double #b5a68f !important; border-left: 1px #cab7ac dotted !important; border-right: 1px #cab7ac dotted !important; box-shadow: 2px 4px 10px #6c5e55 inset; -moz-box-shadow: 2px 4px 10px #6c5e55 inset; -webkit-box-shadow: 2px 4px 10px #6c5e55 inset; text-shadow:1px 2px 3px #000000; } .comment-text { color: #B0AFAF !important; font-family: Felix Titling !important; font-size: 14px !important; text-align: center !important; text-shadow:1px 2px 3px #000000; overflow-x:auto; position: relative; width: 400; text-align: center !important; } img { max-width:400px; height:auto; } .comment-text { overflow-x:auto; position: relative; width: 400px; } .a_comment_head{ color: #B0AFAF !important; } /*USER NAME LINK COLOR ON USER COMMENTS HEADER*/ .forum-q { background-color: #8a7a6b !important; border: #222 2px solid; color: #B0AFAF !important; font-family: Felix Titling !important; font-size: 14px !important; font-weight:normal; } .mainmenu5 img { visibility: hidden; } .pic1 { background:url()!important; background-color:transparent !important; padding: 5px!important; border: 5px #766440 double !important; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0px 0px 0px #878787; -webkit-box-shadow: 0px 0px 0px #878787; box-shadow: 0px 0px 0px #878787; } .pic2:hover{ background:url()!important; background-color: #000000 !important; padding: 5px!important; border:5px #7C7D81 double !important; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-box-shadow: 0px 0px 40px #ede9a8; -webkit-box-shadow: 0px 0px 40px #ede9a8; box-shadow: 0px 0px 40px #ede9a8; } img { transition: all 0.3s ease-in-out 0s; } img:hover{ cursor: default; transform: rotate(360deg); transition: all 0.3s ease-in-out 0s; } img { transition: all 0.3s ease-in-out 0s; } img:hover{ cursor: default; transform: rotate(360deg); transition: all 0.3s ease-in-out 0s; } /*RECENT VISITORS PICTURE, GALLERY PICTURE AND USER PICTURE BORDER HOVER*/ DIV { font-family: Felix Titling !important; font-size: 14px !important; color: #B0AFAF !important; } span{ color: #B0AFAF !important; font-weight: normal; font-size: 14px !important; } /*ONLINE STATUS-DROP DOWN MENU TEXT*/ #numEm{ font-family: Felix Titling !important; font-size: 14px !important; color: #B0AFAF !important; } /*MESSAGE LINK NUMBER AT TOP OF PAGE*/ #total_count_comments{ font-family: Felix Titling !important; font-size: 14px !important; color: #B0AFAF !important; } /*NUMBER OF COMMENTS SHOWING*/ #from_count_comments{ font-family: Felix Titling !important; color: #B0AFAF !important; font-size: 14px !important; } /*NUMBER OF COMMENTS SHOWING*//*THIS SECTION CONTROLS THE PAGE CONTACT TABLE LINKS AND BACKGROUND-MEMBER SINCE TEXT*/ .border13 { background: transparent; color: #D5BF7B !important; font-family: Felix Titling !important; font-size: 14px !important; } /*CONTACT TABLE BACKGROUND AND FONT-You have to view from another account to see changes on the contact table*/ .border13 a { color: #B0AFAF !important; font-family: Felix Titling !important; font-size: 14px !important; text-decoration: none; } /*CONTACT TABLE LINKS*/ .border13 a:hover { color: #FFFFFF!important; font-family: Felix Titling !important; font-size: 14px !important; text-decoration: none; } .item, .item2 { background: url(https://img1.dreamies.de/img/729/b/llyf87ux2a1.png) repeat-x center !important; background-color: #000000 !important; color: #B0AFAF !important; border-top: 0px double #b5a68f !important; border-bottom: 0px double #b5a68f !important; border-left: 1px #cab7ac dotted !important; border-right: 1px #cab7ac dotted !important; -moz-box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #222; -webkit-box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #222; box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #222; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; text-shadow:1px 2px 3px #000000; font-family: Felix Titling !important; } /*TAB LINKS HOVER BACKGROUND*/ /*TAB MENU BORDER AND TAB BACKGROUND*/ .item3 { color: #B0AFAF !important; border: none; text-decoration: none; } /*Takes border, transparency, and lines off below and in between tabbed links*/ .item a, .item2 a{ border: none; color: #B0AFAF !important; text-decoration: none; } /*TAB LINK FONT COLOR*/ .item2 a:hover { border: none; color: #FFFFFF !important; text-decoration: none; } #outer2 { background: url(https://img1.dreamies.de/img/729/b/llyf87ux2a1.png) repeat-x center !important; background-color: #000000 !important; border:none !important; font-family: Felix Titling !important; border-top: 0px double #b5a68f !important; border-bottom: 0px double #b5a68f !important; border-left: 1px #cab7ac dotted !important; border-right: 1px #cab7ac dotted !important; -moz-box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #222; -webkit-box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #222; box-shadow: #000 1px 3px 6px, inset 1px 3px 5px 1px #222; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; color: #B0AFAF !important; } /*LINKS-FONT-GALLERY MENU HOME FRIENDS ETC*/ #outer2 a{ color: #B0AFAF !important; font-size: 14px !important; } /*LINKS-FONT-GALLERY MENU HOME FRIENDS ETC*/ #outer2 a:hover { font-color: #FFFFFF!important; font-size: 14px !important; } /* TOP-TOP2- IS FOR CHANGING THE LINKS AND LINK BACKGROUND-FONT- AT THE VERY TOP OF THE PAGE*/ #top a { color: #B0AFAF !important; font-size: 14px !important; } #top a:hover { font-color: #FFFFFF !important; font-size: 14px !important; text-decoration: none; } /*LINK HOVER*/ .top2 { background: transparent; border: none; } #bottom3 { background: url() no-repeat center; background-color: transparent !important; height:90px!important; font-family: Felix Titling !important; border:none !important; } #bottom4 { background:transparent; color: #B0AFAF !important; } /*LINKS AT VERY BOTTOM OF THE PAGE*/ #bottom3 a { color: #B0AFAF !important; font-size: 14px !important; } /*LINKS AT VERY BOTTOM OF THE PAGE*/ #bottom3 a:hover { color: #FFFFFF !important; text-decoration: none; font-size: 14px !important; } /*LINKS HOVER AT VERY BOTTOM OF THE PAGE*/ a,a:active, a:link, a:visited, a:hover,a.text:link, a.text:active, a.text:visited, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover { color: #B0AFAF !important; font-size: 14px !important; font-family: Felix Titling !important; text-decoration: none; } /*ALL OTHER LINKS*/ a.navbar:hover, a.link:hover,a.man:hover, a:hover { color: #FFFFFF !important; font-size: 14px !important; font-family: Felix Titling !important; text-decoration: none; } /*ALL OTHER LINKS HOVER*/ .link_description { color: #B0AFAF !important; font-size: 14px !important; } /*CHANGES THE COLOR AND STYLE FONT ON YOUR MY GROUPS LINKS*/ .link_action { color: #B0AFAF !important; font-size: 14px !important; } /*CHANGES THE FONT STYLES AND COLORS ON YOUR VIEW ALL LINKS-REPORT USER LINK*//*THIS CONTROLS THE MCELAYOUT COMMENT BOX BACKGROUND, RESIZE BUTTON AND PATH LINK*/ .mceToolbar{ background-color:transparent !important; border: none !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 2px 4px 10px #6c5e55 inset; -moz-box-shadow: 2px 4px 10px #6c5e55 inset; -webkit-box-shadow: 2px 4px 10px #6c5e55 inset; } /*CHANGES TOP MENU BACKGROUND*/ .mceLayout{ background-color:transparent !important; font-family: Felix Titling !important; border: none !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 2px 4px 10px #6c5e55 inset; -moz-box-shadow: 2px 4px 10px #6c5e55 inset; -webkit-box-shadow: 2px 4px 10px #6c5e55 inset; } .defaultSkin .mceLayout { -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=6)”; filter:alpha(opacity=60) !important; opacity:0.6 !important; width: 550px !important; border: none !important; border:3px #6a644d solid !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 2px 4px 10px #6c5e55 inset; -moz-box-shadow: 2px 4px 10px #6c5e55 inset; -webkit-box-shadow: 2px 4px 10px #6c5e55 inset; } /*OPACITY ON MCELAYOUT BOX-CUT OFF ON CLICK GLITCH FIX*/ .mceStatusbar{ background-color:transparent !important; color: #B0AFAF !important; font-size: 14px !important; text-shadow:1px 2px 3px #000000 !important; border: none !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 2px 4px 10px #6c5e55 inset; -moz-box-shadow: 2px 4px 10px #6c5e55 inset; -webkit-box-shadow: 2px 4px 10px #6c5e55 inset; } /*COMMENT TOOL BAR BOTTOM MCE BORDER COLOR-PATH COLOR*/ #maintext_resize { background-image: url (***) !important; background-position:right; background-repeat:repeat; width:20px; height: 20px; overflow:hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 20px; border: none !important; } /*RESIZE PICTURE AT CORNER OF MCE BOX*//*THIS SECTION IS FOR THE MCELAYOUT BUTTONS-BUTTON BORDERS ON HOVER-LINE BETWEEN BUTTONS*/ .mceButton{ background-color: #fff !important; border: none !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 2px 4px 10px #6c5e55 inset; -moz-box-shadow: 2px 4px 10px #6c5e55 inset; -webkit-box-shadow: 2px 4px 10px #6c5e55 inset; color: #B0AFAF !important; } .mceButton:hover { background-color: #000000 !important; border: none !important; color: #FFFFFF !important; } .mceSeparator{ visibility: hidden !important; background-color: #000000 !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none !important; } /*CHANGES LINE SEPARATOR COLOR BETWEEN BUTTONS ON COMMENT TOOLBAR OR YOU CAN HIDE THE LINE WITH VISIBILITY*//*THIS SECTION CUSTOMIZES THE MCE BOXES AND DROP DOWN MENUS*/ .defaultSkin .mceListBox A{ background-color: #000000 !important; border: none !important; } /*FONT SELECT DROP DOWN MENU ARROW BUTTON BACKGROUND IN COMMENT TOOL BAR*/ .defaultSkin .mceListBox .text { background-color: #000000 !important; color: #B0AFAF !important; border: none !important; } /*DROP DOWN TOOL BAR MENU TEXT COLOR-FONT BUTTON*/ .defaultSkin .open .forecolor{ background-color: #000000 !important; color: #B0AFAF !important; border: none !important; } /*COMMENT TOOL BAR MCE A SELECTION ARROW BACKGROUND*/ .defaultSkin .mceColorSplitMenu{ background-color: #000000 !important; color: #B0AFAF !important; border: none !important; } /*COLOR PICKER BACKGROUND COLOR IN COMMENT TOOL BAR MENU*/ .defaultSkin .mceListBox { background-color: #000000 !important; border: none !important; } /*DROP DOWN MENU BACKGROUND COLOR BUT NOT THE BUTTONS IN COMMENT TOOL BAR*/ .defaultSkin .action .forecolor{ background-color: #000000 !important; color: #B0AFAF !important; border: none !important; } .defaultSkin .mceSplitButtonEnabled .forecolor { background-color: #000000 !important; border: none !important; } .defaultSkin { background #000000; background:url(https://img2.dreamies.de/img/283/b/mvwbedw43zb.jpg)!important; background-repeat:no-repeat !important; background-position: center !important; border: none !important; } /*COMMENT FONT STYLES AND NO STRETCH CODE MINE*/ #main { background-color:transparent !important; color: #B0AFAF !important; border: none !important; } #maintext_parent { width: 550px !important; color: #B0AFAF !important; border: none !important; } #maintext_fontselect{ border: none !important; color: #B0AFAF !important; } /*TAKES OUT EXTRA BORDER AROUND MENU*/ #maintext_fontselect_text{ border: none !important; background-color: #000000 !important; color: #B0AFAF !important; font-size: 14px !important; } /*FONT ON BUTTONS - FONT FACE DROP MENU-BACKGROUND IMAGE*/ #maintext_fontselect_text:hover{ border: none !important; background-color: #000000 !important; color: #B0AFAF !important; font-size: 14px !important; } /*HOVER FONT ON BUTTONS - FONT FACE DROP MENU-BACKGROUND IMAGE HOVER*/ #maintext_fontsizeselect_text{ border: none !important; background-color: #000000 !important; color: #B0AFAF !important; font-size: 14px !important; } /*FONT ON BUTTONS - FONT SIZE DROP MENU-BACKGROUND IMAGE*/ #maintext_fontsizeselect_text:hover{ border: none !important; background-color: #000000 !important; color: #B0AFAF !important; font-size: 14px !important; } /*HOVER FONT ON BUTTONS - FONT SIZE DROP MENU-BACKGROUND IMAGE HOVER*/ #maintext_fontsizeselect{ border: none !important; font-size: 14px !important; color: #B0AFAF !important; } /*TAKES OUT EXTRA BORDER AROUND BUTTONS*/ #maintext_forecolor { background-color: #000000 !important; border: none !important; font-size: 14px !important; color: #B0AFAF !important; } /*TAKES OUT WHITE PADDING AROUND THE FONT A BUTTON ON COMMENT TOOLBAR-ON SELECT IN IE BROWSER*/ .action_forecolor{ background-color: #000000 !important; border: none !important; font-size: 14px !important; color: #B0AFAF !important; } /*TAKES OUT EXTRA BORDER AROUND BUTTONS*/ .defaultSkin .mceMenu A{ background-color: #000000 !important; border: none !important; color: #B0AFAF !important; font-size: 14px !important; } /*CHANGES FONT DROP DOWN BACKGROUND ON COMMENT MCE*/ .defaultSkin .mceMenu A:hover{ background-color: #000000 !important; border: none !important; color: #FFFFFF !important; font-size: 14px !important; } /*CHANGES FONT DROP DOWN HOVER HIGHLIGHT SELECT ON COMMENT MCE*/ #menu_maintext_maintext_fontselect_menu_co{ border: none !important; color: #B0AFAF !important; } /*FONT FACE SELECT DROP DOWN MENU BORDER*/ #menu_maintext_maintext_fontsizeselect_menu_co{ background-color: #000000 !important; border: none !important; color: #B0AFAF !important; } /*FONT SIZE SELECT DROP DOWN MENU BORDER*/ #maintext_image{ background-color: #000000 !important; padding-left: 0px !important; color: #B0AFAF !important; } #maintext_code{ padding-left: 0px !important; color: #B0AFAF !important; } /*MCE HTML BUTTON-TAKING OUT PADDING FOR BETTER ALIGNMENT*//*THIS CONTROLS THE COMMENT SUBMIT BUTTON AND THE SUBMIT BUTTON ON HOVER*/ .mainmenu6 { cursor:pointer; color: #B0AFAF !important; border: none !important; width:145px; height: 40px; font-size:12px; background: #977E54 url(https://img1.dreamies.de/img/729/b/llyf87ux2a1.png) repeat !important; -moz-box-shadow: inset #222222 1px 0px 12px 3px; -webkit-box-shadow: inset #222222 1px 0px 12px 3px; box-shadow: inset #222222 1px 0px 12px 3px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-shadow: 1px 2px 3px #000000; font-family: Felix Titling!important; } /*COMMENT SUBMIT BUTTON BACKGROUND-FONT*/ .mainmenu7 { cursor:pointer; color:#ffffff !important; border: none !important; width:145px; height: 40px; font-size:12px; background:#977E54 url(https://img1.dreamies.de/img/729/b/llyf87ux2a1.png) repeat !important; -moz-box-shadow: inset #222222 1px 4px 12px 3px; -webkit-box-shadow: inset #222222 1px 4px 12px 3px; box-shadow: inset #222222 1px 4px 12px 3px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-shadow: 1px 2px 3px #000000; font-family: Felix Titling!important; } .comment-text img { display:width:400px; max-width:400px; width:auto; } .comment-text { font-size: 14px !important; } .link_action{ color: none !important; visibility:hidden; } ::-webkit-scrollbar { width: 10px; height: 10px; background:; border: 1px solid #b5a68f !important; bat-color: none !important; } ::-webkit-scrollbar-thumb { background-color:; border: 1px solid #b5a68f !important; -webkit-border-radius: 4ex; bat-color: none !important; } a:link, a:active, a:visited{ color:; text-decoration: none; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } ::-webkit-scrollbar {width: 12px; height: 12px; background: URL(https://img1.dreamies.de/img/729/b/llyf87ux2a1.png); border: 1px solid #b5a68f !important; bat-color: none !important; } ::-webkit-scrollbar-thumb { background: URL(https://img1.dreamies.de/img/729/b/llyf87ux2a1.png); border: 1px solid #b5a68f !important; bat-color: none !important; } -webkit-border-radius: 4ex; border: 1px solid #b5a68f !important; bat-color: none !important; } a:link, a:active, a:visited{ color:; bat-color: none !important; text-decoration: none; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } img { max-width:400px; height:auto; } .comment-text { position: relative; width: 400px; } /*** Pinakaigbaw ***/ #top{ background:url(https://img1.dreamies.de/img/26/b/iqrui1qawf7.jpg) no-repeat center; width:1050px !important;1050px !important; height:600px; background-color:none !important; padding-top:0px; padding-bottom:603px; bat-color:none !important; margin:auto; margin-bottom:-20px; margin-top:0px !important; Bat-color: none !important; border:none !important; } body { cursor:url(https://img2.dreamies.de/img/885/b/atdno9wvqt3.png), auto; } /*COMMENT SUBMIT BUTTON SELECT BACKGROUND-FONT*/ /this will remove that ugly orange sign your work is too nice to have that sign ; )/ .block_header {background-position: left !important; font-family: Comic sans ms; color: #ffffff;font-size: 14px;text-align: right; padding-right: 5px;padding-bottom: 0px !important;vertical-align: center;}/*LEFT SIDE MENU HEADERS*/ .top2 {display: none !important;} .top2 {visibility: hidden !important;} .top2 { background: transparent; border: none;} .top2 {display: none !important;} .top2 {visibility: hidden !important;} .top2 { background: transparent; border: none;} .menu {border: none;} .menu2 {border: none;}