summary refs log tree commit diff stats
path: root/theme/layouts
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2010-05-17 19:51:43 -0400
committerStarla Insigna <hatkirby@fourisland.com>2010-05-17 19:51:43 -0400
commitccabcbf3a48d1e96b429cc54c5b755e8fb966b48 (patch)
tree1cbe4d88d94447f542c903fa6f00c0b040a43d17 /theme/layouts
parent9466c3d016a0d8f19ce22f42b8e617df222329f1 (diff)
downloadfourisland-ccabcbf3a48d1e96b429cc54c5b755e8fb966b48.tar.gz
fourisland-ccabcbf3a48d1e96b429cc54c5b755e8fb966b48.tar.bz2
fourisland-ccabcbf3a48d1e96b429cc54c5b755e8fb966b48.zip
Created Subtle Mode (SEVERE BETA, LOL IT LOOKS GROSS)
Diffstat (limited to 'theme/layouts')
-rwxr-xr-xtheme/layouts/6.2/layout.tpl1


-rw-r--r--theme/layouts/subtle/layout.tpl242


-rw-r--r--theme/layouts/subtle/style.php1337


3 files changed, 1580 insertions, 0 deletions
diff --git a/theme/layouts/6.2/layout.tpl b/theme/layouts/6.2/layout.tpl
index 49884f1..0f0d586 100755
--- a/theme/layouts/6.2/layout.tpl
+++ b/theme/layouts/6.2/layout.tpl

@@ -169,6 +169,7 @@

169                                                <p>
169                                                <p>

170                                                        <strong>Theme Switcher</strong>:
170                                                        <strong>Theme Switcher</strong>:

171                                                        <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">
171                                                        <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">


172                                                                <option value="subtle">Subtle Mode (beta)</option>

172                                                                <option value="7">7</option>
173                                                                <option value="7">7</option>

173                                                                <option value="6.2" selected="selected">6.2</option>
174                                                                <option value="6.2" selected="selected">6.2</option>

174                                                                <option value="4.5">4.5</option>
175                                                                <option value="4.5">4.5</option>
diff --git a/theme/layouts/subtle/layout.tpl b/theme/layouts/subtle/layout.tpl
new file mode 100644
index 0000000..e23bb8d
--- /dev/null
+++ b/theme/layouts/subtle/layout.tpl

@@ -0,0 +1,242 @@


1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


2


3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


4        <head>


5                <title><!--EXTRATITLE-->Four Island</title>


6                <link href="/fourm/styles/prosilver/theme/print.css" rel="stylesheet" type="text/css">


7                <link rel="stylesheet" type="text/css" href="/theme/css.php" />


8                <!--[if IE]><link rel="stylesheet" type="text/css" href="/theme/css/ie.css" /><![endif]-->


9                <link rel="stylesheet" type="text/css" href="/theme/css/print.css" media="print" />


10                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


11                <meta http-equiv="Content-Language" content="en" />


12                <link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/FourIsland?format=xml" title="Four Island" />


13                <link rel="shortcut" href="/images/kirbyfolder.ico" />


14                <link rel="icon" href="/images/kirbyfolder.ico" />


15                <link rel="pingback" href="http://fourisland.com/xmlrpc.php" />


16                <script type="text/javascript" src="/theme/js/jquery.js"></script>


17        </head>


18


19        <body id="<!--CATEGORY-->">


20                <div id="flash"><!--FLASH--></div>


21


22                <div id="header">


23                        <div id="banner"><a href="/">Four Island</a></div>


24                </div>


25                


26                <div id="page-content">


27                        <div id="content">


28                                <ul class="navbar">


29                                        <li<!--BLOGACTIVE-->>


30                                                <a href="/">


31                                                        <img src="/theme/images/icons/newspaper.png" alt="Blog" />


32                                                        <span>Blog</span>


33                                                </a>


34                                        </li>


35


36                                        <li>


37                                                <a href="http://projects.fourisland.com/">Projects</a>


38                                        </li>


39


40                                        <li<!--FOURMACTIVE-->>


41                                                <a href="/fourm/">


42                                                        <img src="/theme/images/icons/comment.png" alt="The Fourm" />


43                                                        <span>The Fourm</span>


44                                                </a>


45                                        </li>


46


47                                        <li<!--WIKIACTIVE-->>


48                                                <a href="/wiki/">


49                                                        <img src="/theme/images/icons/report.png" alt="Wiki" />


50                                                        <span>Wiki</span>


51                                                </a>


52                                        </li>


53


54                                        <li<!--POLLACTIVE-->>


55                                                <a href="/poll/">


56                                                        <img src="/theme/images/icons/overlays.png" alt="Polls" />


57                                                        <span>Polls</span>


58                                                </a>


59                                        </li>


60


61                                        <li<!--QUOTESACTIVE-->>


62                                                <a href="/quotes/">


63                                                        <img src="/theme/images/icons/16-file-page.png" alt="Quotes" />


64                                                        <span>Quotes</span>


65                                                </a>


66                                        </li>


67


68                                        <!--BEGIN MEMBERS-->


69                                        <li<!--LOGACTIVE-->>


70                                                <a href="/fourm/ucp.php?mode=log<!--LOGDATA-->&amp;redirect=<!--REDIRPAGE-->&amp;sid=<!--SID-->">


71                                                        <img src="/theme/images/icons/door_in.png" alt="Log<!--LOGDATA-->" />


72                                                        <span>Log<!--LOGDATA--></span>


73                                                </a>


74                                        </li>


75                                        <!--END MEMBERS-->


76


77                                        <!--BEGIN ADMIN-->


78                                        <li<!--PANELACTIVE-->>


79                                                <a href="/admin/">


80                                                        <img src="/theme/images/icons/rainbow.png" alt="Admin" />


81                                                        <span>Admin</span>


82                                                </a>


83                                        </li>


84                                        <!--END ADMIN-->


85                                </ul>


86


87                                <hr />


88


89                                <!--BEGIN CREATE_HATNAV-->


90                                <ul class="navbar">


91                                <!--END CREATE_HATNAV-->


92                                


93                                <!--BEGIN HATNAV-->


94                                        <li>


95                                                <a href="<!--HATNAV.URL-->">


96                                                        <img src="/theme/images/icons/<!--HATNAV.ICON-->.png" alt="<!--HATNAV.TITLE-->" />


97                                                        <span><!--HATNAV.TITLE--></span>


98                                                </a>


99                                        </li>


100                                <!--END HATNAV-->


101                                


102                                <!--BEGIN CREATE_HATNAV-->


103                                </ul>


104                                <!--END CREATE_HATNAV-->


105


106                                <div id="actual-content">


107                                        <!--CONTENT-->


108                                </div>


109                        </div>


110


111                        <div id="sidebar">


112                                <!--EXTRASIDEBAR-->


113                                


114                                <div class="module rounded sidebar">


115                                        <h3>Poll of the Week</h3>


116                                        


117                                        <!--POTW-->


118                                </div>


119


120                                <div class="module rounded sidebar">


121                                        <h3>Affiliates</h3>


122


123                                        <ul>


124                                                <!--BEGIN AFFILIATES-->


125                                                <li>


126                                                        <img src="/theme/images/icons/tag_<!--AFFILIATES.COLOR-->.png" alt="<!--AFFILIATES.TITLE-->" />


127                                                        <a href="<!--AFFILIATES.URL-->"><!--AFFILIATES.TITLE--></a>


128                                                </li>


129                                                <!--END AFFILIATES-->


130                                        </ul>


131                                </div>


132


133                                <div class="module rounded sidebar">


134                                        <h3>Website Projects</h3>


135


136                                        <ul>


137                                                <!--BEGIN WEBPROJS-->


138                                                <li>


139                                                        <img src="/theme/images/icons/tag_<!--WEBPROJS.COLOR-->.png" alt="<!--WEBPROJS.TITLE-->" />


140                                                        <a href="<!--WEBPROJS.URL-->"><!--WEBPROJS.TITLE--></a>


141                                                </li>


142                                                <!--END WEBPROJS-->


143                                        </ul>


144                                </div>


145


146                                <div class="module rounded sidebar">


147                                        <h3>HatBar</h3>


148


149                                        <p>


150                                                Hits: <!--HITS--><br />


151                                                Today: <!--TODAY--><br />


152                                                <!--DATEFINDER-->


153                                        </p>


154


155                                        <p align="center">


156                                                <a href="/addresses.php" title="goodemail@happybobby.com"><img src="/images/btn_bot.png" alt="Addresses galore!" /></a>


157                                                <a href="http://www.prchecker.info/" target="_blank"><img src="http://pr.prchecker.info/getpr.php?codex=aHR0cDovL2ZvdXJpc2xhbmQuY29t&amp;tag=3" alt="Page Rank Check" border="0" /></a>


158                                                <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/us/80x15.png" /></a>


159                                                <a href="http://whos.amung.us/show/t1sj4g2u"><img src="http://whos.amung.us/swidget/t1sj4g2u.gif" alt="website stats" width="80" height="15" border="0" /></a>


160                                                <a href="http://feeds2.feedburner.com/FourIsland"><img src="http://feeds2.feedburner.com/~fc/FourIsland?bg=99CCFF&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>


161                                        </p>


162


163                                        <p>


164                                                <strong>Theme Switcher</strong>:


165                                                <select style="width: 55%" onchange="document.location='<!--ME-->?layout='+this.options[this.selectedIndex].value">


166                                                        <option value="subtle" selected="selected">Subtle Mode</option>


167                                                        <option value="7">7</option>


168                                                        <option value="6.2">6.2</option>


169                                                        <option value="4.5">4.5</option>


170                                                </select>


171                                        </p>


172                                </div>


173                        </div>


174                        


175                        <div class="cleardiv"></div>


176                </div>


177                


178                <div id="footer">


179                        <div class="foot-module">


180                                <h3>Recent Comments</h3>


181


182                                <ul>


183                                        <!--BEGIN COMMENTS-->


184                                        <li style="font-size: 0.9em"><!--COMMENTS.AUTHOR--> on <a href="/<!--COMMENTS.AREA-->/<!--COMMENTS.CODED--><!--COMMENTS.ENDING-->#comment-<!--COMMENTS.ID-->"><!--COMMENTS.TITLE--></a></li>


185                                        <!--END COMMENTS-->


186                                </ul>


187                        </div>


188


189                        <div class="foot-module">


190                                <h3>Recent Fourm Posts</h3>


191


192                                <ul>


193                                        <!--BEGIN FOURM-->


194                                        <li style="font-size: 0.9em"><!--FOURM.USERNAME--> on <a href="/fourm/viewtopic.php?t=<!--FOURM.TOPIC-->&amp;p=<!--FOURM.POST-->#p<!--FOURM.POST-->"><!--FOURM.SUBJECT--></a></li>


195                                        <!--END FOURM-->


196                                </ul>


197                        </div>


198


199                        <div class="foot-module">


200                                <h3>Top Commenters</h3>


201


202                                <ul>


203                                        <!--BEGIN TOP-->


204                                        <li style="font-size: 0.9em"><!--TOP.USERNAME--> (<!--TOP.COUNT-->)</li>


205                                        <!--END TOP-->


206                                </ul>


207                        </div>


208


209                        <div class="foot-module">


210                                <h3>Popular Posts</h3>


211


212                                <ul>


213                                        <!--BEGIN POPULAR-->


214                                        <li style="font-size: 0.9em"><a href="/blog/<!--POPULAR.CODED-->/"><!--POPULAR.TITLE--></a></li>


215                                        <!--END POPULAR-->


216                                </ul>


217                        </div>


218                        


219                        <div class="cleardiv"></div>


220                        


221                        <p>


222                                Four Island (<a href="http://code.fourisland.com/fourisland/">r<!--REVISION--></a>) is by <a href="http://fourisland.com">Starla Insigna</a>.


223                                Licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/us/">Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License</a>.


224                                <a href="http://jigsaw.w3.org/css-validator/"><img src="/theme/images/icons/css_valid.png" alt="Valid CSS" /></a>


225                                <a href="http://validator.w3.org/check/referer"><img src="/theme/images/icons/xhtml_valid.png" alt="Valid XHTML" /></a>


226                                <a class="noVisit" href="/rss.php"><img src="/theme/images/icons/feed.png" alt="RSS Feed" /></a>


227                        </p>


228                </div>


229


230                <!--Google Analytics-->


231                <script type="text/javascript">


232                        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");


233                        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));


234                </script>


235                <script type="text/javascript">


236                        var pageTracker = _gat._getTracker("UA-2895652-1");


237                        pageTracker._initData();


238                        pageTracker._trackPageview();


239                </script>


240                <!--Google Analytics-->


241        </body>


242</html>
diff --git a/theme/layouts/subtle/style.php b/theme/layouts/subtle/style.php
new file mode 100644
index 0000000..055b5bd
--- /dev/null
+++ b/theme/layouts/subtle/style.php

@@ -0,0 +1,1337 @@


1#banner a {


2 font-weight: bold;


3 color: #111111;


4}


5


6.navbar {


7 text-align: right;


8  display: block;


9}


10


11.navbar li {


12 display: inline;


13}


14


15.navbar li a {


16 color: #111111;


17}


18


19.navbar li img {


20 display: none;


21}


22


23.navbar li+li:before {


24 content: "-";


25}


26


27.navbar li.active {


28 text-decoration: underline;


29}


30


31#banner {


32 text-align: right;


33 font-size: 2em;


34}


35


36body {


37 background-color: #67E6EC;


38 font-family: Helvetica, sans;


39 padding-right: 20px;


40 padding-left: 20px;


41 color: #111111;


42}


43


44div.module {


45 background: none !important;


46 border: none;


47 color: #111111;


48}


49


50a, a:link, a:hover, a:active, a:visited, a:focus {


51 color: #111111;


52}


53


54div.module + cite,


55div.module.rounded + cite,


56div.module.pimped + cite {


57 background: none;


58}


59


60div#footer {


61        width: 100%;


62        padding-top: 20px;


63        padding-bottom: 20px;


64}


65


66div#footer div.foot-module {


67        margin: 0 auto;


68        float: left;


69        width: 20%;


70        margin-left: 4%;


71        color: #111111;


72        font-size: 0.9em;


73}


74


75div#footer a {


76        color: #111111;


77        border-bottom: 1px dotted white;


78}


79


80div#footer div.foot-module ul {


81        list-style-type: square;


82}


83


84div#footer p {


85        font-size: 0.5em;


86        color: #111111;


87        text-align: center;


88}


89


90.quote-header a {


91 color: #111111;


92}


93


94.post-title, #newComment form {


95 color: #111111;


96}


97


98code, .comment {


99 color: #111111;


100}


101


102cite {


103 color: #111111;


104 position: static;


105}


106


107h4 {


108        /* Forum and topic list titles */


109        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;


110        font-size: 1.3em;


111}


112


113ul.topiclist {


114        display: block;


115        list-style-type: none;


116        margin: 0;


117}


118


119


120ul.topiclist li {


121        display: block;


122        list-style-type: none;


123        color: #777777;


124        margin: 0;


125}


126


127ul.topiclist dl {


128        position: relative;


129}


130


131ul.topiclist li.row dl {


132        padding: 2px 0;


133}


134


135ul.topiclist dt {


136        display: block;


137        float: left;


138        width: 50%;


139        font-size: 1.1em;


140        padding-left: 5px;


141        padding-right: 5px;


142}


143


144ul.topiclist dd {


145        display: block;


146        float: left;


147        border-left: 1px solid #FFFFFF;


148        padding: 4px 0;


149}


150


151ul.topiclist dfn {


152        /* Labels for post/view counts */


153        display: none;


154}


155


156ul.topiclist li.row dt a.subforum {


157        background-image: none;


158        background-position: 0 50%;


159        background-repeat: no-repeat;


160        position: relative;


161        white-space: nowrap;


162        padding: 0 0 0 12px;


163}


164


165.forum-image {


166        padding-top: 5px;


167        margin-right: 5px;


168        float: left;


169}


170


171li.row {


172        clear: both;


173}


174


175li.row strong {


176        font-weight: normal;


177        color: #000000;


178}


179


180dl.icon {


181        min-height: 35px;


182        background-position: 10px 50%;          /* Position of folder icon */


183        background-repeat: no-repeat;


184}


185


186dl.icon dt {


187        padding-left: 45px;                                     /* Space for folder icon */


188        background-repeat: no-repeat;


189        background-position: 5px 95%;           /* Position of topic icon */


190}


191


192dd.posts, dd.topics, dd.views {


193        width: 8%;


194        text-align: center;


195        line-height: 2.2em;


196        font-size: 1.2em;


197}


198


199dd.lastpost {


200        width: 25%;


201        font-size: 1.1em;


202}


203


204dd.redirect {


205        font-size: 1.1em;


206        line-height: 2.5em;


207}


208


209dd.moderation {


210        font-size: 1.1em;


211}


212


213dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {


214        display: block;


215        padding-left: 5px;


216}


217


218dd.time {


219        width: auto;


220        line-height: 200%;


221        font-size: 1.1em;


222}


223


224dd.extra {


225        width: 12%;


226        line-height: 200%;


227        text-align: center;


228        font-size: 1.1em;


229}


230


231dd.mark {


232        float: right !important;


233        width: 9%;


234        text-align: center;


235        line-height: 200%;


236        font-size: 1.2em;


237}


238


239dd.info {


240        width: 30%;


241}


242


243dd.option {


244        width: 15%;


245        line-height: 200%;


246        text-align: center;


247        font-size: 1.1em;


248}


249


250dd.searchby {


251        width: 47%;


252        font-size: 1.1em;


253        line-height: 1em;


254}


255


256ul.topiclist dd.searchextra {


257        margin-left: 5px;


258        padding: 0.2em 0;


259        font-size: 1.1em;


260        color: #333333;


261        border-left: none;


262        clear: both;


263        width: 98%;


264        overflow: hidden;


265}


266


267/* Container for post/reply buttons and pagination */


268.topic-actions {


269        margin-bottom: 3px;


270        font-size: 1.1em;


271        height: 28px;


272        min-height: 28px;


273}


274div[class].topic-actions {


275        height: auto;


276}


277


278/* Topic review panel


279----------------------------------------*/


280#review {


281        margin-top: 2em;


282}


283


284#topicreview {


285        padding-right: 5px;


286        overflow: auto;


287        height: 300px;


288}


289


290#topicreview .postbody {


291        width: auto;


292        float: none;


293        margin: 0;


294        height: auto;


295}


296


297#topicreview .post {


298        height: auto;


299}


300


301#topicreview h2 {


302        border-bottom-width: 0;


303}


304


305/* Content container styles


306----------------------------------------*/


307.content {


308        min-height: 3em;


309        overflow: hidden;


310        line-height: 1.4em;


311        font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;


312        font-size: 1em;


313        color: #333333;


314}


315


316.content h2, .panel h2 {


317        font-weight: normal;


318        color: #989898;


319        border-bottom: 1px solid #CCCCCC;


320        font-size: 1.6em;


321        margin-top: 0.5em;


322        margin-bottom: 0.5em;


323        padding-bottom: 0.5em;


324}


325


326.panel h3 {


327        margin: 0.5em 0;


328}


329


330.panel p {


331        font-size: 1.2em;


332        margin-bottom: 1em;


333        line-height: 1.4em;


334}


335


336.content p {


337        font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;


338        font-size: 1.2em;


339        margin-bottom: 1em;


340        line-height: 1.4em;


341}


342


343dl.faq {


344        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;


345        font-size: 1.1em;


346        margin-top: 1em;


347        margin-bottom: 2em;


348        line-height: 1.4em;


349}


350


351dl.faq dt {


352        font-weight: bold;


353        color: #333333;


354}


355


356.content dl.faq {


357        font-size: 1.2em;


358        margin-bottom: 0.5em;


359}


360


361.content li {


362        list-style-type: inherit;


363}


364


365.content ul, .content ol {


366        margin-bottom: 1em;


367        margin-left: 3em;


368}


369


370.posthilit {


371        background-color: #f3f3f3;


372        color: #BCBCBC;


373        padding: 0 2px 1px 2px;


374}


375


376.announce, .unreadpost {


377        /* Highlight the announcements & unread posts box */


378        border-left-color: #BCBCBC;


379        border-right-color: #BCBCBC;


380}


381


382/* Post author */


383p.author {


384        margin: 0 15em 0.6em 0;


385        padding: 0 0 5px 0;


386        font-family: Verdana, Helvetica, Arial, sans-serif;


387        font-size: 1em;


388        line-height: 1.2em;


389}


390


391/* Post signature */


392.signature {


393        margin-top: 1.5em;


394        padding-top: 0.2em;


395        font-size: 1.1em;


396        border-top: 1px solid #CCCCCC;


397        clear: left;


398        line-height: 140%;


399        overflow: hidden;


400        width: 100%;


401}


402


403dd .signature {


404        margin: 0;


405        padding: 0;


406        clear: none;


407        border: none;


408}


409


410/* Post noticies */


411.notice {


412        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;


413        width: auto;


414        margin-top: 1.5em;


415        padding-top: 0.2em;


416        font-size: 1em;


417        border-top: 1px dashed #CCCCCC;


418        clear: left;


419        line-height: 130%;


420}


421


422/* Jump to post link for now */


423ul.searchresults {


424        list-style: none;


425        text-align: right;


426        clear: both;


427}


428


429/* BB Code styles


430----------------------------------------*/


431/* Quote block */


432#phpBB3-page-body blockquote {


433        background: #ebebeb none 6px 8px no-repeat;


434        border: 1px solid #dbdbdb;


435        font-size: 0.95em;


436        margin: 0.5em 1px 0 25px;


437        overflow: hidden;


438        padding: 5px;


439}


440


441blockquote blockquote {


442        /* Nested quotes */


443        background-color: #bababa;


444        font-size: 1em;


445        margin: 0.5em 1px 0 15px;       


446}


447


448blockquote blockquote blockquote {


449        /* Nested quotes */


450        background-color: #e4e4e4;


451}


452


453blockquote cite {


454        /* Username/source of quoter */


455        font-style: normal;


456        font-weight: bold;


457        margin-left: 20px;


458        display: block;


459        font-size: 0.9em;


460}


461


462blockquote cite cite {


463        font-size: 1em;


464}


465


466blockquote.uncited {


467        padding-top: 25px;


468}


469


470/* Code block */


471dl.codebox {


472        padding: 3px;


473        background-color: #FFFFFF;


474        border: 1px solid #d8d8d8;


475        font-size: 1em;


476}


477


478dl.codebox dt {


479        text-transform: uppercase;


480        border-bottom: 1px solid #CCCCCC;


481        margin-bottom: 3px;


482        font-size: 0.8em;


483        font-weight: bold;


484        display: block;


485}


486


487blockquote dl.codebox {


488        margin-left: 0;


489}


490


491dl.codebox code {


492        /* Also see tweaks.css */


493        overflow: auto;


494        display: block;


495        height: auto;


496        max-height: 200px;


497        white-space: normal;


498        padding-top: 5px;


499        font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;


500        line-height: 1.3em;


501        color: #8b8b8b;


502        margin: 2px 0;


503}


504


505.syntaxbg               { color: #FFFFFF; }


506.syntaxcomment  { color: #000000; }


507.syntaxdefault  { color: #bcbcbc; }


508.syntaxhtml             { color: #000000; }


509.syntaxkeyword  { color: #585858; }


510.syntaxstring   { color: #a7a7a7; }


511


512/* Attachments


513----------------------------------------*/


514.attachbox {


515        float: left;


516        width: auto; 


517        margin: 5px 5px 5px 0;


518        padding: 6px;


519        background-color: #FFFFFF;


520        border: 1px dashed #d8d8d8;


521        clear: left;


522}


523


524.pm-message .attachbox {


525        background-color: #f3f3f3;


526}


527


528.attachbox dt {


529        font-family: Arial, Helvetica, sans-serif;


530        text-transform: uppercase;


531}


532


533.attachbox dd {


534        margin-top: 4px;


535        padding-top: 4px;


536        clear: left;


537        border-top: 1px solid #d8d8d8;


538}


539


540.attachbox dd dd {


541        border: none;


542}


543


544.attachbox p {


545        line-height: 110%;


546        color: #666666;


547        font-weight: normal;


548        clear: left;


549}


550


551.attachbox p.stats


552{


553        line-height: 110%;


554        color: #666666;


555        font-weight: normal;


556        clear: left;


557}


558


559.attach-image {


560        margin: 3px 0;


561        width: 100%;


562        max-height: 350px;


563        overflow: auto;


564}


565


566.attach-image img {


567        border: 1px solid #999999;


568/*      cursor: move; */


569        cursor: default;


570}


571


572/* Inline image thumbnails */


573div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {


574        display: block;


575        margin-bottom: 4px;


576}


577


578div.inline-attachment p {


579        font-size: 100%;


580}


581


582dl.file {


583        font-family: Verdana, Arial, Helvetica, sans-serif;


584        display: block;


585}


586


587dl.file dt {


588        text-transform: none;


589        margin: 0;


590        padding: 0;


591        font-weight: bold;


592        font-family: Verdana, Arial, Helvetica, sans-serif;


593}


594


595dl.file dd {


596        color: #666666;


597        margin: 0;


598        padding: 0;     


599}


600


601dl.thumbnail img {


602        padding: 3px;


603        border: 1px solid #666666;


604        background-color: #FFF;


605}


606


607dl.thumbnail dd {


608        color: #666666;


609        font-style: italic;


610        font-family: Verdana, Arial, Helvetica, sans-serif;


611}


612


613.attachbox dl.thumbnail dd {


614        font-size: 100%;


615}


616


617dl.thumbnail dt a:hover {


618        background-color: #EEEEEE;


619}


620


621dl.thumbnail dt a:hover img {


622        border: 1px solid #d2d2d2;


623}


624


625/* Post poll styles


626----------------------------------------*/


627fieldset.polls {


628        font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;


629}


630


631fieldset.polls dl {


632        margin-top: 5px;


633        border-top: 1px solid #e2e2e2;


634        padding: 5px 0 0 0;


635        line-height: 120%;


636        color: #666666;


637}


638


639fieldset.polls dl.voted {


640        font-weight: bold;


641        color: #000000;


642}


643


644fieldset.polls dt {


645        text-align: left;


646        float: left;


647        display: block;


648        width: 30%;


649        border-right: none;


650        padding: 0;


651        margin: 0;


652        font-size: 1.1em;


653}


654


655fieldset.polls dd {


656        float: left;


657        width: 10%;


658        border-left: none;


659        padding: 0 5px;


660        margin-left: 0;


661        font-size: 1.1em;


662}


663


664fieldset.polls dd.resultbar {


665        width: 50%;


666}


667


668fieldset.polls dd input {


669        margin: 2px 0;


670}


671


672fieldset.polls dd div {


673        text-align: right;


674        font-family: Arial, Helvetica, sans-serif;


675        color: #FFFFFF;


676        font-weight: bold;


677        padding: 0 2px;


678        overflow: visible;


679        min-width: 2%;


680}


681


682.pollbar1 {


683        background-color: #aaaaaa;


684        border-bottom: 1px solid #747474;


685        border-right: 1px solid #747474;


686}


687


688.pollbar2 {


689        background-color: #bebebe;


690        border-bottom: 1px solid #8c8c8c;


691        border-right: 1px solid #8c8c8c;


692}


693


694.pollbar3 {


695        background-color: #D1D1D1;


696        border-bottom: 1px solid #aaaaaa;


697        border-right: 1px solid #aaaaaa;


698}


699


700.pollbar4 {


701        background-color: #e4e4e4;


702        border-bottom: 1px solid #bebebe;


703        border-right: 1px solid #bebebe;


704}


705


706.pollbar5 {


707        background-color: #f8f8f8;


708        border-bottom: 1px solid #D1D1D1;


709        border-right: 1px solid #D1D1D1;


710}


711


712/* Poster profile block


713----------------------------------------*/


714.postprofile {


715        /* Also see tweaks.css */


716        margin: 5px 0 10px 0;


717        min-height: 80px;


718        color: #666666;


719        border-left: 1px solid #FFFFFF;


720        width: 22%;


721        float: right;


722        display: inline;


723}


724.pm .postprofile {


725        border-left: 1px solid #DDDDDD;


726}


727


728.postprofile dd, .postprofile dt {


729        line-height: 1.2em;


730        margin-left: 8px;


731}


732


733.postprofile strong {


734        font-weight: normal;


735        color: #000000;


736}


737


738.avatar {


739        border: none;


740        margin-bottom: 3px;


741}


742


743.online {


744        background-image: none;


745        background-position: 100% 0;


746        background-repeat: no-repeat;


747}


748


749/* Poster profile used by search*/


750.search .postprofile {


751        width: 30%;


752}


753


754/* pm list in compose message if mass pm is enabled */


755dl.pmlist dt {


756        width: 60% !important;


757}


758


759dl.pmlist dt textarea {


760        width: 95%;


761}


762


763dl.pmlist dd {


764        margin-left: 61% !important;


765        margin-bottom: 2px;


766}


767


768hr {


769        /* Also see tweaks.css */


770        border: 0 none #FFFFFF;


771        border-top: 1px solid #CCCCCC;


772        height: 1px;


773        margin: 5px 0;


774        display: block;


775        clear: both;


776}


777


778hr.dashed {


779        border-top: 1px dashed #CCCCCC;


780        margin: 10px 0;


781}


782


783hr.divider {


784        display: none;


785}


786


787/* Search box


788--------------------------------------------- */


789#search-box {


790        color: #FFFFFF;


791        position: relative;


792        margin-top: 30px;


793        margin-right: 5px;


794        display: block;


795        float: right;


796        text-align: right;


797        white-space: nowrap; /* For Opera */


798}


799


800#search-box #keywords {


801        width: 95px;


802        background-color: #FFF;


803}


804


805#search-box input {


806        border: 1px solid #b0b0b0;


807}


808


809/* .button1 style defined later, just a few tweaks for the search button version */


810#search-box input.button1 {


811        padding: 1px 5px;


812}


813


814#search-box li {


815        text-align: right;


816        margin-top: 4px;


817}


818


819#search-box img {


820        vertical-align: middle;


821        margin-right: 3px;


822}


823


824


825/* Round cornered boxes and backgrounds


826---------------------------------------- */


827


828.post {


829        padding: 0 10px;


830        margin-bottom: 4px;


831        background-repeat: no-repeat;


832        background-position: 100% 0;


833}


834


835.post:target .content {


836        color: #000000;


837}


838


839.post:target h3 a {


840        color: #000000;


841}


842


843


844.rowbg {


845        margin: 5px 5px 2px 5px;


846}


847


848.ucprowbg {


849        background-color: #e2e2e2;


850}


851


852.fieldsbg {


853        /*border: 1px #DBDEE2 solid;*/


854        background-color: #eaeaea;


855}


856


857span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {


858        font-size: 1px;


859        line-height: 1px;


860        display: block;


861        height: 5px;


862        background-repeat: no-repeat;


863}


864


865span.corners-top {


866        background-image: none;


867        background-position: 0 0;


868        margin: 0 -5px;


869}


870


871span.corners-top span {


872        background-image: none;


873        background-position: 100% 0;


874}


875


876span.corners-bottom {


877        background-image: none;


878        background-position: 0 100%;


879        margin: 0 -5px;


880        clear: both;


881}


882


883span.corners-bottom span {


884        background-image: none;


885        background-position: 100% 100%;


886}


887


888.headbg span.corners-bottom {


889        margin-bottom: -1px;


890}


891


892.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {


893        margin: 0 -10px;


894}


895


896.rules span.corners-top {


897        margin: 0 -10px 5px -10px;


898}


899


900.rules span.corners-bottom {


901        margin: 5px -10px 0 -10px;


902}


903


904/* Horizontal lists


905----------------------------------------*/


906ul.linklist {


907        display: block;


908        margin: 0;


909}


910


911ul.linklist li {


912        display: block;


913        list-style-type: none;


914        float: left;


915        width: auto;


916        margin-right: 5px;


917        font-size: 1.1em;


918        line-height: 2.2em;


919}


920


921ul.linklist li.rightside, p.rightside {


922        float: right;


923        margin-right: 0;


924        margin-left: 5px;


925        text-align: right;


926}


927


928ul.navlinks {


929        padding-bottom: 1px;


930        margin-bottom: 1px;


931        border-bottom: 1px solid #FFFFFF;


932        font-weight: bold;


933}


934


935ul.leftside {


936        float: left;


937        margin-left: 0;


938        margin-right: 5px;


939        text-align: left;


940}


941


942ul.rightside {


943        float: right;


944        margin-left: 5px;


945        margin-right: -5px;


946        text-align: right;


947}


948


949/* Table styles


950----------------------------------------*/


951table.table1 {


952        /* See tweaks.css */


953}


954


955#ucp-main table.table1 {


956        padding: 2px;


957}


958


959table.table1 thead th {


960        font-weight: normal;


961        text-transform: uppercase;


962        color: #FFFFFF;


963        line-height: 1.3em;


964        font-size: 0.8em; /* 1em */


965        padding: 0 0 4px 3px;


966}


967


968table.table1 thead th span {


969        padding-left: 7px;


970}


971


972table.table1 tbody tr {


973        border: 1px solid #cfcfcf;


974}


975


976table.table1 tbody tr:hover, table.table1 tbody tr.hover {


977        background-color: #f6f6f6;


978        color: #000;


979}


980


981table.table1 td {


982        color: #6a6a6a;


983        font-size: 0.8em; /* 1.1em*/


984}


985


986table.table1 tbody td {


987        padding: 5px;


988        border-top: 1px solid #FAFAFA;


989}


990


991table.table1 tbody th {


992        padding: 5px;


993        border-bottom: 1px solid #000000;


994        text-align: left;


995        color: #333333;


996        background-color: #FFFFFF;


997}


998


999/* Specific column styles */


1000table.table1 .name              { text-align: left; }


1001table.table1 .posts             { text-align: center !important; width: 7%; }


1002table.table1 .joined    { text-align: left; width: 15%; }


1003table.table1 .active    { text-align: left; width: 15%; }


1004table.table1 .mark              { text-align: center; width: 7%; }


1005table.table1 .info              { text-align: left; width: 30%; }


1006table.table1 .info div  { width: 100%; white-space: nowrap; overflow: hidden; }


1007table.table1 .autocol   { line-height: 2em; white-space: nowrap; }


1008table.table1 thead .autocol { padding-left: 1em; }


1009


1010table.table1 span.rank-img {


1011        float: right;


1012        width: auto;


1013}


1014


1015table.info td {


1016        padding: 3px;


1017}


1018


1019table.info tbody th {


1020        padding: 3px;


1021        text-align: right;


1022        vertical-align: top;


1023        color: #000000;


1024        font-weight: normal;


1025}


1026


1027.forumbg table.table1 {


1028        margin: 0 -2px -1px -1px;


1029}


1030


1031/* Misc layout styles


1032---------------------------------------- */


1033/* column[1-2] styles are containers for two column layouts 


1034   Also see tweaks.css */


1035.column1 {


1036        float: left;


1037        clear: left;


1038        width: 49%;


1039}


1040


1041.column2 {


1042        float: right;


1043        clear: right;


1044        width: 49%;


1045}


1046


1047/* General classes for placing floating blocks */


1048.left-box {


1049        float: left;


1050        width: auto;


1051        text-align: left;


1052}


1053


1054.right-box {


1055        float: right;


1056        width: auto;


1057        text-align: right;


1058}


1059


1060dl.details {


1061        /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/


1062        font-size: 1.1em;


1063}


1064


1065dl.details dt {


1066        float: left;


1067        clear: left;


1068        width: 30%;


1069        text-align: right;


1070        color: #000000;


1071        display: block;


1072}


1073


1074dl.details dd {


1075        margin-left: 0;


1076        padding-left: 5px;


1077        margin-bottom: 5px;


1078        color: #828282;


1079        float: left;


1080        width: 65%;


1081}


1082


1083/* Pagination


1084---------------------------------------- */


1085.pagination {


1086        height: 1%; /* IE tweak (holly hack) */


1087        width: auto;


1088        text-align: right;


1089        margin-top: 5px;


1090        float: right;


1091}


1092


1093.pagination span.page-sep {


1094        display: none;


1095}


1096


1097li.pagination {


1098        margin-top: 0;


1099}


1100


1101.pagination strong, .pagination b {


1102        font-weight: normal;


1103}


1104


1105.pagination span strong {


1106        padding: 0 2px;


1107        margin: 0 2px;


1108        font-weight: normal;


1109        color: #FFFFFF;


1110        background-color: #bfbfbf;


1111        border: 1px solid #bfbfbf;


1112        font-size: 0.9em;


1113}


1114


1115.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {


1116        font-weight: normal;


1117        text-decoration: none;


1118        color: #747474;


1119        margin: 0 2px;


1120        padding: 0 2px;


1121        background-color: #eeeeee;


1122        border: 1px solid #bababa;


1123        font-size: 0.9em;


1124        line-height: 1.5em;


1125}


1126


1127.pagination span a:hover {


1128        border-color: #d2d2d2;


1129        background-color: #d2d2d2;


1130        color: #FFF;


1131        text-decoration: none;


1132}


1133


1134.pagination img {


1135        vertical-align: middle;


1136}


1137


1138/* Pagination in viewforum for multipage topics */


1139.row .pagination {


1140        display: block;


1141        float: right;


1142        width: auto;


1143        margin-top: 0;


1144        padding: 1px 0 1px 15px;


1145        font-size: 0.9em;


1146        background: none 0 50% no-repeat;


1147}


1148


1149.row .pagination span a, li.pagination span a {


1150        background-color: #FFFFFF;


1151}


1152


1153.row .pagination span a:hover, li.pagination span a:hover {


1154        background-color: #d2d2d2;


1155}


1156


1157/* proSilver Button Styles


1158---------------------------------------- */


1159


1160/* Rollover buttons


1161   Based on: http://wellstyled.com/css-nopreload-rollovers.html


1162----------------------------------------*/


1163.buttons {


1164        float: left;


1165        width: auto;


1166        height: auto;


1167}


1168


1169/* Rollover state */


1170.buttons div {


1171        float: left;


1172        margin: 0 5px 0 0;


1173        background-position: 0 100%;


1174}


1175


1176/* Rolloff state */


1177.buttons div a {


1178        display: block;


1179        width: 100%;


1180        height: 100%;


1181        background-position: 0 0;


1182        position: relative;


1183        overflow: hidden;


1184}


1185


1186/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */


1187/*.buttons div span             { display: none; }*/


1188/*.buttons div a:hover  { background-image: none; }*/


1189.buttons div span                       { position: absolute; width: 100%; height: 100%; cursor: pointer;}


1190.buttons div a:hover span       { background-position: 0 100%; }


1191


1192/* Big button images */


1193.reply-icon span        { background: transparent none 0 0 no-repeat; }


1194.post-icon span         { background: transparent none 0 0 no-repeat; }


1195.locked-icon span       { background: transparent none 0 0 no-repeat; }


1196.pmreply-icon span      { background: none 0 0 no-repeat; }


1197.newpm-icon span        { background: none 0 0 no-repeat; }


1198.forwardpm-icon span    { background: none 0 0 no-repeat; }


1199


1200/* Big button images */


1201        .reply-icon span    { background-image: url("./styles/prosilver/imageset/en_us/button_topic_reply.gif") ; }


1202        .post-icon span     { background-image: url("./styles/prosilver/imageset/en_us/button_topic_new.gif") ; }


1203        .locked-icon span   { background-image: url("./styles/prosilver/imageset/en_us/button_topic_locked.gif") ; }


1204        .pmreply-icon span  { background-image: url("./styles/prosilver/imageset/en_us/button_pm_reply.gif") !important;}


1205        .newpm-icon span    { background-image: url("./styles/prosilver/imageset/en_us/button_pm_new.gif") !important;}


1206        .forwardpm-icon span    { background-image: url("./styles/prosilver/imageset/en_us/button_pm_forward.gif") !important;}


1207        


1208         a.print {


1209            background-image: url("./styles/prosilver/theme/images/icon_print.gif") ;


1210        }


1211        


1212         a.sendemail {


1213            background-image: url("./styles/prosilver/theme/images/icon_sendemail.gif") ;


1214        }


1215        


1216         a.fontsize {


1217            background-image: url("./styles/prosilver/theme/images/icon_fontsize.gif") ;


1218        }


1219


1220/* Sub-header (navigation bar)


1221--------------------------------------------- */


1222a.print, a.sendemail, a.fontsize {


1223        display: block;


1224        overflow: hidden;


1225        height: 18px;


1226        text-indent: -5000px;


1227        text-align: left;


1228        background-repeat: no-repeat;


1229}


1230


1231a.print {


1232        background-image: none;


1233        width: 22px;


1234}


1235


1236a.sendemail {


1237        background-image: none;


1238        width: 22px;


1239}


1240


1241a.fontsize {


1242        background-image: none;


1243        background-position: 0 -1px;


1244        width: 29px;


1245}


1246


1247a.fontsize:hover {


1248        background-position: 0 -20px;


1249        text-decoration: none;


1250}


1251


1252/* Icon images


1253---------------------------------------- */


1254.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout,


1255.icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {


1256        background-position: 0 50%;


1257        background-repeat: no-repeat;


1258        background-image: none;


1259        padding: 1px 0 0 17px;


1260}


1261


1262/* Poster profile icons


1263----------------------------------------*/


1264ul.profile-icons {


1265        padding-top: 10px;


1266        list-style: none;


1267}


1268


1269/* Rollover state */


1270ul.profile-icons li {


1271        float: left;


1272        margin: 0 6px 3px 0;


1273        background-position: 0 100%;


1274}


1275


1276/* Rolloff state */


1277ul.profile-icons li a {


1278        display: block;


1279        width: 100%;


1280        height: 100%;


1281        background-position: 0 0;


1282}


1283


1284/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */


1285ul.profile-icons li span { display:none; }


1286ul.profile-icons li a:hover { background: none; }


1287


1288/* Positioning of moderator icons */


1289.postbody ul.profile-icons {


1290        float: right;


1291        width: auto;


1292        padding: 0;


1293}


1294


1295.postbody ul.profile-icons li {


1296        margin: 0 3px;


1297}


1298


1299/* Profile & navigation icons */


1300.email-icon, .email-icon a              { background: none top left no-repeat; }


1301.aim-icon, .aim-icon a                  { background: none top left no-repeat; }


1302.yahoo-icon, .yahoo-icon a              { background: none top left no-repeat; }


1303.web-icon, .web-icon a                  { background: none top left no-repeat; }


1304.msnm-icon, .msnm-icon a                        { background: none top left no-repeat; }


1305.icq-icon, .icq-icon a                  { background: none top left no-repeat; }


1306.jabber-icon, .jabber-icon a            { background: none top left no-repeat; }


1307.pm-icon, .pm-icon a                            { background: none top left no-repeat; }


1308.quote-icon, .quote-icon a              { background: none top left no-repeat; }


1309


1310/* Moderator icons */


1311.report-icon, .report-icon a            { background: none top left no-repeat; }


1312.warn-icon, .warn-icon a                        { background: none top left no-repeat; }


1313.edit-icon, .edit-icon a                        { background: none top left no-repeat; }


1314.delete-icon, .delete-icon a            { background: none top left no-repeat; }


1315.info-icon, .info-icon a                        { background: none top left no-repeat; }


1316


1317/* Set profile icon dimensions */


1318ul.profile-icons li.email-icon          { width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }


1319ul.profile-icons li.aim-icon    { width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }


1320ul.profile-icons li.yahoo-icon  { width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }


1321ul.profile-icons li.web-icon    { width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }


1322ul.profile-icons li.msnm-icon   { width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }


1323ul.profile-icons li.icq-icon    { width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }


1324ul.profile-icons li.jabber-icon { width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }


1325ul.profile-icons li.pm-icon             { width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }


1326ul.profile-icons li.quote-icon  { width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }


1327ul.profile-icons li.report-icon { width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }


1328ul.profile-icons li.edit-icon   { width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }


1329ul.profile-icons li.delete-icon { width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }


1330ul.profile-icons li.info-icon   { width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }


1331ul.profile-icons li.warn-icon   { width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }


1332


1333/* Fix profile icon default margins */


1334ul.profile-icons li.edit-icon   { margin: 0 0 0 3px; }


1335ul.profile-icons li.quote-icon  { margin: 0 0 0 10px; }


1336ul.profile-icons li.info-icon, ul.profile-icons li.report-icon  { margin: 0 3px 0 0; }


1337
 

generated by cgit-pink 1.4.1 (git 2.36.1) at 2024-07-01 14:43:10 +0000