[Template Guide] Classic (v1) Selectors | Page 1 | [CSS] Guides and Resources | Guild Forums

Profilist

Captain

Hardworking Regular

Offline

Posted: Thu Oct 13, 2016 7:54 am


	[ Template Guide ] Classic (v1) Selectors This guide lists each of the selectors on a Classic profile template as well as the default properties applied to each selector. For the sake of keeping things condensed, we will be basing all selector names and properties off of the Custom theme (Custom has the least amount of CSS to override and is the friendliest template for Classic profile makers) 1: Gaia Header 2: body, #site, #header, #content, #sidebar, #main 3: #profile 4: #details, #wishlist 5: about, customs 6: friends, journal, multimedia 7: comments, signature pkg css /! cache=true * @license Licences are viewable at this URL: http://w.cdn.gaiaonline.com/src/=/e143bb5df5304ae98988a03a4dabca2e-1427-156/pkg-gaia_profilesv1_viewing.css / /! src/css/profiles/v1/header-min.css / #gaia_header{position:absolute;top:0;left:0;width:100%;color:#000;margin-bottom:0;z-index:99999;}#gaia_header #header_left{background:#000;color:#fff;float:left;width:80%;height:24px;}#gaia_header #header_left img{top:0;vertical-align:middle;}#gaia_header #header_right{background:#000;height:24px;color:#fff;float:left;width:20%;z-index:9999;text-align:right;line-height:23px;}#gaia_header #header_right img{top:0;vertical-align:middle;}#header_right li img{padding-right:4px;}#gaia_header ul li{display:inline;}#gaia_header a{color:#ccc!important;}.spacer{padding-left:10px;} /! src/css/profiles/v1/common-min.css / #header{margin-top:25px;position:relative;border-right:1px solid #666;}#header h1{margin:0;padding:0;text-indent:-5000px;height:150px;}#header #avatar{position:absolute;width:120px;height:25px;z-index:1;left:5px;top:-5px;}#header #wordBubble{position:absolute;width:120px;height:25px;z-index:2;left:130px;top:0;}#site{width:761px;margin:5px;}#content{background:#FFF;padding-bottom:10px;border-right:1px solid #666;}#extendedProfileBody #header h1{background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg) top right no-repeat;}body{background-color:#B6CAD5;color:#000;font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:12px;scrollbar-face-color:#DEE3E7;scrollbar-highlight-color:#FFF;scrollbar-shadow-color:#DEE3E7;scrollbar-3dlight-color:#D1D7DC;scrollbar-arrow-color:#C8DFF9;scrollbar-track-color:#EFEFEF;scrollbar-darkshadow-color:#98AAB1;margin:0;padding:0;}img{border:0;}a:link,a:active,a:visited{color:#8997A1;}a:hover{text-decoration:underline;color:#DD6900;} .yui-hidden{display:none;}.journal-date{font-size:x-small;}#allfriends #friendGroup li{float:left;width:110px;height:130px;text-align:center;}#allfriends #friendGroup li img{width:96px;height:96px;}#wishlist a{text-decoration:none;}#friends .links #find_friends_banner{background:url(http://s.cdn.gaiaonline.com/images/gaia_global/body/mygaia/ic_findfriendsm.gif) top left no-repeat;padding:5px 0 10px 30px;margin-left:10px;float:right;text-align:right;}#friends .links #find_friends_banner a{font-weight:bold;text-decoration:none;}#friends .links #find_friends_banner a:hover{text-decoration:underline;}.forum_userstatus{display:none;}#avatar_menu{background:#FFF;position:absolute;z-index:500;display:none;margin:0;list-style:none;border:1px solid #bbb;border-right:1px solid #777;border-bottom:1px solid #777;width:120px;font-size:13px;font-family:Arial;}#avatar_menu li{margin:0;list-style:none;}#avatar_menu a{color:#3E53A2;display:block;font-size:85%;height:1%;padding:2px;margin:1px;text-decoration:none;font-weight:normal;text-align:left;}#avatar_menu a:hover{background:#e7edf4;}#avatar_menu li.menu_seperator{width:100%;height:1px;font-size:0;line-height:0;margin:3px 0;background:#bbb;} /! src/layout/legacy/legacy-min.css / table,tr,td{padding:0;margin:0;}.forumgaia,.forumgaiab,.forumcom,.forumcomb,.forumgame,.forumgameb,.forument,.forumentb,.forumart,.forumartb,.forummisc,.forummiscb{font-size:10px;}.forumgaia2,.forumcom2,.forumgame2,.forument2,.forumart2,.forummisc2{font-size:14px;}.forumgaiab,.forumgaia2,.forumcomb,.forumcom2,.forumgameb,.forumgame2,.forumentb,.forument2,.forumartb,.forumart2,.forummiscb,.forummisc2{font-weight:bold;}.forumgaia,.forumgaiab,.forumgaia2{color:#6d87dd;}.forumcom,.forumcomb,.forumcom2{color:#25b5ab;}.forumgame,.forumgameb,.forumgame2{color:#7071d2;}.forument,.forumentb,.forument2{color:#b37ad9;}.forumart,.forumartb,.forumart2{color:#d475a5;}.forummisc,.forummiscb,.forummisc2{color:#ffbe93;}.forumgaiabg{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_gaia3.gif)}.forumgaiabgtl{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_gaia_tl3.gif)}.forumcommuntiybg{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_gaia_community.gif)}.forumcombgtl{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_gaia_community_tl3.gif)}.forumgamebg{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_gaming3.gif)}.forumgamebgtl{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_gaming_tl3.gif)}.forumentbg{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_ent3.gif)}.forumentbgtl{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_ent_tl3.gif)}.forumartbg{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_art3.gif)}.forumartbgtl{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_art_tl3.gif)}.forummiscbg{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_misc3.gif)}.forummiscbgtl{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_misc_tl3.gif)}.forumtitle{background:url(http://s.cdn.gaiaonline.com/images/template/bg/forum_gaia.gif) no-repeat;}#userTextAdsTopSpot{background:url(http://s.cdn.gaiaonline.com/images/template/bg/ad_bg_1a_blue.gif) top left repeat;font-size:10px;padding:5px;}#userTextAdsTopSpot a{text-decoration:none;color:#000;}td.row1{background-color:#FFF;}td.row2{background-color:#FFF;}td.row3{background-color:#FFF;}td.row4{background-color:#FEDAFF;}td.row_event{background-color:#F9C9E0;}td.rowpic{background-image:url(http://s.cdn.gaiaonline.com/images/template/cellpic-r.gif)background-repeat:repeat-y;}td.rowpic1{background-image:url(http://s.cdn.gaiaonline.com/images/template/cellpic-l.gif)background-repeat:repeat-n;height:28px;}th{color:#542F00;font-size:11px;font-weight:bold;background-color:#C8DFF9;height:25px;background-image:url(http://s.cdn.gaiaonline.com/images/template/cellpic3.gif)}td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom{background:#D1D7DC url(http://s.cdn.gaiaonline.com/images/template/cellpic1.gif)border:1px solid #FFF;height:30px;}td.cat,td.catHead,td.catBottom{height:29px;border:0;}th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR{font-weight:bold;border:1px solid #FFF;height:20px;}td.row3Right,td.spaceRow{background:#D1D7DC;border:1px solid #FFF;}th.thHead,td.catHead{font-size:12px;border:0;}th.thSides,td.catSides,td.spaceRow,th.thRight,td.catRight,td.row3Right,th.thLeft,td.catLeft,th.thBottom,td.catBottom,th.thTop,th.thCornerL,th.thCornerR{border:0;}.code{font-family:Courier,'Courier New',sans-serif;font-size:11px;color:#060;background:#FAFAFA;border:1px solid #D1D7DC;}td .name{font-size:10px;}.postbody{font-family:'Lucida Grande',LucidaGrande,Lucida,Verdana,Helvetica,Arial,sans-serif;font-size:12px;color:#444;}.postcontent{text-align:center;}.postcontent .genmed{display:block;padding-top:5px;color:#355080;}#content div.postcontent a:visited{color:#777;}.postcontent table{margin:0 auto;text-align:left;}.postcontent table td{text-align:left;}.postcontent ul li,.postcontent ol li{margin:0 0 0 20px;* margin:0 0 0 25px;}.postbody{display:block;text-align:left;}.gaiaSig{text-align:center;}.gaiaSig span{display:block;width:500px;overflow:hidden;margin:0 auto;text-align:center;}.quote{font-family:'Lucida Grande',LucidaGrande,Lucida,Verdana,Helvetica,Arial,sans-serif;font-size:11px;color:#444;line-height:125%;background:#FAFAFA;border:1px solid #D1D7DC;padding:5px;}.helpline{background-color:#DEE3E7;border-style:none;}.bodyline{border:0 #3982f7 solid;}td.smiley{padding:3px;}.maintitle,.glowTitle{font-size:18px;font-weight:bold;text-decoration:none;text-align:left;}.postdetails{font-size:10px;}.topictitle{text-decoration:none;}.ie6-discontinued-wrapper{padding:10px 15px 0 15px;}input.guild_modify,textarea.guild_modify{width:34.25em;border:1px solid #a9a9a9;}textarea.guild_requestjoin{width:34.25em;height:200px;border:2px solid #a9a9a9;margin-bottom:5px;}input.tags{width:12.25em;border:1px solid #a9a9a9;margin-bottom:1px;} /! src/css/profiles/v1/smilies-min.css / div.postcontent{text-align:left;}div.postcontent .quote{padding-left:20px;padding-top:1em;padding-bottom:1em;clear:both;}div.postcontent .quote .cite{font-weight:bold;font-size:80%;}div.postcontent .quote .quoted{background:#efefef;border:1px solid #ccc;padding:10px;}div.postcontent .clear{clear:both;}div.postcontent .code{border:1px solid #006;background:#ccc;font-family:Courier,"Courier New",monospace;}div.postcontent ul{margin-left:15px;}div.postcontent span.smilies{padding-left:2px;}div.postcontent span.smilies b{visibility:hidden;font-size:1px;padding-right:12px;}div.postcontent span.smilies_biggrin{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_biggrin.gif) left top no-repeat;}div.postcontent span.smilies_biggrin{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_biggrin.gif) left top no-repeat;}div.postcontent span.smilies_biggrin{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_biggrin.gif) left top no-repeat;}div.postcontent span.smilies_smile{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_smile.gif) left top no-repeat;}div.postcontent span.smilies_smile{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_smile.gif) left top no-repeat;}div.postcontent span.smilies_smile{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_smile.gif) left top no-repeat;}div.postcontent span.smilies_redface{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_redface.gif) left top no-repeat;}div.postcontent span.smilies_crying{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_crying.gif) left top no-repeat;}div.postcontent span.smilies_stare{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_stare.gif) left top no-repeat;}div.postcontent span.smilies_xd{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_xd.gif) left top no-repeat;}div.postcontent span.smilies_3nodding{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_3nodding.gif) left top no-repeat;}div.postcontent span.smilies_blaugh{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_blaugh.gif) left top no-repeat;}div.postcontent span.smilies_gonk{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_gonk.gif) left top no-repeat;}div.postcontent span.smilies_scream{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_scream.gif) left top no-repeat;}div.postcontent span.smilies_stressed{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_stressed.gif) left top no-repeat;}div.postcontent span.smilies_sweatdrop{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_sweatdrop.gif) left top no-repeat;}div.postcontent span.smilies_heart{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_heart.gif) left top no-repeat;}div.postcontent span.smilies_domokun{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_domokun.gif) left top no-repeat;}div.postcontent span.smilies_xp{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_xp.gif) left top no-repeat;}div.postcontent span.smilies_whee{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_whee.gif) left top no-repeat;}div.postcontent span.smilies_wink{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_wink.gif) left top no-repeat;}div.postcontent span.smilies_wink{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_wink.gif) left top no-repeat;}div.postcontent span.smilies_wink{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_wink.gif) left top no-repeat;}div.postcontent span.smilies_sad{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_sad.gif) left top no-repeat;}div.postcontent span.smilies_sad{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_sad.gif) left top no-repeat;}div.postcontent span.smilies_sad{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_sad.gif) left top no-repeat;}div.postcontent span.smilies_surprised{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_surprised.gif) left top no-repeat;}div.postcontent span.smilies_surprised{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_surprised.gif) left top no-repeat;}div.postcontent span.smilies_surprised{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_surprised.gif) left top no-repeat;}div.postcontent span.smilies_eek{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_eek.gif) left top no-repeat;}div.postcontent span.smilies_confused{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_confused.gif) left top no-repeat;}div.postcontent span.smilies_confused{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_confused.gif) left top no-repeat;}div.postcontent span.smilies_confused{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_confused.gif) left top no-repeat;}div.postcontent span.smilies_cool{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_cool.gif) left top no-repeat;}div.postcontent span.smilies_cool{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_cool.gif) left top no-repeat;}div.postcontent span.smilies_cool{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_cool.gif) left top no-repeat;}div.postcontent span.smilies_lol{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_lol.gif) left top no-repeat;}div.postcontent span.smilies_mad{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_mad.gif) left top no-repeat;}div.postcontent span.smilies_mad{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_mad.gif) left top no-repeat;}div.postcontent span.smilies_mad{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_mad.gif) left top no-repeat;}div.postcontent span.smilies_razz{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_razz.gif) left top no-repeat;}div.postcontent span.smilies_razz{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_razz.gif) left top no-repeat;}div.postcontent span.smilies_razz{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_razz.gif) left top no-repeat;}div.postcontent span.smilies_cry{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_cry.gif) left top no-repeat;}div.postcontent span.smilies_evil{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_evil.gif) left top no-repeat;}div.postcontent span.smilies_twisted{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_twisted.gif) left top no-repeat;}div.postcontent span.smilies_rolleyes{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_rolleyes.gif) left top no-repeat;}div.postcontent span.smilies_exclaim{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_exclaim.gif) left top no-repeat;}div.postcontent span.smilies_question{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_question.gif) left top no-repeat;}div.postcontent span.smilies_idea{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_idea.gif) left top no-repeat;}div.postcontent span.smilies_arrow{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_arrow.gif) left top no-repeat;}div.postcontent span.smilies_neutral{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_neutral.gif) left top no-repeat;}div.postcontent span.smilies_neutral{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_neutral.gif) left top no-repeat;}div.postcontent span.smilies_neutral{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_neutral.gif) left top no-repeat;}div.postcontent span.smilies_mrgreen{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_mrgreen.gif) left top no-repeat;}div.postcontent span.smilies_ninja{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_ninja.gif) left top no-repeat;}div.postcontent span.smilies_4laugh{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_4laugh.gif) left top no-repeat;}div.postcontent span.smilies_rofl{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_rofl.gif) left top no-repeat;}div.postcontent span.smilies_pirate{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_pirate.gif) left top no-repeat;}div.postcontent span.smilies_talk2hand{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_talk2hand.gif) left top no-repeat;}div.postcontent span.smilies_burning_eyes{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_burning.gif) left top no-repeat;}div.postcontent span.smilies_cheese_whine{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_cheese.gif) left top no-repeat;}div.postcontent span.smilies_dramallama{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_dramallama.gif) left top no-repeat;}div.postcontent span.smilies_wahmbulance{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_wahmbulance.gif) left top no-repeat;}div.postcontent span.smilies_emo{background:url(http://s.cdn.gaiaonline.com/images/common/smilies/icon_emo.gif) left top no-repeat;} /! src/css/profiles/v1/alert-min.css / #alerts_banner{padding-left:20px;height:30px;margin-left:10px;float:right;background:url(http://s.cdn.gaiaonline.com/images/gaia_global/body/mygaia/ic_alerts_17x22.gif) top left no-repeat;text-align:right;}#alerts_banner a{font-weight:bold;text-decoration:none;}#alerts_banner a:hover{text-decoration:underline;}.alert_container{float:left;} /! src/yui/container/assets/container-min.css / .yui-overlay,.yui-panel-container{visibility:hidden;position:absolute;z-index:2;}.yui-tt{visibility:hidden;position:absolute;color:#333;background-color:#FDFFB4;font-family:arial,helvetica,verdana,sans-serif;padding:2px;border:1px solid #FCC90D;font:100% sans-serif;width:auto;}.yui-tt-shadow{display:none;}* html body.masked select{visibility:hidden;}* html div.yui-panel-container select{visibility:inherit;}* html div.drag select{visibility:hidden;}* html div.hide-select select{visibility:hidden;}.mask{z-index:1;display:none;position:absolute;top:0;left:0;-moz-opacity:.5;opacity:.50;filter:alpha(opacity=50)background-color:#CCC;}.hide-scrollbars,.hide-scrollbars {overflow:hidden;}.hide-scrollbars select{display:none;}.show-scrollbars{overflow:auto;}.yui-panel-container.show-scrollbars{overflow:visible;}.yui-panel-container.show-scrollbars .underlay{overflow:auto;}.yui-panel-container .underlay{position:absolute;top:0;right:0;bottom:0;left:0;}.yui-panel-container.matte{padding:3px;background-color:#fff;}.yui-panel-container.shadow .underlay{top:3px;bottom:-3px;right:-3px;left:3px;background-color:#000;opacity:.12;filter:alpha(opacity=12)}.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}.yui-effect-fade .underlay{display:none;}.yui-panel{visibility:hidden;border-collapse:separate;position:relative;left:0;top:0;font:1em Arial;background-color:#FFF;border:1px solid #000;z-index:1;overflow:hidden;}.yui-panel .hd{background-color:#3d77cb;color:#FFF;font-size:100%;line-height:100%;border:1px solid #FFF;border-bottom:1px solid #000;font-weight:bold;padding:4px;white-space:nowrap;}.yui-panel .bd{overflow:hidden;padding:4px;}.yui-panel .bd p{margin:0 0 1em;}.yui-panel .container-close{position:absolute;top:5px;right:4px;z-index:6;height:12px;width:12px;margin:0;padding:0;background:url(close12_1.gif) no-repeat;cursor:pointer;visibility:inherit;text-indent:-10000em;overflow:hidden;text-decoration:none;}.yui-panel .ft{padding:4px;overflow:hidden;}.yui-simple-dialog .bd .yui-icon{background-repeat:no-repeat;width:16px;height:16px;margin-right:10px;float:left;}.yui-simple-dialog .bd span.blckicon{background:url("blck16_1.gif") no-repeat;}.yui-simple-dialog .bd span.alrticon{background:url("alrt16_1.gif") no-repeat;}.yui-simple-dialog .bd span.hlpicon{background:url("hlp16_1.gif") no-repeat;}.yui-simple-dialog .bd span.infoicon{background:url("info16_1.gif") no-repeat;}.yui-simple-dialog .bd span.warnicon{background:url("warn16_1.gif") no-repeat;}.yui-simple-dialog .bd span.tipicon{background:url("tip16_1.gif") no-repeat;}.yui-dialog .ft,.yui-simple-dialog .ft{padding-bottom:5px;padding-right:5px;text-align:right;}.yui-dialog form,.yui-simple-dialog form{margin:0;}.button-group button{font:100 76% verdana;text-decoration:none;background-color:#E4E4E4;color:#333;cursor:hand;vertical-align:middle;border:2px solid #797979;border-top-color:#FFF;border-left-color:#FFF;margin:2px;padding:2px;}.button-group button.default{font-weight:bold;}.button-group button:hover,.button-group button.hover{border:2px solid #90A029;background-color:#EBF09E;border-top-color:#FFF;border-left-color:#FFF;}.button-group button:active{border:2px solid #E4E4E4;background-color:#BBB;border-top-color:#333;border-left-color:#333;}.yui-override-padding{padding:0!important;} /! src/css/profiles/v2/dropdown-min.css / .pushBox{float:right;height:15px;width:12px;margin:0;padding:0;font-size:1px;line-height:1px;}.forum_userstatus{margin:auto;left:20px;top:170px;background:#FFF;width:114px;border:1px solid #BBB;padding:3px;margin-bottom:10px;}.forum_userstatus.trig .statuslinks{background:url(http://s.cdn.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) right -15px no-repeat;text-align:left;}.forum_userstatus.hover .statuslinks{background:url(http://s.cdn.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) right -15px no-repeat;text-align:left;}.forum_userstatus .statuslinks{background:url(http://s.cdn.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) top right no-repeat;text-align:left;height:15px;padding:0;}.forum_userstatus .statuslinks a,.forum_userstatus .statuslinks span{overflow:hidden;display:block;margin:0;padding:0;height:15px;width:100%;font-size:11px;font-weight:normal;text-align:left;}.forum_userstatus .statuslinks span.online{background:url(http://s.cdn.gaiaonline.com/images/template/icons/ic_status_smile.gif) no-repeat 0 0;padding-left:20px;width:80px;height:15px;float:left;color:#333;}.forum_userstatus .statuslinks span.offline{background:url(http://s.cdn.gaiaonline.com/images/template/icons/ic_status_smile.gif) left -15px no-repeat;padding-left:20px;width:80px;color:#666;height:15px;float:left;} /! src/css/equip/equip-min.css / #equipped-list_mask{background:#000;opacity:.5;filter:alpha(opacity=50)}#equipped-list{width:690px;border:0;background:transparent;text-align:left;font-size:13px;}#equipped-list a{font-weight:normal;}#equipped-list .hd_equipped-list{overflow:hidden;height:32px;}#equipped-list .hd_equipped-list .leftCorner,#equipped-list .hd_equipped-list .rightCorner{width:10px;height:32px;}#equipped-list .hd_equipped-list .leftCorner{background:url(http://s.cdn.gaiaonline.com/images/equip/rs_5a4564_title_corners.png) no-repeat;float:left;}#equipped-list .hd_equipped-list .rightCorner{background:url(http://s.cdn.gaiaonline.com/images/equip/rs_5a4564_title_corners.png) -10px 0 no-repeat;float:right;}#equipped-list .hd_equipped-list .titleBar{background:#5a4564 url(http://s.cdn.gaiaonline.com/images/equip/hd_equipped_items.png) left center no-repeat;float:left;height:32px;width:670px;color:#FFF;font-size:85%;}#equipped-list .hd_equipped-list .titleBar .title{padding:11px 0 0 135px;font-size:100%;}#equipped-list .hd_equipped-list .titleBar #icon-close-list{background:url(http://s.cdn.gaiaonline.com/images/gaia_global/body/icons/ic_close_13x13.png)width:13px;height:13px;font-size:0;line-height:0;float:right;margin-top:10px;cursor:pointer;}#equipped-list .bd_equipped-list{background:url(http://s.cdn.gaiaonline.com/images/equip/il_mannequin_equip_bd.png) bottom no-repeat #FFF;padding:15px 15px 0;min-height:163px;height:auto!important;height:163px;overflow:hidden;}#equipped-list .bd_equipped-list ul{list-style:none;}#equipped-list .bd_equipped-list ul li{float:left;width:220px;overflow:hidden;}#equipped-list .bd_equipped-list ul li div.itemIcon{float:left;width:32px;height:32px;text-align:center;line-height:32px;}#equipped-list .bd_equipped-list ul li a.itemDesc{padding:0 3px;display:block;line-height:32px;color:#3e53a2;font-size:85%;text-decoration:none;height:32px;overflow:hidden;cursor:pointer;}#equipped-list .bd_equipped-list ul li a.itemDesc:hover{text-decoration:underline;}#equipped-list .ft_equipped-list{background:url(http://s.cdn.gaiaonline.com/images/equip/il_mannequin_equip_ft.png) no-repeat;height:20px;}#equipped-item-details_mask{opacity:.3;filter:alpha(opacity=30)background:#000;visibility:hidden;}#equipped-item-details{width:271px;border:0;text-align:left;font-size:13px;font-family:Arial;overflow:visible;background:url(http://s.cdn.gaiaonline.com/images/equip/empty.png)}#equipped-item-details a{color:#3e53a2;text-decoration:none;}#equipped-item-details a:hover{text-decoration:underline;}#equipped-item-details .hd_equipped-details{background:url(http://s.cdn.gaiaonline.com/images/equip/rs_corners_5A4564_FFF_4.png) no-repeat;height:4px;font-size:0;line-height:0;}#equipped-item-details .bd_equipped-details{background:#FFF url(http://s.cdn.gaiaonline.com/images/equip/rs_corners_5A4564_FFF_4.png) -271px 0 repeat-y;padding:7px 11px;height:auto!important;}#equipped-item-details .bd_equipped-details #icon-close-details{background:url(http://s.cdn.gaiaonline.com/images/gaia_global/body/icons/ic_close_13x13.png) no-repeat;height:13px;width:13px;font-size:0;line-height:0;cursor:pointer;float:right;}#equipped-item-details .bd_equipped-details div#itemIcon{float:left;width:30px;height:30px;text-align:center;line-height:30px;}#equipped-item-details .bd_equipped-details h1#itemTitle{font-size:108%;height:30px;overflow:hidden;line-height:30px;color:#5a4564;margin-left:32px;}#equipped-item-details .bd_equipped-details p#itemDesc,#equipped-item-details .bd_equipped-details p#itemAvail,#equipped-item-details .bd_equipped-details p#itemMarket,#equipped-item-details .bd_equipped-details p#itemBuyMarket{color:#000;font-size:85%;}#equipped-item-details .bd_equipped-details p#itemDesc{max-height:50px;overflow:auto;}#equipped-item-details .bd_equipped-details p#itemBuyMarket{font-weight:bold;}#equipped-item-details .bd_equipped-details div.seperate{height:1px;background:#c3cdd5;font-size:0;line-height:0;margin:10px 0;}#equipped-item-details .bd_equipped-details div.itemBuy{padding:15px 0;text-align:center;overflow:hidden;}#equipped-item-details .bd_equipped-details div.itemBuy span{overflow:hidden;display:inline-block;}#equipped-item-details .ft_equipped-details{background:url(http://s.cdn.gaiaonline.com/images/equip/rs_corners_5A4564_FFF_4.png) 0 -4px no-repeat;height:4px;font-size:0;line-height:0;}#gotoShop,#addWishlist{display:block;background:url(http://s.cdn.gaiaonline.com/images/equip/btn_gotoshop.gif) no-repeat;height:21px;width:87px;overflow:hidden;line-height:1000px;float:left;margin-right:10px;}#gotoShop:hover{background:url(http://s.cdn.gaiaonline.com/images/equip/btn_gotoshop.gif) 0 -21px no-repeat;}#gaia_content #bd #playzomg,#gaia_content #bd .get-more-items{margin-top:4px;}#gaia_content #bd #playzomg A,#gaia_content #bd #playzomg A:link,#gaia_content #bd #playzomg A:active,#gaia_content #bd .get-more-items A,#gaia_content #bd .get-more-items A:link,#gaia_content #bd .get-more-items A:active{background:transparent url(http://s.cdn.gaiaonline.com/images/gaia_global/body/arrows/ic_hyperlink_arrow_15x15.png) no-repeat scroll 0;bottom:10px;color:#3e52a2;font-weight:bold;height:25px;line-height:25px;vertical-align:middle;font-size:12px;padding:0 0 0 18px;text-decoration:none;white-space:nowrap;}#gaia_content #bd #playzomg A:hover,#gaia_content #bd .get-more-items A:hover{color:#29c;text-decoration:underline;}#gaia_content #bd #playzomg A:visited,#gaia_content #bd .get-more-items A:visited{color:#3e52a2;text-decoration:none;}#addWishlist{background:url(http://s.cdn.gaiaonline.com/images/equip/btn_addtowishlist.gif) no-repeat;width:110px;margin:0;}#addWishlist:hover{background:url(http://s.cdn.gaiaonline.com/images/equip/btn_addtowishlist.gif) 0 -21px no-repeat;}#itemMarket .deltaDown{background:url(http://s.cdn.gaiaonline.com/images/marketplace/ic_arrow_falling_9x9.gif) left center no-repeat;padding-left:12px;color:#BC0000;font-weight:bold;}#itemMarket .deltaUp{background:url(http://s.cdn.gaiaonline.com/images/marketplace/ic_arrow_rising_9x9.gif) left center no-repeat;padding-left:12px;color:#009604;font-weight:bold;}#itemMarket .deltaSame{color:#124AAC;font-weight:bold;}#dialogArrow{display:block;width:100%;position:relative;margin:-1px 0 0 0;text-align:center;} Custom theme {margin:0;padding:0;} ul li{list-style-type:none;} dl dt{font-weight:bold;} #site{width:760px;position:relative;} /* CONTENT / #content{padding:10px;} #content #sidebar{position:absolute;width:230px;left:10px;} #content #main{margin-left:230px;min-height:500px;height:500px;} #content > #main{height:auto;} / SECTION / .section{padding:0 10px 10px 10px;font-size:12px;} .section h2{font-size:15px;margin:0 -10px 0 -10px;height:25px;margin-bottom:10px;line-height:25px;} .section .clear{clear:both;} .section .head{width:48px;height:48px;} .section .torso{width:96px;height:96px;} .section .body{width:120px;height:150px;} .section .items li{display:inline;} .section .items li img{width:30px;height:30px;} .section .online{background:url(/images/profiles/v1/custom/status_online.gif) top left no-repeat;} .section .offline{background:url(/images/profiles/v1/custom/status_offline.gif) top left no-repeat;} .section .hidden{background:url(/images/profiles/v1/custom/status_hidden.gif) top left no-repeat;} .section .links{margin-bottom:10px;} .section .links li{display:inline;} .section .date{text-align:right;font-size:10px;font-weight:normal;font-style:italic;margin:0 0 3px 3px;} / CAPTION / .caption{border:2px solid #6F7074;background:#FFF;} .caption2{border:2px solid #6F7074;background:#FFF;} .caption:before{display:block;margin:-2px -2px -2px -2px;content:url(/images/profiles/v1/custom/caption_tl.gif)background:url(/images/profiles/v1/custom/caption_tr.gif) top right no-repeat;line-height:.1;} .caption:after{display:block;margin:-2px -2px -2px -2px;content:url(/images/profiles/v1/custom/caption_bl.gif)background:url(/images/profiles/v1/custom/caption_br.gif) bottom right no-repeat;line-height:.1;} .caption2:before{display:block;margin:-2px -2px -2px -2px;content:url(/images/profiles/v1/custom/caption_tl.gif)background:url(/images/profiles/v1/custom/caption_tr.gif) top right no-repeat;line-height:.1;} .caption2:after{display:block;margin:-2px -2px -2px -2px;content:url(/images/profiles/v1/custom/caption_bl.gif)background:url(/images/profiles/v1/custom/caption_br.gif) bottom right no-repeat;line-height:.1;} .caption .message{position:relative;left:-22px;padding:0 0 0 32px;min-height:45px;margin:0 -12px 0 0;background:url(/images/profiles/v1/custom/caption_ml.gif) top left no-repeat;font-size:13px;font-weight:normal;height:45px;} .caption2 .message{position:relative;right:-22px;padding:0 32px 0 0;min-height:45px;margin:0 0 0 -12px;background:url(/images/profiles/v1/custom/caption_mr.gif) top right no-repeat;font-size:13px;font-weight:normal;height:45px;} .caption > .message{height:auto;} .caption2 > .message{height:auto;} / ACCOUNT / form{margin:0 150px;} textarea{width:100%;height:100px;} .textfield{width:100%;} label{font-weight:bold;} fieldset{margin-bottom:10px;} #account ul li{display:inline;} / Common Friends / #commonFriends p{font-weight:bold;} #commonFriends ul{font-size:10px;margin-bottom:10px;} #commonFriends ul li{display:inline;} / PROFILE BAR / #bar{display:block;height:22px;margin-left:12px;background:url(/images/profiles/v1/custom/action_bar_frontcap.gif) top left no-repeat} #bar li{float:left;} #bar #onlineButton{width:60px;background:transparent url(/images/profiles/v1/custom/bar_btn_online.gif)text-indent:-5000px;height:22px;} #bar #offlineButton{width:60px;background:transparent url(/images/profiles/v1/custom/bar_btn_offline.gif)text-indent:-5000px;height:22px;} #bar #hiddenButton{width:60px;background:transparent url(/images/profiles/v1/custom/bar_btn_hidden.gif)text-indent:-5000px;height:22px;} #bar #addButton{background:transparent url(/images/profiles/v1/custom/bar_btn_addfriend.gif)} #bar #msgButton{background:transparent url(/images/profiles/v1/custom/bar_btn_pm.gif)} #bar #tradeButton{background:transparent url(/images/profiles/v1/custom/bar_btn_trade.gif)} #bar #ignoreButton{background:transparent url(/images/profiles/v1/custom/bar_btn_ignore.gif)} #bar a{display:block;height:0;padding-top:22px;color:#000;overflow:hidden;} html #bar a:link, * html #bar a:visited{height:22px;height:0;} /* Add hover images here:-) / #bar #addButton a{width:33px;background:transparent url(/images/profiles/v1/custom/bar_btn_addfriend.gif) -22px -90px no-repeat;} #bar #msgButton a{width:29px;background:transparent url(/images/profiles/v1/custom/bar_btn_pm.gif) -22px -90px no-repeat;} #bar #tradeButton a{width:28px;background:transparent url(/images/profiles/v1/custom/bar_btn_trade.gif) -22px -90px no-repeat;} #bar #ignoreButton a{width:34px;background:transparent url(/images/profiles/v1/custom/bar_btn_ignore.gif) -22px -90px no-repeat;} #bar #addButton a:hover{background-position:0 0;z-index:50;} #bar #msgButton a:hover{background-position:0 0;z-index:50;} #bar #tradeButton a:hover{background-position:0 0;z-index:50;} #bar #ignoreButton a:hover{background-position:0 0;z-index:50;} html #bar a:hover{height:22px;height:0;} /* PROFILE / #profile{background:#FFF;position:relative;} #profile h2{text-align:center;font-size:14px;font-weight:bold;} #profile .avatar{position:relative;} #profile .caption{position:absolute;top:70px;left:110px;width:105px;} #profile .status{background:url(/images/profiles/v1/custom/action_bar_frontcap.gif) top left no-repeat;margin-left:10px;} / DETAILS / #details{height:1%;} #details #stats{float:right;width:100px;margin:0 0 10px 10px;} / WISHLIST / #wishlist .questing{background:url(/images/profiles/v1/custom/wishlist_questing.gif) top right no-repeat;} #wishlist .bought{background:url(/images/profiles/v1/custom/wishlist_bought.gif) top right no-repeat;} #wishlist .donated{background:url(/images/profiles/v1/custom/wishlist_donated.gif) top right no-repeat;} #friends #friendGroup{margin-top:10px;} #friends #friendGroup li{float:left;width:110px;height:130px;text-align:center;border-right:2px solid #D8E9F3;} #friends #friendGroup li img{width:96px;height:96px;} / JOURNAL / / MULTIMEDIA / / COMMENTS / #comments dl{padding-bottom:90px;} #comments dl dt{position:relative;padding-top:10px;} #comments dl dt.avatar img{position:absolute;left:0;} #comments dl dt.avatar2 div{text-align:right;} #comments dl dt.avatar2 img{position:absolute;right:0;width:120px;} #comments dl dd{margin:0 120px 0 100px;} #comments .delete{margin-top:10px;text-align:right;} #comments #pagination li{display:inline;} #comments .admin li{text-align:right;} / SIGNATURE */ #signature p{text-align:center;}

Posted: Sun Oct 30, 2016 7:56 am


	Gaia Navigation Header This is the black strip along the top of your profile which contains the Gaia Logo, My Gaia, Shops, Forums, etc. links Please note that according to Gaia's rules, this section cannot be removed or made invisible/hard to see. Violating this rule can result in your theme code being disabled and possibly your account being banned. Selector Names and Default Properties #gaia_header The entire bar which contains all of the header links Default properties: position:absolute; top:0; left:0; width:100%; color:#000; margin-bottom:0; z-index:99999; #header_left The left side of the header. Contains the links for the homepage, My Gaia, Shops, Forums, World, and Games Default properties: background:#000; color:#fff; float:left; width:80%; height:24px; #header_left img The Gaiaonline logo in the header. Removing this is against site rules. If you want to recolor it, please check out the image dump. Default properties: top:0; vertical-align:middle; .spacer This acts as a spacer between the left side of the header bar and the Gaiaonline logo Default properties: padding-left:10px; #header_right The right side of the header. Contains links for Profile Options, Sign Out, and Report Profile Default properties: background:#000; height:24px; color:#fff; float:left; width:20%; z-index:9999; text-align:right; line-height:23px; #header_right img Targets images placed in the right side of the header (such as the useless "favorite" button) Default properties: top:0; vertical-align:middle; padding-right:4px; #gaia_header ul This is a short-hand method of targeting both #header_left and #header_right together #gaia_header ul li Targets listed elements in the header, which are the links with their accompanying " \| " divider Default properties: display:inline; #gaia_header a Targets all links in the header Default properties: color:#ccc!important;

Profilist

Captain

Hardworking Regular

Offline

Profilist

Captain

Hardworking Regular

Offline

Posted: Sun Oct 30, 2016 8:07 am


	Body, Site, Content, and More: The main sections The following selectors are the broad categories which make up much of the Classic profile template Contained inside of them are smaller specific selectors which will be covered in later posts. Selector Names and Default Properties body or #extendedProfileBody This "body" of the page, containing pretty much all of the other contents. You can use either selector name when coding. Default properties: background-color:#B6CAD5; color:#000; font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:0; padding:0; #site This is the large column in the center of your profile which contains all of the content Default properties: width:760px; position:relative;margin:5px; #header Not to be confused with "#gaia_header", this is the banner at the top of your content which has the picture of the house and Gaia logo Default properties: margin-top:25px; position:relative; border-right:1px solid #666 h1 An inner element of the header Default properties: margin:0; padding:0; text-indent:-5000px; height:150px; background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg) top right no-repeat; #content Acts as a container for the "content" of the profile Default properties: background:#FFF; padding-bottom:10px; border-right:1px solid #666; padding:10px; #sidebar The left side of your content, containing your avatar, wishlist, interests, etc. Default properties: position:absolute; width:230px; left:10px; #main The right side of your content, containing your about section, friends, comments, etc. Default properties: margin-left:230px; min-height:500px; height: auto;

Posted: Sun Oct 30, 2016 8:08 am


	The #profile Selector This is a sub-element of the #sidebar selector and arguably one of the most intricate selectors of the Classic profile. Between the amount of default properties applied to it and all of the sub-elements of the section, it can be a bit of a nightmare to format. Selector Names and Default Properties #profile Description Default properties: code h2 Description Default properties: code #bar Description Default properties: code #onlineButton / #offlineButton Description Default properties: code #addButton Description Default properties: code a The actual link in the button. All of the other buttons have this element, but I'm only listing it once to avoid redundancy. Default properties: code #msgButton Description Default properties: code #tradeButton Description Default properties: code #ignoreButton Description Default properties: code .avatar Description Default properties: code #animated_item Description Default properties: code .caption Description Default properties: code ::before Description Default properties: code .caption Description Default properties: code ::after Description Default properties: code #equipped_id Description Default properties: code li Description Default properties: code a Description Default properties: code

Profilist

Captain

Hardworking Regular

Offline

Profilist

Captain

Hardworking Regular

Offline

Posted: Mon Dec 12, 2016 7:58 am


	The #details and #wishlist Selectors These are the remaining two elements contained within the #sidebar element. As you might guess, they contain your Details (last login, birthday, etc.), Common Friends, Interests, and Wishlist Selector Names and Default Properties #details Description Default properties: code h2 Description Default properties: code #commonFriends Description Default properties: code #stats Description Default properties: code #info Description Default properties: code .clear Description Default properties: code hr Description Default properties: code h3 Description Default properties: code dl Description Default properties: code dt Description Default properties: code strong Description Default properties: code dd Description Default properties: code a Description Default properties: code #wishlist Description Default properties: code h2 Description Default properties: code .items Description Default properties: code li Description Default properties: code a Description Default properties: code

Posted: Mon Dec 12, 2016 8:12 am


	The #about Selector and Custom Sections The #about selector is the first section of your #main element. It contains anything you type into your About Me. By using a mix of BBCoding and CSS Coding, you can also create "custom" sections from this element to add extra content around the profile. Selector Names and Default Properties selector Description Default properties: code selector Description Default properties: code selector Description Default properties: code selector Description Default properties: code

Profilist

Captain

Hardworking Regular

Offline

Profilist

Captain

Hardworking Regular

Offline

Posted: Mon Dec 12, 2016 8:30 am


	The #friends, #journal, and #multimedia Selectors Intro text here Selector Names and Default Properties selector Description Default properties: code selector Description Default properties: code selector Description Default properties: code selector Description Default properties: code

Posted: Mon Dec 12, 2016 8:31 am


	The #comments and #signature Selectors Intro text here Selector Names and Default Properties selector Description Default properties: code selector Description Default properties: code selector Description Default properties: code selector Description Default properties: code

Profilist

Captain

Hardworking Regular

Offline

Welcome to Gaia! ::

Gaia Guilds

Profilist Tools

Quick Reply

More Information