/* phpBB3 Style Sheet -------------------------------------------------------------- Style name: Rock'n Roll Based on style: prosilver (the default phpBB 3.3.x style) Original author: Tom Beddard ( http://www.subblue.com/ ) Modified by: Vinny ( http://www.suportephpbb.com.br ) Ported by: The KuKa (Raúl Arroyo) - https://www.phpbb-es.com -------------------------------------------------------------- */ /* Colours and backgrounds for Rock'n Roll */ html, body { color: #000000; background: #4c4c4c; /*background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 0%, #666666 0%, #2b2b2b 0%, #2c2c2c 15%, #2c2c2c 15%, #474747 18%, #000000 51%, #111111 60%, #1c1c1c 91%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%); background: linear-gradient(to bottom, #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%);*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); background-repeat: repeat-x; background-attachment: fixed; } h1 { color: #FFFFFF; } h2 { color: #28313F; } h3 { border-bottom-color: #CCCCCC; color: #000000; } hr { border-color: #FFFFFF; border-top-color: #CCCCCC; } hr.dashed { border-top-color: #CCCCCC; } /* Search box --------------------------------------------- */ #search-box { color: #FFFFFF; } #search-box #keywords { background-color: #FFFFFF; } #search-box input { border-color: #0075B0; } /* Round cornered boxes and backgrounds ---------------------------------------- */ .headerbar { background-color: #000000; background-image: url("./images/bg_header.gif"); background-repeat: no-repeat; background-position: right; color: #FFFFFF; } .navbar { background-color: #ACACAC; } .forabg { background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 0%, #666666 0%, #2b2b2b 0%, #2c2c2c 15%, #2c2c2c 15%, #474747 18%, #000000 51%, #111111 60%, #1c1c1c 91%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%); background: linear-gradient(to bottom, #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); } .forumbg { background: #4c4c4c; background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 0%, #666666 0%, #2b2b2b 0%, #2c2c2c 15%, #2c2c2c 15%, #474747 18%, #000000 51%, #111111 60%, #1c1c1c 91%, #131313 100%); background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%); background: linear-gradient(to bottom, #4c4c4c 0%,#595959 0%,#666666 0%,#2b2b2b 0%,#2c2c2c 15%,#2c2c2c 15%,#474747 18%,#000000 51%,#111111 60%,#1c1c1c 91%,#131313 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); } .panel { background-color: #EFEFEF; color: #28313F; } .post:target .content { color: #000000; } .post:target h3 a { color: #000000; } .bg1 { background-color: #EFEFEF; } .bg2 { background-color: #EFEFEF; } .bg3 { background-color: #DBDBDB; } .ucprowbg { background-color: #DCDEE2; } .fieldsbg { background-color: #E7E8EA; } ul.topiclist2 dt .list-inner2 { margin-right: 95%; padding-left: 5px; padding-right: 5px; } ul { /*list-style-type: none;*/ } ul.forums, ul.topics { background-color: #EEF5F9; } ul.topiclist li { color: #000000; } ul.topiclist dd { border-left-color: #000000; } .rtl ul.topiclist dd { border-right-color: #FFFFFF; border-left-color: transparent; } li.row { border-top-color: #FFFFFF; border-bottom-color: #00608F; } li.row strong { color: #000000; } li.row:hover { background-color: #FFFFFF; } li.row:hover dd { border-left-color: #FF0000; } .rtl li.row:hover dd { border-right-color: #CCCCCC; border-left-color: transparent; } li.header dt, li.header dd { color: #FFFFFF; } ul.linklist li.responsive-menu { position: relative; margin: 0 5px 0 5px; } /* Forum list column styles */ ul.topiclist dd.searchextra { color: #333333; } /* CP tabbed menu ----------------------------------------*/ .tabs .tab > a { background: #BACCD9; color: #536482; } .tabs .tab > a:hover { background: #DDEDFB; color: #D31141; } .tabs .activetab > a, .tabs .activetab > a:hover { background-color: #FFFFFF; /* Old browsers */ /* FF3.6+ */ background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #DBDBDB 0%,#FFFFFF 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBDBDB', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */ border-color: #FFFFFF; box-shadow: 0 1px 1px #F2F9FF inset; color: #333333; } .tabs .activetab > a:hover { color: #000000; } /* Mini tabbed menu used in MCP ----------------------------------------*/ .minitabs .tab > a { background-color: #E1EBF2; } .minitabs .activetab > a, .minitabs .activetab > a:hover { background-color: #F9F9F9; color: #333333; } /* Responsive tabs ----------------------------------------*/ .responsive-tab .responsive-tab-link:before { border-color: #536482; } .responsive-tab .responsive-tab-link:hover:before { border-color: #D31141; } /* Post body styles ----------------------------------------*/ .postbody { color: #333333; } /* Content container styles ----------------------------------------*/ .content { color: #333333; } .content h2, .panel h2 { color: #115098; border-bottom-color: #CCCCCC; } dl.faq dt { color: #333333; } .posthilit { background-color: #F3BFCC; color: #BC2A4D; } /* Post signature */ .signature { border-top-color: #CCCCCC; } /* Post noticies */ .notice { border-top-color: #CCCCCC; } /* BBCode styles */ /* Quote block */ blockquote { background-color: #EBEADD; border-color: #DBDBCE; } .rtl blockquote { background-image: url("./images/quote_rtl.gif"); } blockquote blockquote { /* Nested quotes */ background-color: #EFEED9; } blockquote blockquote blockquote { /* Nested quotes */ background-color: #EBEADD; } /* Code block */ dl.codebox { background-color: #FFFFFF; border-color: #C9D2D8; } dl.codebox dt { border-bottom-color: #CCCCCC; } dl.codebox code { color: #2E8B57; } .syntaxbg { color: #FFFFFF; } .syntaxcomment { color: #FF8000; } .syntaxdefault { color: #0000BB; } .syntaxhtml { color: #000000; } .syntaxkeyword { color: #007700; } .syntaxstring { color: #DD0000; } .attachbox { background-color: #EFEED9; border-color: #C9D2D8; } /* Top Button Rock'n Roll */ .back2top .top { float: right; margin-right: -5px; margin-top: 0; } /* Colours and backgrounds for links on Rock'n Roll*/ a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #D31141; } a:active { color: #368AD2; } /* Links on gradient backgrounds */ #search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link { color: #FFFFFF; } #search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited { color: #FFFFFF; } #search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #A8D8FF; } #search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active { color: #C8E6FF; } /* Links for forum/topic lists */ a.forumtitle { color: #000000; } /* a.forumtitle:visited { color: #105289; } */ a.forumtitle:hover { color: #000000; } a.forumtitle:active { color: #105289; } a.topictitle { color: #000000; } /* a.topictitle:visited { color: #368AD2; } */ a.topictitle:hover { color: #000000; } a.topictitle:active { color: #105289; } /* Post body links */ .postlink { color: #368AD2; border-bottom-color: #368AD2; } .postlink:visited { color: #5D8FBD; border-bottom-color: #5D8FBD; } .postlink:active { color: #368AD2; } .postlink:hover { background-color: #D0E4F6; color: #0D4473; } .signature a, .signature a:visited, .signature a:hover, .signature a:active { background-color: transparent; } .signature { margin-top: 1.5em; padding-top: 0.2em; font-size: 1.1em; border-top: 2px dashed #73797C; clear: left; line-height: 140%; overflow: hidden; width: 100%; } /* Profile links */ .postprofile a:link, .postprofile a:visited, .postprofile dt.author a { color: #105289; } .postprofile a:hover, .postprofile dt.author a:hover { color: #D31141; } .postprofile a:active { color: #105289; } /* Profile searchresults */ .search .postprofile a { color: #105289; } .search .postprofile a:hover { color: #D31141; } .pm-message .attachbox { background-color: #F2F3F3; } .attachbox dd { border-top-color: #C9D2D8; } .attachbox p { color: #666666; } .attachbox p.stats { color: #666666; } .attach-image img { border-color: #999999; } #wrap { padding: 10px 10px; margin: 0 auto; max-width: 95%; background-color: #FFFFFF; border: 3px solid #000000; border-radius: 0; } #logo { float: left; width: auto; padding: 10px 13px 0 10px; } .site_logo { background-image: url(./images/site_logo.png); display: inline-block; width: 300px; height: 62px; } .search-header { box-shadow: 0 0 10px #3B3D3E; } /* Miscellaneous styles ---------------------------------------- */ .copyright { font-size: 10px; text-align: center; padding: 10px; } .footer-row { font-size: 10px; line-height: 1.8; margin: 0; } /* Jumpbox */ .jumpbox .dropdown li { border-top-color: #CCCCCC; } .jumpbox-cat-link { background-color: #ACACAC; border-top-color: #E18935; color: #FFFFFF; } .jumpbox-cat-link:hover { background-color: #ACAC90; border-top-color: #F0D9A5; color: #000000; } .jumpbox-forum-link { background-color: #ACAC90; } .jumpbox-forum-link:hover { background-color: #E1EBF2; } .jumpbox .dropdown .pointer-inner { border-color: #E1EBF2 transparent; } .jumpbox-sub-link { background-color: #F0F0F0; } .jumpbox-sub-link:hover { background-color: #ACAC90; } /* Forum icons & Topic icons */ dl.row-item { background-position: 10px 50%; background-repeat: no-repeat; background-size: 27px; } .global_read { background-image: url("./images/icons/announce_read.gif"); } .global_read_mine { background-image: url("./images/icons/announce_read_mine.gif"); } .global_read_locked { background-image: url("./images/icons/announce_read_locked.gif"); } .global_read_locked_mine { background-image: url("./images/icons/announce_read_locked_mine.gif"); } .global_unread { background-image: url("./images/icons/announce_unread.gif"); } .global_unread_mine { background-image: url("./images/icons/announce_unread_mine.gif"); } .global_unread_locked { background-image: url("./images/icons/announce_unread_locked.gif"); } .global_unread_locked_mine { background-image: url("./images/icons/announce_unread_locked_mine.gif"); } .announce_read { background-image: url("./images/icons/announce_read.gif"); } .announce_read_mine { background-image: url("./images/icons/announce_read_mine.gif"); } .announce_read_locked { background-image: url("./images/icons/announce_read_locked.gif"); } .announce_read_locked_mine { background-image: url("./images/icons/announce_read_locked_mine.gif"); } .announce_unread { background-image: url("./images/icons/announce_unread.gif"); } .announce_unread_mine { background-image: url("./images/icons/announce_unread_mine.gif"); } .announce_unread_locked { background-image: url("./images/icons/announce_unread_locked.gif"); } .announce_unread_locked_mine { background-image: url("./images/icons/announce_unread_locked_mine.gif"); } .forum_link { background-image: url("./images/icons/forum_link.gif"); } .forum_read { background-image: url("./images/icons/forum_read.gif"); } .forum_read_locked { background-image: url("./images/icons/forum_read_locked.gif"); } .forum_read_subforum { background-image: url("./images/icons/forum_read_subforum.gif"); } .forum_unread { background-image: url("./images/icons/forum_unread.gif"); } .forum_unread_locked { background-image: url("./images/icons/forum_unread_locked.gif"); } .forum_unread_subforum { background-image: url("./images/icons/forum_unread_subforum.gif"); } .sticky_read { background-image: url("./images/icons/sticky_read.gif"); } .sticky_read_mine { background-image: url("./images/icons/sticky_read_mine.gif"); } .sticky_read_locked { background-image: url("./images/icons/sticky_read_locked.gif"); } .sticky_read_locked_mine { background-image: url("./images/icons/sticky_read_locked_mine.gif"); } .sticky_unread { background-image: url("./images/icons/sticky_unread.gif"); } .sticky_unread_mine { background-image: url("./images/icons/sticky_unread_mine.gif"); } .sticky_unread_locked { background-image: url("./images/icons/sticky_unread_locked.gif"); } .sticky_unread_locked_mine { background-image: url("./images/icons/sticky_unread_locked_mine.gif"); } .topic_moved { background-image: url("./images/icons/topic_moved.gif"); } .topic_read { background-image: url("./images/icons/topic_read.gif"); } .topic_read_mine { background-image: url("./images/icons/topic_read_mine.gif"); } .topic_read_hot { background-image: url("./images/icons/topic_read_hot.gif"); } .topic_read_hot_mine { background-image: url("./images/icons/topic_read_hot_mine.gif"); } .topic_read_locked { background-image: url("./images/icons/topic_read_locked.gif"); } .topic_read_locked_mine { background-image: url("./images/icons/topic_read_locked_mine.gif"); } .topic_unread { background-image: url("./images/icons/topic_unread.gif"); } .topic_unread_mine { background-image: url("./images/icons/topic_unread_mine.gif"); } .topic_unread_hot { background-image: url("./images/icons/topic_unread_hot.gif"); } .topic_unread_hot_mine { background-image: url("./images/icons/topic_unread_hot_mine.gif"); } .topic_unread_locked { background-image: url("./images/icons/topic_unread_locked.gif"); } .topic_unread_locked_mine { background-image: url("./images/icons/topic_unread_locked_mine.gif"); } .pm_read { background-image: url("./images/icons/topic_read.gif"); } .pm_unread { background-image: url("./images/icons/topic_unread.gif"); } li.row strong { font-weight: bold; color: inherit; } /* Buttons CSS */ .button { display: inline-block; padding: 2px 8px; font-size: 13px; font-weight: 600; font-family: bebasregular, "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; line-height: 1.4; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; } .button:focus, .button:hover { text-decoration: none; outline: none; } .caret { border-left: 1px solid; position: relative; right: -6px; } .caret i { vertical-align: top; } .button { background-image: linear-gradient(to bottom, #FFFFFF 0%,#F6F6F6 100%); -webkit-box-shadow: 0 0 0 1px #FFFFFF inset; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#525252',GradientType=0 ); border: 1px solid #525252; color: #333333; } .button:hover, .button:focus { color: #000000; background-color: #B8637A; border-color: #000000; } .button:active { color:#FFFFFF; background-color:#000000; } .button .icon, .button-secondary { color: #333333; } .button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon { color: #000000; } .button-search:hover, .button-search-end:hover { border-color: #C7C3BF; } .caret { border-color: #DADADA; } .caret { border-color: #C7C3BF; } .contact-icons a { border-color: #DCDCDC; } .contact-icons a:hover { background-color: #FEC000; } /* Online/Offline status Rock'n Roll */ .online { background-image: url(./images/icons/icon_user_online.gif); background-size: 5px; background-position: 100% 0%; background-repeat: repeat-y; } .offline { background-image: url(./images/icons/icon_user_offline.gif); background-size: 5px; background-position: 100% 0%; background-repeat: repeat-y; } /* Small changes responsive Rock'n Roll - START */ @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { .site_logo { background-image: url(./images/roll_logo_small.png); display: inline-block; width: 43px; height: 60px; } .logo { /* change display value to inline-block to show logo */ display: block; float: none; padding: 10px; } .postprofile .avatar img { width: auto !important; height: auto !important; max-height: 46px; } .has-profile .post-buttons { right: 10px; top: 15px; } .online { background-size: 5px; } dl.details dt, dl.details dd { width: auto; float: none; text-align: left; } } /* Small changes responsive Rock'n Roll - END */ /* Menu Style */ .solidblockmenu ul{ margin: 0; padding: 0; text-align: center; font: bold 11px Arial; width: 100%; border-width: 1px 0; } .solidblockmenu li{ display: inline; } .solidblockmenu li a{ text-align: center; color: #FFFFFF; padding: 4px 10px; text-decoration: none; border-right: 1px solid #3B3D3E; } .solidblockmenu li a:visited{ color: #FFFFFF; } .solidblockmenu li a:hover, .solidblockmenu li a.current{ color: #FFFFFF; background: transparent url(./images/blockactive.gif) center center repeat-x; } .tabcontainer{ clear: center; width: 95%; height: 1.5em; } *:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/ margin-top: -1em; } * html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/ margin-top: -1em; } .tabcontent{ display: none; } .linklist i { color: #000000; text-shadow: 2px 2px 3px #ffffff; }