Advertisement
Guest User

css

a guest
Jan 1st, 2016
60
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.14 KB | None | 0 0
  1. body[bgcolor="#fbfbfb"] {
  2. position: inherit;
  3. }
  4. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-spacing:0}
  5. body {
  6. color: #5A5A5A;
  7. font: 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
  8. position: relative;
  9. padding-bottom: 20px;
  10. }
  11. ol,ul{list-style:none}
  12. .hide{display:none;}
  13. a{color:#9e8677;text-decoration:none}a:hover{color:#111}::-moz-selection{color:#fff;background:#82b8e6}::selection{color:#fff;background:#82b8e6}.ipsList_inline>li{display:inline-block;margin:0
  14. 3px}.ipsList_inline>li:first-child{margin-left:0}.ipsList_inline>li:last-child{margin-right:0}.ipsList_inline.ipsList_reset>li:first-child{margin-left:3px}.ipsList_inline.ipsList_reset>li:last-child{margin-right:3px}.ipsList_inline.ipsList_nowrap{white-space:nowrap}
  15. /*avatar*/
  16. #avatar img {
  17. width: 200px;
  18. height: 200px;
  19. vertical-align: top;
  20. position: relative;
  21. border-radius: 100%;
  22. margin-top: 30px;
  23. margin-right: 15px;
  24. }
  25. #avatar img:hover {
  26. opacity:0.7;
  27. }
  28. /*wrapper ipb*/
  29. .wrapper{margin:0 auto;width:96%;min-width:990px;max-width:1500px}
  30. .pun {
  31. line-height: 130%;
  32. margin: 0px auto;
  33. max-width: 1018px;
  34. padding: 5px;
  35. width: 98%;
  36. min-width: 930px;
  37. }
  38. /*navegacion*/
  39. #header_bar{background:#323232 url('http://i.imgur.com/zy9fTaH.png') repeat-x 0 1px;padding:0;text-align:right}#admin_bar{font-size:11px;line-height:28px;padding:0
  40. 12px;background:#323232 url('http://i.imgur.com/zy9fTaH.png') repeat-x 0 1px;overflow:hidden}#admin_bar
  41. li{padding-left:10px;padding-right:10px}#admin_bar li.active
  42. a{color:#fc6d35}#admin_bar
  43. a{color:#8a8a8a}#admin_bar a:hover{color:#fff}#userBar{-webkit-box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;box-shadow:rgba(0,0,0,0.2) 0px 1px 4px}#user_navigation{display:block;color:#9f9f9f;font-size:11px;line-height:36px;overflow:hidden}@media (min-width: 1100px){#user_navigation
  44. li.half{float:left;width:50%}#user_navigation li.half
  45. a{padding:0
  46. !important;text-align:center;background:rgba(255,255,255,0.08)}#user_navigation li.half a:hover{background:rgba(255,255,255,0.16)}#user_navigation
  47. a#notify_link{padding-left:10px}#user_navigation a#user_link:before{content:"Welcome ";opacity:0.6}}#user_navigation
  48. a{color:#fff;display:block;padding:0
  49. 0 0 20px;line-height:36px;outline:none}#user_navigation a:hover{background:rgba(0,0,0,0.2)}#changeBackgroundLink
  50. a{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.08)}#changeBackgroundLink a:hover{background:rgba(255,255,255,0.16)}#changeBackgroundLink a:hover:after{content:"ยป";float:right}#user_navigation
  51. a#user_link{display:block;text-transform:uppercase;font-size:10px;font-weight:bold;background:url("http://i.imgur.com/IQELYL2.png") repeat;background:rgba(0,0,0,0.3);line-height:46px}#user_navigation a#user_link:hover{background:url("http://i.imgur.com/mksg0Kw.png") repeat;background:rgba(0,0,0,0.4)}#user_navigation
  52. .user_photo{position:relative;vertical-align:top;padding:0;height:24px;width:auto;margin:6px
  53. -6px 0px -6px}#user_navigation #sign_in img,
  54. #user_navigation #register_link
  55. img{vertical-align:top;position:relative;margin:10px
  56. 2px 0 0}#user_navigation ul
  57. li{margin:0;padding:0;display:block}#user_link_dd,.dropdownIndicator{display:inline-block;width:9px;height:5px;background:url('http://i.imgur.com/Lik7rK4.png') no-repeat left}#user_link_menucontent #links
  58. li{width:50%;float:left;margin:3px
  59. 0;white-space:nowrap}#user_link_menucontent #links
  60. a{display:block}.menu_active .dropdownIndicator, li.active
  61. .dropdownIndicator{background-position:right}#community_app_menu .menu_active
  62. .dropdownIndicator{background-position:left}#community_app_menu li.active .menu_active
  63. .dropdownIndicator{background-position:right}#user_link_menucontent
  64. #statusForm{margin-bottom:15px}#user_link_menucontent
  65. #statusUpdate{margin-bottom:5px}#user_link_menucontent>div{margin-left:15px;width:265px;text-align:left}#statusSubmitGlobal{margin-top:3px}#user_navigation a#user_link.menu_active,
  66. #user_navigation a#notify_link.menu_active,
  67. #user_navigation
  68. a#inbox_link.menu_active{background-position:bottom;background:#222;background:rgba(0,0,0,0.45);color:#fff;position:relative;z-index: 999;-moz-border-radius:3px 3px 0px 0px;border-radius:3px 3px 0px 0px}#notify_link,#inbox_link{vertical-align:middle;position:relative}#notify_link
  69. img{background-image:url('http://i.imgur.com/Vdcb1OJ.png')}#inbox_link
  70. img{background-image:url('http://i.imgur.com/fDNRyKA.png')}#notify_link img, #inbox_link
  71. img{width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;margin:-2px 4px 0 0}.services
  72. img{margin:10px
  73. -2px 0 -2px;vertical-align:top}#statusUpdateGlobal,#statusSubmitGlobal{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.15);border:1px
  74. solid #757575;border:1px
  75. solid rgba(255,255,255,0.3);color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:rgba(0,0,0,0.2) 0px -1px 0px}#statusSubmitGlobal{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(255,255,255,0.25)}#statusSubmitGlobal:hover{background:rgba(255,255,255,0.4)}
  76. /*logo*/
  77. #branding{height:90px}#logo{float:left}#logo
  78. a.textLogo{color:#fff;text-shadow:rgba(0,0,0,0.3) 0px 1px 2px;background:url("http://i.imgur.com/Wv3FgDP.png") repeat;background:rgba(30,30,30,0.15);height:90px;line-height:90px;padding:0
  79. 20px;font-weight:300;font-size:24px;font-family:"Open Sans",Arial,Helvetica,sans-serif;display:block;text-decoration:none;min-width:205px;text-align:center}#logo a.textLogo:hover{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(30,30,30,0.25)}
  80. /*menu*/
  81. #primary_nav{}.sideLinks li,#community_app_menu>li{margin:0;position:relative;display:block;float:none}.sideLinks a,#community_app_menu>li>a{color:#ddd;color:rgba(255,255,255,0.75);display:block;outline:none;padding-left:20px;line-height:40px}.sideLinks a:hover,#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(0,0,0,0.2);color:#fff}#community_app_menu>li.active>a{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.1);color:#fff;position:relative}#primary_nav a.ipbmenu
  82. img{margin-right:-6px}#changeBackgroundLink a:before,
  83. #socialSideLinks a:before,
  84. #primary_nav a:before{content:"";display:inline-block;position:relative;width:17px;height:16px;margin-right:10px;top:4px;background:url("http://i.imgur.com/MVLcNuK.png") no-repeat 0 0;opacity:0.7}#nav_home a:before{background-position:0 -16px}#nav_app_forums a:before{background-position:0 -32px}#nav_app_members a:before{background-position:0 -48px}#nav_app_blog a:before{background-position:0 -64px}#nav_app_calendar a:before{background-position:0 -80px}#nav_app_ipchat a:before{background-position:0 -96px}#nav_app_ccs a:before{background-position:0 -112px}#nav_app_downloads a:before{background-position:0 -128px}#nav_app_gallery a:before{background-position:0 -144px}#nav_app_nexus a:before{background-position:0 -160px}#nav_app_rules a:before{background-position:0 -176px}#sideFacebook a:before{background-position:0 -192px}#sideTwitter a:before{background-position:0 -208px}#sideYoutube a:before{background-position:0 -224px}#sideGoogle a:before{background-position:0 -240px}#sideVimeo a:before{background-position:0 -256px}#sidePinterest a:before{background-position:0 -272px}#sideFlickr a:before{background-position:0 -288px}#nav_search a:before{background-position:0 -304px}#changeBackgroundLink a:before{background-position:0 -320px}#changeBackgroundLink a:hover:before,
  85. #socialSideLinks a:hover:before,
  86. #primary_nav li.active a:before,
  87. #primary_nav a:hover:before{opacity:1}#primary_extra_menucontent,#more_apps_menucontent,.submenu_container{background:#173455;font-size:12px;border:0;min-width:140px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#primary_extra_menucontent li, .submenu_container li,
  88. #more_apps_menucontent
  89. li{padding:0;border:0;float:none !important;min-width:150px}#primary_extra_menucontent a,
  90. #more_apps_menucontent a, .submenu_container
  91. a{display:block;padding:8px
  92. 10px;color:#c5d5e2}#primary_extra_menucontent a:hover,
  93. #more_apps_menucontent li:hover a, .submenu_container li:hover
  94. a{background:#1d3c5f;color:#fff}#primary_extra_menucontent li:last-child a,
  95. #more_apps_menucontent li:last-child
  96. a{-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#community_app_menu .submenu_container,#more_apps_menucontent.submenu_container{width:260px}#community_app_menu .submenu_container li, #more_apps_menucontent.submenu_container
  97. li{width:260px}
  98. /*navegacion secundaria*/
  99. #nav_wrap{background:url("http://i.imgur.com/pzPbNV4.png") repeat-x 0 0;border-bottom:1px solid #dbdbdb}#secondary_navigation{overflow:hidden;line-height:45px}#secondary_navigation
  100. a{color:#757575;line-height:45px;height:45px}#secondary_navigation a:hover{color:#222}#secondary_navigation #breadcrumb
  101. li{float:left}#secondary_navigation #breadcrumb li
  102. a{padding-left:12px;margin-left:-18px;background:url('http://i.imgur.com/pzPbNV4.png') no-repeat 0 0;display:block;outline:none;text-decoration:none}#secondary_navigation #breadcrumb li.first
  103. a{margin-left:0;background:none;padding-left:0px}#secondary_navigation #breadcrumb li
  104. span{display:block;padding-right:17px;padding-left:7px;background:url('http://i.imgur.com/pzPbNV4.png') no-repeat 100% 0}#secondary_navigation #breadcrumb li>span{padding-left:7px;background:none transparent}#secondary_navigation #breadcrumb li.first>span{padding-left:13px}#secondary_navigation #breadcrumb li.first a
  105. span{padding-left:12px}#secondary_navigation #breadcrumb li a:hover{background-position:0 -45px}#secondary_navigation #breadcrumb li a:hover
  106. span{background-position:100% -45px}#secondary_navigation #breadcrumb li a:active{background-position:0 -90px}#secondary_navigation #breadcrumb li a:active
  107. span{background-position:100% -90px}#secondary_links{overflow:hidden}#secondary_links
  108. li{float:left;margin:0}#secondary_links span,
  109. #secondary_links
  110. a{padding:0
  111. 12px;display:block;border-left:1px solid #eaeaea;cursor:pointer}#secondary_links span:hover,
  112. #secondary_links a:hover{background:url("http://i.imgur.com/bNdKSbT.png") repeat;background:rgba(255,255,255,0.6)}#secondary_links
  113. img{vertical-align:top;width:16px;height:16px;position:relative;margin:14px
  114. -1px 0 -1px}#secondary_links a#quickNavLaunch
  115. img{opacity:0.6}#secondary_links a#quickNavLaunch:hover
  116. img{opacity:1}
  117. /*social*/
  118. #socialButtons{padding:3px
  119. 3px 0 0;border-left:1px solid #eaeaea;height:42px}#socialButtons
  120. a{float:left;margin-left:3px;background:url("http://i.imgur.com/LCDvevy.png") no-repeat 0 0;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;font-weight:bold;height:37px;line-height:37px;padding:0
  121. 10px 0 49px;outline:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;-moz-box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;border:1px
  122. solid transparent}#socialButtons a:active{position:relative;top:1px;-webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px;-moz-box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px;box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px}#socialButtons
  123. a.facebookButton{background-color:#324e8a;border-color:#203468;background-position:0 -1px}#socialButtons a.facebookButton:hover{background-position:0 -41px}#socialButtons
  124. a.twitterButton{background-color:#0097d5;border-color:#0777c0;background-position:0 -81px}#socialButtons a.twitterButton:hover{background-position:0 -121px}#socialButtons
  125. a.youtubeButton{background-color:#af2823;border-color:#8b1a17;background-position:0 -161px}#socialButtons a.youtubeButton:hover{background-position:0 -201px}#socialButtons
  126. a.googleButton{background-color:#da5733;border-color:#c83a22;background-position:0 -241px}#socialButtons a.googleButton:hover{background-position:0 -281px}#socialButtons
  127. a.vimeoButton{background-color:#1a9ac7;border-color:#136f9d;background-position:0 -321px}#socialButtons a.vimeoButton:hover{background-position:0 -361px}#socialButtons
  128. a.pinterestButton{background-color:#c61a1c;border-color:#a61213;background-position:0 -401px}#socialButtons a.pinterestButton:hover{background-position:0 -441px}#socialButtons
  129. a.flickrButton{background-color:#ee218b;border-color:#cd135f;background-position:0 -481px}#socialButtons a.flickrButton:hover{background-position:0 -521px}#socialButtons.mediumSocial
  130. a{padding-left:10px}#socialButtons.mediumSocial
  131. a.facebookButton{background-position:-40px -1px}#socialButtons.mediumSocial a.facebookButton:hover{background-position:-40px -41px}#socialButtons.mediumSocial
  132. a.twitterButton{background-position:-40px -81px}#socialButtons.mediumSocial a.twitterButton:hover{background-position:-40px -121px}#socialButtons.mediumSocial
  133. a.youtubeButton{background-position:-40px -161px}#socialButtons.mediumSocial a.youtubeButton:hover{background-position:-40px -201px}#socialButtons.mediumSocial
  134. a.googleButton{background-position:-40px -241px}#socialButtons.mediumSocial a.googleButton:hover{background-position:-40px -281px}#socialButtons.mediumSocial
  135. a.vimeoButton{background-position:-40px -321px}#socialButtons.mediumSocial a.vimeoButton:hover{background-position:-40px -361px}#socialButtons.mediumSocial
  136. a.pinterestButton{background-position:-40px -401px}#socialButtons.mediumSocial a.pinterestButton:hover{background-position:-40px -441px}#socialButtons.mediumSocial
  137. a.flickrButton{background-position:-40px -481px}#socialButtons.mediumSocial a.flickrButton:hover{background-position:-40px -521px}#socialButtons.smallSocial
  138. a{width:38px;padding:0;overflow:hidden;text-indent:-999px}.breadcrumb{}.breadcrumb li
  139. .nav_sep{margin:0
  140. 5px 0 0}.breadcrumb li:first-child{margin-left:0}.breadcrumb.bottom{margin-top:10px;width:100%;display:none}.ipsHeaderMenu{background:#222;background:rgba(0,0,0,0.01) url("http://i.imgur.com/rXBPuoy.jpg") no-repeat 50% 50% fixed;-webkit-box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;-moz-box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;padding:10px;-moz-border-radius:0 3px 3px 3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-radius:0 3px 3px 3px;overflow:hidden;width:340px;margin-top:1px}.ipsHeaderMenu
  141. a{color:#eee;color:rgba(255,255,255,0.8)}.ipsHeaderMenu .ipsType_sectiontitle,
  142. .ipsHeaderMenu a:hover{color:#fff}.ipsHeaderMenu .ipsType_sectiontitle,
  143. .ipsHeaderMenu .ipsList_withminiphoto
  144. li{border-color:#444;border-color:rgba(255,255,255,0.3)}.ipsHeaderMenu,
  145. .ipsHeaderMenu .desc,
  146. .ipsHeaderMenu
  147. .desc.lighter{color:#888;color:rgba(255,255,255,0.45)}.ipsHeaderMenu.boxShadow{}.ipsHeaderMenu
  148. .ipsType_sectiontitle{margin-bottom:8px}#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu{width:300px}
  149. /*search*/
  150. #search{margin:27px
  151. 0 0 0}#main_search{font-size:12px;border:0;padding:0;background:transparent;width:158px;outline:0;color:#fff;height: 35px;line-height: 35px;}#main_search.inactive{color:#bcbcbc}#search_wrap{position:relative;background:url("http://i.imgur.com/7b3YXwO.png") repeat;background:rgba(30,30,30,0.6);display:block;padding:0
  152. 36px 0 7px;height:36px;line-height:35px;min-width:260px;-webkit-box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px;-moz-box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px;box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px}#adv_search{width:36px;height:36px;background:url('http://i.imgur.com/HcRg3O1.png') no-repeat 50% 50%;text-indent:-3000em;display:none}#adv_search:hover{background-color:rgba(0,0,0,0.2)}#search
  153. .submit_input{background:url('http://i.imgur.com/TqvDYDx.png') no-repeat 50%;background-color:rgba(255,255,255,0.1);text-indent:-3000em;padding:0;border:0;display:block;width:36px;height:36px;position:absolute;right:0;top:0;bottom:0}#search .submit_input:hover{background-color:rgba(255,255,255,0.15)}#search_options{font-size:10px;height:30px;line-height:30px;margin:3px
  154. 3px 3px 0;padding:0
  155. 6px;background:rgba(255,255,255,0.05);color:#eee;display:inline-block;float:right;max-width:80px;text-overflow:ellipsis;overflow:hidden}#search_options_menucontent{min-width:130px;white-space:nowrap;padding:0;background:#fff;border:1px
  156. solid #c6c6c6}#search_options_menucontent
  157. input{margin-right:10px}#search_options_menucontent
  158. li{border-bottom:1px solid #ededed;white-space:nowrap}#search_options_menucontent li:last-of-type{border-bottom:0}#search_options_menucontent label:hover{background:#f5f5f5}#search_options_menucontent
  159. label{cursor:pointer;display:block;padding:0
  160. 6px}#search_options_menucontent
  161. li.title{padding:3px
  162. 6px}
  163. .right {
  164. float: right;
  165. }
  166. fieldset,img{border:0}
  167. /*theme*/
  168. .backgroundBlur #userBar,
  169. .backgroundBlur #shadowWrap,
  170. .backgroundBlur .col_c_icon img,
  171. .backgroundBlur .maintitle,
  172. .backgroundBlur #footer_utilities,
  173. .backgroundBlur .pagination .pages li.active,
  174. .backgroundBlur .post_block
  175. h3{background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed}.noBackgroundBlur #userBar,
  176. .noBackgroundBlur #shadowWrap,
  177. .noBackgroundBlur
  178. #footer_utilities{background:url("http://i.imgur.com/xXISsDU.png") repeat;background:rgba(30,30,30,0.7)}body,
  179. .noBackgroundBlur .col_c_icon img,
  180. .noBackgroundBlur
  181. .maintitle{background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed}@media (min-width: 2561px){body,
  182. .backgroundBlur #userBar,
  183. .backgroundBlur #shadowWrap,
  184. .backgroundBlur .col_c_icon img,
  185. .backgroundBlur .maintitle,
  186. .backgroundBlur #footer_utilities,
  187. .backgroundBlur .pagination .pages li.active,
  188. .backgroundBlur .post_block h3,
  189. .noBackgroundBlur .col_c_icon img,
  190. .noBackgroundBlur
  191. .maintitle{-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}}.noBackgroundBlur
  192. .maintitle{-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px;box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px}#shadowWrap{-webkit-box-shadow:rgba(0,0,0,0.35) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,0.35) 0px 1px 3px;box-shadow:rgba(0,0,0,0.35) 0px 1px 3px}#mainContent{background:#fff;margin-left:180px;overflow-x:hidden}#sideNav{width:180px;float:left}@media (max-width: 1099px){.hideSmall{display:none}body .sideLinks a, body #community_app_menu>li>a{padding-left:10px}}@media (min-width: 1100px){#mainContent{margin-left:245px}#sideNav{width:245px}body #notify_link img, body #inbox_link
  193. img{margin-right:2px}}#sideNav
  194. h4{display:block;text-transform:uppercase;font-size:10px;font-weight:bold;color:#fff;background:url("http://i.imgur.com/YdZ7F5e.png") repeat;background:rgba(0,0,0,0.3);margin:0;padding:16px
  195. 0 16px 20px;position:relative}#sideNav h4 .sideToggle,
  196. #sideNav h4 .sideHide,
  197. #sideNav h4
  198. .sideShow{position:absolute;top:0;right:0;bottom:0;width:46px;background:url("http://i.imgur.com/8D0KT5x.png") no-repeat 50% -46px;cursor:pointer}#sideNav h4:hover .sideShow,
  199. #sideNav h4:hover .sideHide,
  200. #sideNav h4:hover
  201. .sideToggle{background-color:rgba(0,0,0,0.1)}#sideNav h4 .sideShow:hover,
  202. #sideNav h4 .sideHide:hover,
  203. #sideNav h4 .sideToggle:hover{background-color:rgba(0,0,0,0.2)}#sideNav h4 .sideShow,
  204. #sideNav h4
  205. .sideToggle.collapsed{background-position:50% 0}#sideNav h4
  206. .sideShow{display:none}#sideNav h4
  207. .sideHide{display:block}#sideNav h4.collapsed
  208. .sideShow{display:block}#sideNav h4.collapsed
  209. .sideHide{display:none}#sideNav
  210. h4.collapsed{box-shadow:inset rgba(0,0,0,0.2) 0px -1px 0px 0px}.sidePhoto{text-align:center;padding:10px
  211. 0 !important}.sidePhoto
  212. a{display:inline-block !important;padding:0
  213. !important}.sidePhoto
  214. img{-webkit-box-shadow:rgba(0,0,0,0.4) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,0.4) 0px 1px 3px;box-shadow:rgba(0,0,0,0.4) 0px 1px 3px}.sidePhoto.round a,
  215. .sidePhoto.round
  216. img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#content{padding:10px;line-height:120%}#toggle_background{display:none}#custom_background{border-bottom:1px solid #dbdbdb;margin-bottom:10px}#custom_background>div{padding:10px}#custom_background
  217. span{display:block;float:left;margin:0
  218. 10px 10px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;-moz-box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;width:210px;width:24%;margin-left:0.5%;margin-right:0.5%;margin-bottom:10px;height:130px;background-position:50% 50%;background-repeat:repeat;cursor:pointer;position:relative;z-index:2}#custom_background span:hover:after{position:absolute;top:0;left:0;bottom:0;right:0;background:url("http://i.imgur.com/2bTqFHR.png") no-repeat 50% 30px;background:rgba(30,30,30,0.3) url("http://i.imgur.com/2bTqFHR.png") no-repeat 50% 30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:"https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSaGIvtGbzRIzq2p-9ClyU0J-X8GdpGK-3pEaiZ-7zU3Gx3OOg0AxL8if7w";text-shadow:rgba(0,0,0,0.4) 0px 1px 1px;text-align:center;padding-top:89px;color:#fff;font-size:13px;font-weight:bold;z-index:3}.row1,.post_block.row1{background-color:#fff}.row2,.post_block.row2{background-color:#fff}.unread
  219. .highlight_unread{font-weight:bold}
  220. /*codigos*/
  221. .ipsType_pagetitle,.ipsType_subtitle{font:300 26px/1.4 Helvetica,Arial,sans-serif;color:#323232}.ipsType_subtitle{font-size:18px}.ipsType_sectiontitle{font-size:16px;font-weight:normal;color:#595959;padding:5px
  222. 0}.ipsType_pagedesc{color:#7f7f7f;line-height:1.5}.ipsType_pagedesc
  223. a{text-decoration:underline}.ipsType_textblock{line-height:1.7}.ipsType_small{font-size:11px}.ipsType_smaller, .ipsType_smaller
  224. a{font-size:11px !important}.ipsType_smallest, .ipsType_smallest
  225. a{font-size:10px !important}.ipsBox_container
  226. .ipsType_pagetitle{margin-bottom:6px}.ipsReset{margin:0px
  227. !important;padding:0px
  228. !important}
  229. .clearfix:after {
  230. content: ".";
  231. display: block;
  232. height: 0px;
  233. clear: both;
  234. visibility: hidden;
  235. overflow: hidden;
  236. }
  237. /*lik*/
  238. /*colo de link*/
  239. .pun a:link {
  240. color: #9E8677;
  241. }
  242. .pun a:Link:hover{
  243. color:#222;
  244. }
  245. .pun a:link:visited {
  246. color: #DE4545;
  247. }
  248. ::-moz-selection{
  249. color:#fff;
  250. background:#757575
  251. }
  252.  
  253. ::selection{
  254. color:#fff;
  255. background:#757575
  256. }
  257. /*categorias*/
  258. .main .main-head {
  259. background-color: #645D57;
  260. background-image: url('http://images.forwallpaper.com/files/images/6/6d12/6d12f6d4/237571/texture-black-background-pattern-wallpaper.jpg');
  261. background-repeat: no-repeat;
  262. background-position: 50% 0px;
  263. background-attachment: fixed;
  264. color: #FFF;
  265. padding: 20px 16px;
  266. font-size: 11px;
  267. font-weight: bold;
  268. text-transform: uppercase;
  269. overflow: hidden;
  270. border-radius: 3px;
  271. position: relative;
  272. }
  273. .pun h2, .pun h3{
  274. font-weight: bold;
  275. }
  276. .module .main-head {
  277. background: none repeat scroll 0% 0% #FFF;
  278. border-bottom: 1px solid #E3E3E3;
  279. color: #727272;
  280. font-size: 10px;
  281. font-weight: bold;
  282. padding: 12px;
  283. text-transform: uppercase;
  284. }
  285. .recent_space {
  286. border-bottom: 1.9px solid #DDD;
  287. padding: 3px;
  288. }
  289. .pun .main-content {
  290. background-color: #FFF;
  291. border: 1px solid transparent;
  292. }
  293. .pun table.table td {
  294. background: none repeat scroll 0% 0% transparent;
  295. border-width: medium medium 1px;
  296. border-style: none none solid;
  297. border-color: transparent transparent #DDD;
  298. }
  299. /*post*/
  300. .user-basic-info a img {
  301. background: none repeat scroll 0% 0% #FFF;
  302. box-shadow: inset rgba(0,0,0,0.15) 0px 1px 4px, inset rgba(0,0,0,0.04) 0px 0px 0px 1px;
  303. max-height: 94px;
  304. max-width: 94px;
  305. padding: 1px;
  306. -webkit-border-radius: 3px;
  307. -moz-border-radius: 3px;
  308. border-radius: 3px;
  309. }
  310. .user-basic-info a img:hover {
  311. opacity: 0.8;
  312. }
  313. .pun .post .user {
  314. line-height: 130%;
  315. text-align: center;
  316. }
  317. .post_username {
  318. float: left;
  319. font-weight: 700;
  320. min-width: 190px;
  321. }
  322. .pun .postmain {
  323. background-color: transparent;
  324. margin-left: 18em;
  325. }
  326. .pun tbody.statused td.tcl {
  327. padding-left: 0;
  328. }
  329. .pun .main table td.tc2, .pun .main table td.tc3 {
  330. background-color: transparent;
  331. }
  332. .pun .table .tc2, .pun .table .tc3 {
  333. text-align: right;
  334. width: 13%;
  335. }
  336. .pun .posthead {
  337. background-color: #645D57;
  338. background-image: url('http://images.forwallpaper.com/files/images/6/6d12/6d12f6d4/237571/texture-black-background-pattern-wallpaper.jpg');
  339. background-repeat: no-repeat;
  340. background-position: 50% 0px;
  341. background-attachment: fixed;
  342. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25) inset;
  343. border: 0.1px solid #333;
  344. color: #FFF;
  345. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
  346.  
  347. padding: 0px 10px;
  348. height: 40px;
  349. line-height: 40px;
  350. font-weight: normal;
  351. font-size: 13px;
  352. overflow: hidden;
  353. border-radius: 3px;
  354. box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  355. }
  356. .postfoot {
  357. border: 1px solid #EAEAEA;
  358. clear: both;
  359. margin-left: -18em;
  360. padding: 0.5em 1em;
  361. text-align: right;
  362. background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% #F8F8F8;
  363. border-radius: 3px;
  364. overflow: hidden;
  365. }
  366. .main .main-foot {
  367. background-color: #645D57;
  368. background-image: url('http://images.forwallpaper.com/files/images/6/6d12/6d12f6d4/237571/texture-black-background-pattern-wallpaper.jpg');
  369. background-repeat: no-repeat;
  370. background-position: 50% 0px;
  371. background-attachment: fixed;
  372. color: #FFF;
  373. padding: 10px 16px 10px 16px;
  374. font-size: 11px;
  375. font-weight: bold;
  376. text-transform: uppercase;
  377. overflow: hidden;
  378. border-radius: 3px;
  379. position: relative;
  380. }
  381. .pun .paged-foot, .pun .paged-head {
  382. background-color: transparent;
  383. border: transparent;
  384. padding: 0.6em 1.3em 0.3em;
  385. }
  386. /*avatar en subforos*/
  387. .mini_ava {float: left;}
  388. .mini_ava img {
  389. width: 204px;
  390. height: 204px;
  391. background: #F4F4F4;
  392. margin: 0 7px;
  393. margin-top: 5px;
  394. }
  395. .mini_ava img {-webkit-border-radius:3px;border-radius:3px}
  396. .mini_ava img:hover{opacity:0.8}
  397.  
  398. #content-container div#main {
  399. margin-bottom: 1em;
  400. overflow: hidden;
  401. margin-right: 10px;
  402. }
  403. /*estadist*/
  404. #clear {
  405. display: inline-block;
  406. background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
  407. color: #222;
  408. padding: 3px 7px;
  409. font-weight: bold;
  410. margin-left: 30px;
  411. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
  412. border-radius: 3px;
  413. }
  414. /*titlebox IPB*/
  415. .ipbfs_titlebox {
  416. background: #fafafa;
  417. border: 1px solid #d6d6d6;
  418. text-shadow: #fff 0px 1px 0px;
  419. -moz-border-radius: 3px;
  420. -webkit-border-radius: 3px;
  421. border-radius: 3px;
  422. -webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
  423. -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
  424. box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
  425. padding: 16px;
  426. overflow: hidden;
  427. }
  428. /*guest IPB*/
  429. .guestMessage{background:#fff2db url("http://i.imgur.com/JbRVoDy.png") repeat-x 0 0;border:1px
  430. solid #eac794;color:#b85f1d;line-height:180%;margin-bottom:10px;padding:10px;text-shadow:rgba(255,255,255,0.55) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.guestMessage
  431. .guestHeader{background:rgb(240,175,81);background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);-webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#9a6200;text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:10px;font-size:1.1em;font-weight:bold;margin:-4px -4px 10px -4px}.guestMessage
  432. a{color:#b85f1d;text-decoration:none}.guestMessage
  433. a.guestButton{background:rgb(240,175,81);background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);-webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#9a6200;text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:0
  434. 14px;display:inline-block;height:36px;line-height:36px;outline:0;margin:10px
  435. 8px 0 0;font-weight:bold;text-decoration:none}.guestMessage a.guestButton:hover{opacity:0.8}
  436. /*ocultar*/
  437. #pun-visit {
  438. background-color: #F4F4F4;
  439. border-color: #DDD;
  440. border-style: solid;
  441. border-width: 1px;
  442. margin: 0px 0px 1em;
  443. padding: 0.6em 1em;
  444. display: none;
  445. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement