Thursday, January 12, 2017

LIGHTHOUSE THEME



This is a theme made for a Ning Design Studio

Copy Codes Below
(Make sure everything in the box is copied to make the theme work)

Use the Avant Garde Base Theme

/****START CSS****/ body{ background:#5489fd url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFMGpQM0bC0y7KiinteJbP38GSgPdFKFpD0ogeV3iqolWFYuTT1JuUlvctvop78GsTlyLofCF_zjaWhwjHwxWPGGb6OOp2Nfcoinkcz3K-5v_hUE4YcRshWs_yCcihOsdSFaNNRMBg3ZSd/s1600/NING+BAR2.jpg)0 0 repeat; color:#363636;} #xg_head { clear:left; z-index:2; } .xg_theme #xg_head { min-height:70px; background:transparent none;} .xg_theme #xg_body{ border-left:none; color:#363636; background:transparent none; } .xg_theme #xg_themebody{ color:#363636; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkMo-20l7eINlO9GNY0R8w4bKXFRXQGsU5fdCSqMT1F7zAhdutnMzAlM4chEavseVugRnhvSDuuJDa_O3hJlGE2rXVIgTY2YFPOhoxuIdRHWczilw2yfADMQGBnqOnFrYL_-FgDIkEUmMC/s1600/unnamed.jpg) bottom center no-repeat; background-attachment:fixed; } .xg_theme .xg_module{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnHe27LI9VA_Pf2-ffdawagsYUco7X8wTyF-xDYw3jzwI8RS498ZbNp9W78Sg5kxNuzG3fr7AEIGk33i2FSWvK0B45NmIAeCCS5nTHT9eO2mHWNd9CgUNJa-Sh5REYDtzviJOy9vpEyJB2/s1600/GREY+TRANSP.png) repeat !important; -moz-box-shadow: -2px 2px 12px #000; -webkit-box-shadow: -2px 2px 12px #000; box-shadow: -2px 2px 12px #000; padding:5px; } .xg_theme #xg_navigation ul { width: 210px; height:auto; margin-top:600px !important; margin-left:750px; margin-bottom: 150px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZBp7FgRedxEET10bymYEgUMgVXYl_H3HKg1apPVvbb-lX2TC0Upsn_1MYnRvYMlZ-hn11rMfMdvBa9aH-Qy-ox7FA_wbS5h28NcXPmcOK-1kKRxd8T1TnUI0NR-SYXvLafnEAnS4q_Qp/s1600/GRAY+GRAD-2.png) right repeat-y !important; padding:10px !important;-moz-box-shadow: -2px 2px 12px #000; -webkit-box-shadow: -2px 2px 12px #000; box-shadow: -2px 2px 12px #000; padding:5px; } #xg_navigation ul li a{ color:#363636 !important; text-shadow:none; } .xg_theme #xg_navigation li.this a{ color:#f8ebc2 !important; font-family: Georgia, Avant Garde; text-shadow: 1px 1px 1px #000; font-weight:700; } .xg_theme h1#xg_sitename a{ color:#f8ebc2; text-shadow: 1px 1px 1px #000; } h1, h2{ color: #f8ebc2; text-shadow: 1px 1px 1px #000; } .xg_theme #xg_masthead p#xg_sitename a,h1#xg_sitename a { } /*like*/ .xg_sprite{ color:#363636 !important; } ul.nobullets li a{ color:#363636 !important; font-weight:600; } .dy-avatar img{ background: #23221E url() repeat; margin:0 auto; padding:3px; width:90%; box-shadow:0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; } .xg_theme a{ color:#363636; } .xg_theme .xg_lightfont{ color:#f8ebc2; } .xg_theme .xg_module_head h2{ background:transparent none; } .xg_theme .xg_module_head{ border:none; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaeatO5wRwsTE6JGxN_Q2BgHYBk3f4jR1cj2sCrxRAMaMYiSoYx_0KTQlQ9Gw1PvnjlgOfi1BkDxR0vVolL4maiaedh6FW9Dl3DCyfyJo4GOhvQ6lOr72d9dkseZT6OteXtCwAbPYX_qN/s1600/GREY+HEART.png) left center no-repeat; padding-left:25px; margin-left:7px; } /*replybox*/ .xg_theme .xg_lightborder{ padding-bottom:30px; padding-top:15px; padding-left:50px; padding-right:8px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAZBp7FgRedxEET10bymYEgUMgVXYl_H3HKg1apPVvbb-lX2TC0Upsn_1MYnRvYMlZ-hn11rMfMdvBa9aH-Qy-ox7FA_wbS5h28NcXPmcOK-1kKRxd8T1TnUI0NR-SYXvLafnEAnS4q_Qp/s1600/GRAY+GRAD-2.png) right repeat-y; border:none !important; } .xg_theme #xg_foot{ background:transparent none; border:none; padding:0px; background-position:1% bottom; } .body_albums .clist li .ib a{ background: #23221E url() center repeat !important; } .xg_theme .xg_module_body{ background-color:transparent; } dl.comment dt{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgQZ1TmcbN7hJnXA81ItV3oZdPrtI5fK2dKIAJDU22NTbTFqLuDXjeeOYiQTchKnm_owDeQu6Ww5opSjPJb-CfS65mGInHeIgYSV95ZUQuaHkDezCKh8TglYDLFeyNMD5l6-k7ppyitFZn/s1600/GRAY+GRAD-3.png) repeat; color:#363636; padding:5px; margin-bottom:18px; } #xn_bar { background-color: transparent !important; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzaeatO5wRwsTE6JGxN_Q2BgHYBk3f4jR1cj2sCrxRAMaMYiSoYx_0KTQlQ9Gw1PvnjlgOfi1BkDxR0vVolL4maiaedh6FW9Dl3DCyfyJo4GOhvQ6lOr72d9dkseZT6OteXtCwAbPYX_qN/s1600/GREY+HEART.png); background-repeat: no-repeat; background-position: right; font-family: Georgia, Avant Garde; font-style: normal; font-weight: bold !important; text-transform: uppercase; height: 50px !important; } /*Shorten Ning Bar Width*/ .xg_theme #xg_themebody { border-top: medium none !important; } #xn_bar { margin: 0 auto; width: 970px !important; } /*****LINKS*****/ .xg_theme a { font-weight: normal !important ; font-size: 15px !important; color: #373632 !important ; } /*****LINK HOVER*****/ .xg_theme a:hover { font-weight: bold !important ; font-size: 15px !important; color: #594D39 !important ; } .xg_theme #xg_body { margin-top: -130px !important; } /*****HEADER IMAGE*****/ .xg_theme #xg_masthead { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; display: block; width: auto !important; height: 150px; background: transparent url() center scroll no-repeat; border: none; } .xg_theme #xg_sitename, .xg_theme #xg_sitedesc { display: none; } .xg_theme .xg_module_head h2 { color:#F8EBC2; font-weight:normal; font-size:20px; font-family:'Century Gothic', AppleGothic, Helvetica, sans-serif; } .xg_theme h1 { background: url(none) repeat-y scroll left center transparent; color: #F8EBC2; font-family: 'Century Gothic', AppleGothic, Helvetica, sans-serif; font-size: 22px; font-weight: normal; text-align: center; } /****LIGHTHOUSE THEME FOR NING BY LOLITA VALLE 01.12.2017 USING AVANT GARDE BASE THEME****/


What I save in this blog are for future personal use. But if anyone likes to try it on, feel free to do so. Enjoy!

EXAMPLE OF NING BASE THEME CHOICES


This the customization application of Ning Studio where you choose themes or
personalize you page.