Ignore:
Timestamp:
Nov 14, 2011, 11:17:15 PM (13 years ago)
Author:
dj3c1t
Message:

passage a Fluxbb 1.4.7

Location:
branches/rsr.v5.1.dev/web/punbb/style
Files:
66 added
5 edited

Legend:

Unmodified
Added
Removed
  • branches/rsr.v5.1.dev/web/punbb/style/Mercury.css

    r1 r3  
     1/*****************************************************************
     21. INITIAL SETTINGS
     3*****************************************************************/
     4
     5/* Limited Reset
     6----------------------------------------------------------------*/
     7
     8.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3,
     9.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl,
     10.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite {
     11        margin: 0;
     12        padding: 0;
     13        border: 0;
     14        }
     15
     16.pun ul, .pun ol {
     17        list-style: none
     18        }
     19
     20
     21/* Structural Settings
     22----------------------------------------------------------------*/
     23
     24.pun .clearer, .pun .nosize {
     25        height: 0;
     26        width: 0;
     27        line-height: 0;
     28        font-size: 0;
     29        overflow: hidden
     30        }
     31
     32.pun .clearer, .pun .clearb {
     33        clear: both
     34        }
     35
     36.pun .nosize {
     37        position: absolute;
     38        left: -9999em;
     39        text-indent: -9999em;
     40        width: 0;
     41        }
     42
     43* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox {
     44        height: 1px
     45        }
     46
     47.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox {
     48        min-height: 1px
     49        }
     50
     51.clearl {
     52        clear: left;
     53        }
     54
     55/* Hidden Elements
     56----------------------------------------------------------------*/
     57
     58#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt,
     59#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext,
     60.pun .required strong span {
     61        position: absolute;
     62        display: block;
     63        overflow: hidden;
     64        width: 0;
     65        left: -9999em;
     66        text-indent: -9999em;
     67        }
     68
     69/*****************************************************************
     702. TEXT & CONTENT
     71*****************************************************************/
     72
     73/* Text Defaults
     74----------------------------------------------------------------*/
     75
     76.pun {
     77        font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif;
     78        line-height: normal;
     79        }
     80
     81.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend {
     82        font-size: 1em;
     83        font-family: verdana, helvetica, arial, sans-serif;
     84        }
     85
     86.pun pre, .pun code {
     87        font-size: 1.182em;
     88        font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace
     89        }
     90
     91.pun pre code {
     92        font-size: 1em;
     93        }
     94
     95.pun strong {
     96        font-weight: bold;
     97        }
     98
     99.pun em {
     100        font-style: italic;
     101        }
     102
     103
     104/* Content Defaults
     105----------------------------------------------------------------*/
     106
     107.pun p, .pun ul, .pun ol, .pun dl {
     108        font-size: 1em;
     109        padding: 3px 0;
     110        }
     111
     112.pun h2 {
     113        font-size: 1em;
     114        font-weight: normal;
     115        padding: 4px 6px;
     116        }
     117
     118.pun h3 {
     119        font-size: 1.091em;
     120        padding: 3px 0;
     121        }
     122
     123.pun table p, .pun table h3 {
     124        padding: 0;
     125        }
     126
     127.pun span.warntext, .pun p.warntext {
     128        font-weight: bold
     129        }
     130
     131/* User Content (Announcements, Rules, Posts)
     132----------------------------------------------------------------*/
     133
     134.pun .usercontent p, .pun .postmsg p {
     135        padding: 0.75em 0
     136        }
     137
     138.pun .usercontent ul, .pun .postmsg ul {
     139        padding: 0.75em 1em 0.75em 2.5em;
     140        list-style: disc
     141        }
     142
     143.pun .usercontent ol, .pun .postmsg ol {
     144        padding: 0.75em 1em 0.75em 2.5em;
     145        list-style: decimal
     146        }
     147
     148.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
     149        list-style: lower-alpha
     150        }
     151
     152.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul {
     153        padding: 0.25em 1em 0.75em 2.5em
     154        }
     155
     156.pun .usercontent li p, .pun .postmsg li p {
     157        padding: 0
     158        }
     159
     160.pun .usercontent h1 {
     161        font-size: 1.4em;
     162        font-weight: bold;
     163        padding: 0.75em 0 0 0
     164        }
     165
     166.pun .usercontent h2 {
     167        font-size: 1.2em;
     168        font-weight: bold;
     169        padding: 0.75em 0 0 0
     170        }
     171
     172.pun .usercontent h3 {
     173        font-size: 1.1em;
     174        font-weight: bold;
     175        padding: 0.75em 0 0 0
     176        }
     177
     178.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
     179        font-size: 1em;
     180        font-weight: bold;
     181        padding: 0.75em 0 0 0
     182        }
     183
     184.pun .quotebox cite {
     185        font-weight: bold;
     186        font-style: normal;
     187        padding: 0.75em 0.75em 0 0.75em
     188        }
     189
     190.pun span.bbu {
     191        text-decoration: underline
     192        }
     193
     194.pun span.bbs, .pun del {
     195        text-decoration: line-through;
     196        }
     197
     198.pun .postmsg ins, #punhelp samp ins {
     199        text-decoration: none;
     200        }
     201
     202.pun div.postmsg h5, #punhelp h5 {
     203        font-size: 1.1em;
     204        font-weight: bold;
     205        padding: 0.75em 0 0 0;
     206        }
     207
     208
     209/*****************************************************************
     2103. COMMON STYLES
     211*****************************************************************/
     212
     213/* Page Layout
     214----------------------------------------------------------------*/
     215
     216html, body {
     217        margin: 0;
     218        padding: 0
     219        }
     220
     221.pun {
     222        margin: 12px 20px
     223        }
     224
     225#punredirect, #punmaint, #puninstall, #pundb_update {
     226        margin: 50px 20% 12px 20%
     227        }
     228
     229
     230/* Vertical Element Spacing
     231----------------------------------------------------------------*/
     232
     233#brdheader {
     234        margin: 0 0 12px 0;
     235        }
     236
     237#brdtitle p {
     238        padding-top: 0px
     239        }
     240
     241#announce, #brdstats {
     242        margin: 12px 0 12px 0;
     243        }
     244
     245.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview {
     246        margin-bottom: 12px
     247        }
     248
     249#punindex .blocktable, .pun .blockpost {
     250        margin-bottom: 6px
     251        }
     252
     253#postreview .blockpost {
     254        margin-bottom: -1px;
     255        }
     256
     257.pun .block2col .blockform, .pun .block2col .block {
     258        margin-bottom: 0px
     259        }
     260
     261.pun .linkst, .pun .linksb {
     262        margin-top: -12px
     263        }
     264
     265.pun .postlinksb {
     266        margin-top: -6px
     267        }
     268
     269
     270/* External Borders
     271----------------------------------------------------------------*/
     272
     273.pun .box {
     274        border-style: solid;
     275        border-width: 1px;
     276        }
     277
     278#brdheader .box {
     279        border-top-width: 4px;
     280        }
     281
     282/* Default Internal Spacing
     283----------------------------------------------------------------*/
     284
     285.pun .block .inbox, .pun .blockmenu .inbox {
     286        padding: 3px 6px
     287        }
     288
     289/*****************************************************************
     2904. COMMON BOARD ELEMENTS
     291*****************************************************************/
     292
     293/* Board Header
     294----------------------------------------------------------------*/
     295
     296#brdtitle h1 {
     297        font-size: 1.4em;
     298        font-weight: bold;
     299        padding: 3px 0 0 0;
     300        }
     301
     302#brdmenu li {
     303        display: inline;
     304        margin-right: 12px;
     305        }
     306
     307#brdmenu a:link, #brdmenu a:visited {
     308        text-decoration: none
     309        }
     310
     311#brdmenu a:hover, #brdmenu a:active {
     312        text-decoration: underline
     313        }
     314
     315#brdwelcome .conl {
     316        float: left;
     317        }
     318
     319#brdwelcome .conr {
     320        float: right;
     321        text-align: right;
     322        }
     323
     324/* Breadcrumbs and Post Links
     325----------------------------------------------------------------*/
     326
     327.pun .linkst {
     328        padding: 8px 6px 3px 6px
     329        }
     330
     331.pun .linksb, .pun .postlinksb {
     332        padding: 3px 6px 8px 6px
     333        }
     334
     335.pun .crumbs {
     336        clear: both;
     337        width: 100%;
     338        overflow: hidden;
     339        }
     340
     341.pun .crumbs li {
     342        display: inline;
     343        white-space: nowrap;
     344        font-weight: bold;
     345        }
     346
     347.pun .pagelink {
     348        float: left;
     349        white-space: nowrap;
     350        }
     351
     352.pun .postlink {
     353        font-weight: bold;
     354        white-space: nowrap;
     355        }
     356
     357.pun .postlink, .pun .modbuttons {
     358        float: right;
     359        text-align: right;
     360        }
     361
     362.pun .modbuttons {
     363        padding: 1px 0;
     364        white-space: nowrap;
     365        }
     366
     367.pun .modbuttons input {
     368        margin-left: 6px;
     369        }
     370
     371.pun .postlink a:link, .pun .postlink a:visited {
     372        text-decoration: none
     373        }
     374
     375.pun .postlink a:hover, .pun .postlink a:active {
     376        text-decoration: underline;
     377        }
     378
     379#punindex .subscribelink {
     380        margin-top: 6px;
     381        }
     382
     383/* Board Footer
     384----------------------------------------------------------------*/
     385
     386#brdfooter .conl {
     387        float: left;
     388        }
     389
     390#brdfooter .conr {
     391        float: right;
     392        text-align: right;
     393        }
     394
     395#brdfooter #modcontrols {
     396        border-bottom-style: solid;
     397        border-bottom-width: 1px;
     398        text-align: center;
     399        }
     400
     401#brdfooter #modcontrols dd {
     402        display: inline;
     403        margin:0 6px;
     404        }
     405
     406
     407/* Board Stats
     408----------------------------------------------------------------*/
     409
     410#brdstats .conl {
     411        float: left;
     412        }
     413
     414#brdstats .conr {
     415        float: right;
     416        text-align: right;
     417        }
     418
     419#onlinelist dd, #onlinelist dt {
     420        display: inline;
     421        }
     422
     423
     424/*****************************************************************
     4255. MAIN TABLES
     426*****************************************************************/
     427
     428.pun table {
     429        width: 100%;
     430        border-collapse: collapse;
     431        border-spacing: 0;
     432        empty-cells: show;
     433        }
     434
     435.pun .blocktable table {
     436        table-layout: fixed;
     437        }
     438
     439.pun td, .pun th {
     440        padding: 4px 6px;
     441        text-align: left;
     442        font-weight: normal;
     443        }
     444
     445.pun td, .pun th {
     446        border-style: solid none none solid;
     447        border-width: 1px;
     448        }
     449
     450.pun .tcl {
     451        border-left: 0;
     452        width: auto;
     453        }
     454
     455.pun .tc2, .pun .tc3, .pun .tcmod {
     456        width: 10%;
     457        text-align: center;
     458        padding: 4px 0;
     459        }
     460
     461.pun .tcr {
     462        width: 30%;
     463        }
     464
     465.pun .tcl h3 {
     466        font-size: 1.091em;
     467        font-weight: bold;
     468        }
     469
     470.pun .tcl h3 span.newtext {
     471        font-size: 0.917em;
     472        }
     473
     474.pun .tcl span.newtext, .pun .tcl span.pagestext {
     475        white-space: nowrap;
     476        font-weight: normal;
     477        }
     478
     479.pun td span.byuser {
     480        white-space: nowrap;
     481        }
     482
     483.pun .tcl p {
     484        padding: 5px 0 0 0
     485        }
     486
     487#punsearch #vf .tc2 {
     488        width: 18%;
     489        text-align: left;
     490        padding: 4px 6px;
     491        }
     492
     493#users1 .tcr {
     494        width: 25%
     495        }
     496
     497#users1 .tc2 {
     498        width: 25%;
     499        text-align: left;
     500        padding: 4px 6px;
     501        }
     502
     503#debug .tcl {
     504        width: 10%
     505        }
     506
     507#debug .tcr {
     508        width: 90%;
     509        white-space: normal
     510        }
     511
     512#punindex .tcr .byuser {
     513        display: block
     514        }
     515
     516.pun .blocktable .tclcon {
     517        padding: 0 11px 0 12px;
     518        overflow: hidden;
     519        height: 1%;
     520        min-height: 1px;
     521        position: relative;
     522        }
     523
     524.pun .blocktable .tclcon div {
     525        width: 100%;
     526        overflow: hidden;
     527        }
     528
     529.pun .icon {
     530        margin: 0.1em 0 0 0.2em;
     531        border-width: 0.6em;
     532        border-style: solid;
     533        height: 0;
     534        width: 0;
     535        overflow: hidden;
     536        float: left;
     537        }
     538
     539.pun .icon div {
     540        position: absolute;
     541        left: -9999em;
     542        text-indent: -9999em;
     543        height: 0;
     544        }
     545
     546.pun .iposted .ipost {
     547        position: absolute;
     548        left: 0;
     549        font-weight: bold;
     550        width: 8px;
     551        padding-left: 4px;
     552        text-align: center;
     553        top: 0;
     554        }
     555
     556/*****************************************************************
     5576. MAIN FORMS
     558*****************************************************************/
     559
     560.pun .blockform form, .pun .fakeform {
     561        PADDING: 20px 20px 15px 20px
     562        }
     563
     564.pun .forminfo {
     565        margin-bottom: 12px;
     566        padding: 9px 10px;
     567        border-style: solid;
     568        border-width: 1px;
     569        }
     570
     571.pun .forminfo h3 {
     572        font-weight: bold;
     573        }
     574
     575.pun .inform {
     576        padding-bottom: 12px
     577        }
     578
     579.pun fieldset {
     580        padding: 0px 12px 0px 12px;
     581        border-style: solid;
     582        border-width: 1px
     583        }
     584
     585.pun legend {
     586        padding: 0px 6px
     587        }
     588
     589.pun .infldset {
     590        padding: 9px 0px 12px 0
     591        }
     592
     593.pun label {
     594        display: block;
     595        padding: 3px 0
     596        }
     597
     598.pun label.conl {
     599        float: left;
     600        overflow: visible;
     601        margin-right: 10px
     602        }
     603
     604.pun fieldset .rbox br {
     605        display: none;
     606        }
     607
     608.pun fieldset .rbox label {
     609        padding: 3px 0 3px 25px;
     610        position: relative;
     611        vertical-align: middle;
     612        }
     613
     614.pun fieldset .rbox input {
     615        margin: 0 9px 0 -25px;
     616        padding: 0;
     617        width: 16px;
     618        position: relative;
     619        vertical-align: middle;
     620        }
     621
     622.pun .txtarea {
     623        width: 75%
     624        }
     625
     626.pun .txtarea textarea, .pun input.longinput {
     627        width: 100%
     628        }
     629
     630.pun .bblinks {
     631        padding-bottom: 10px;
     632        padding-left: 4px
     633        }
     634
     635.pun .bblinks li {
     636        display: inline;
     637        padding-right: 20px
     638        }
     639
     640.pun .blockform .buttons {
     641        padding-left: 12px;
     642        }
     643
     644.pun .blockform .buttons input {
     645        margin-right: 8px;
     646        }
     647
     648#posterror ul {
     649        list-style: square;
     650        padding: 3px 0 3px 24px;
     651        }
     652
     653.pun .deletemsg {
     654        border-style: solid;
     655        border-width: 1px;
     656        padding: 6px 15px;
     657        }
     658
     659.pun p.actions span {
     660        margin-right: 12px;
     661        }
     662
     663.pun .multiselect {
     664        float: left;
     665        padding-bottom: 7px;
     666        }
     667
     668.pun .checklist {
     669        border-width: 1px;
     670        border-style: solid;
     671        max-height: 9em;
     672        width: 20em;
     673        overflow: auto;
     674        padding: 0.3em 0.5em;
     675        margin: 0.25em 16px 0 0.15em;
     676        }
     677
     678.pun .checklist fieldset {
     679        border: 0;
     680        padding: 0;
     681        }
     682
     683.pun .checklist legend {
     684        padding: 0;
     685        }
     686
     687.pun .checklist legend span {
     688        width: auto;
     689        max-width: 25em;
     690        }
     691
     692.pun .checklist .checklist-item {
     693        position: relative;
     694        margin: .2em 0;
     695        }
     696
     697.pun .checklist .checklist-item label {
     698        padding: 0 0 0 2.1em;
     699        }
     700
     701.pun .checklist .checklist-item .fld-input {
     702        position: absolute;
     703        left: 0;
     704        top: 0;
     705        padding: 0;
     706        margin: 0;
     707        }
     708
     709.pun .checklist .checklist-item input {
     710        margin: 0;
     711        height: 1.15em;
     712        width: 1.55em;
     713        }
     714
     715/*****************************************************************
     7167. PROFILES AND ADMIN
     717*****************************************************************/
     718
     719.pun .block2col {
     720        padding-bottom: 1px
     721        }
     722
     723.pun .block2col .blockform, .pun .block2col .block {
     724        margin-left: 14em
     725        }
     726
     727.pun .blockmenu {
     728        float:left;
     729        width: 13em
     730        }
     731
     732.pun .blockmenu li {
     733        padding: 3px 0;
     734        font-weight: bold;
     735        }
     736
     737.pun .blockmenu a:link, .pun .blockmenu a:visited {
     738        text-decoration: none
     739        }
     740
     741.pun .blockmenu a:hover, .pun .blockmenu a:active {
     742        text-decoration: underline
     743        }
     744
     745#viewprofile dl {
     746        float: left;
     747        width: 100%;
     748        overflow: hidden
     749        }
     750
     751#viewprofile dd {
     752        margin-left: 14em;
     753        padding: 3px;
     754        }
     755
     756#viewprofile dt {
     757        float: left;
     758        width: 13em;
     759        margin: 3px 0;
     760        }
     761
     762#profileavatar img {
     763        float: right;
     764        margin-left: 1em
     765        }
     766
     767#adintro ul {
     768        list-style-type: disc;
     769        margin-left: 8px;
     770        padding-left: 16px;
     771        }
     772
     773/*****************************************************************
     7748. MAIN POSTS
     775*****************************************************************/
     776
     777.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited {
     778        text-decoration: none;
     779        }
     780
     781.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active {
     782        text-decoration: underline;
     783        }
     784
     785.pun .blockpost h2 .conr {
     786        float: right;
     787        text-align: right;
     788        }
     789
     790#punsearch .blockpost h2 span {
     791        white-space: nowrap;
     792        }
     793
     794.pun .blockpost .box {
     795        overflow: hidden;
     796        }
     797
     798.pun .postleft, .pun .postfootleft {
     799        float:left;
     800        width: 18em;
     801        position: relative;
     802        overflow: hidden;
     803        }
     804
     805.pun .postleft dl {
     806        padding: 6px;
     807        }
     808
     809.pun .postleft .usercontacts, .pun .postleft .icon {
     810        margin-top: 6px
     811        }
     812
     813.pun .postleft .postavatar, .pun .postleft .usertitle {
     814        margin-bottom: 6px;
     815        display: block;
     816        }
     817
     818.pun .blockpost dt {
     819        font-size: 1.091em;
     820        font-weight: bold;
     821        }
     822
     823.pun .blockpost dt a:link, .pun .blockpost dt a:visited {
     824        text-decoration: none;
     825        }
     826
     827.pun .blockpost dt a:hover, .pun .blockpost dt a:active {
     828        text-decoration: underline;
     829        }
     830
     831.pun .postright, .pun .postfootright {
     832        border-left-width: 18em;
     833        border-left-style: solid
     834        }
     835
     836#postpreview .postright {
     837        border-left: 0
     838        }
     839
     840.pun .postright {
     841        padding: 0 6px;
     842        }
     843
     844.pun .postfootright, .pun .multidelete {
     845        text-align: right
     846        }
     847
     848.pun .postmsg {
     849        width:98%;
     850        overflow: hidden;
     851        padding-bottom: 6px;
     852        word-wrap: break-word;
     853        }
     854
     855.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p,
     856.pun .postfootleft p {
     857        padding: 10px 6px 5px 6px;
     858        }
     859
     860.pun .postfootright li {
     861        display: inline;
     862        }
     863
     864.pun .postfootright li:before {
     865        content: " | ";
     866        }
     867
     868.pun .postfootright li:first-child:before {
     869        content: "";
     870        }
     871
     872.pun .postfootright a:link, .pun .postfootright a:visited {
     873        text-decoration: none
     874        }
     875
     876.pun .postfootright a:hover, .pun .postfootright a:active {
     877        text-decoration: underline
     878        }
     879
     880.pun .codebox {
     881        border-style: solid;
     882        border-width: 1px;
     883        margin: 0.75em 1em;
     884        padding: 0;
     885        }
     886
     887.pun .quotebox {
     888        border-style: solid;
     889        border-width: 1px;
     890        margin: 0.75em 1em;
     891        padding: 0 0.75em;
     892        }
     893
     894.pun .quotebox cite {
     895        display: block;
     896        padding: 0.75em 0 0 0;
     897        }
     898
     899.pun .quotebox blockquote {
     900        width: 100%;
     901        overflow: hidden
     902        }
     903
     904.pun .codebox pre {
     905        overflow: auto;
     906        width: 100%;
     907        overflow-y:hidden
     908        }
     909
     910* html .pun .codebox pre {
     911        padding-bottom: 10px;
     912        }
     913
     914*+html .pun .codebox pre {
     915        padding-bottom: 10px
     916        }
     917
     918.pun .codebox pre code {
     919        display: block;
     920        padding: 0.75em;
     921        }
     922
     923.pun .codebox pre.vscroll {
     924        height: 32em;
     925        overflow: auto;
     926        overflow-y: auto
     927        }
     928
     929.pun .postmsg img {
     930        vertical-align: bottom;
     931        }
     932
     933.pun .postsignature hr {
     934        margin-left: 0px;
     935        width: 200px;
     936        text-align: left;
     937        height: 1px;
     938        border:none
     939        }
     940
     941.pun .postmsg .postimg img {
     942        max-width: 98%;
     943        vertical-align: middle;
     944        margin: 7px 0.5em 7px 0;
     945}
     946
     947.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
     948        border-style: solid;
     949        border-width: 2px;
     950}
     951
     952.pun .blockpost label {
     953        padding: 3px 6px;
     954        border-style: solid;
     955        border-width: 1px;
     956        vertical-align: middle;
     957        display: inline-block;
     958        }
     959
     960.pun .blockpost label * {
     961        vertical-align: middle;
     962        margin: 0;
     963        padding: 0;
     964        }
     965
    1966/****************************************************************/
    2 /* 1. IMPORTED STYLESHEETS */
     967/* 9. HELP FILES AND MISC. */
    3968/****************************************************************/
    4969
    5 /* Import the basic setup styles */
    6 @import url(imports/base.css);
    7 /* Import the colour scheme */
    8 @import url(imports/Mercury_cs.css);
    9 
    10 /****************************************************************/
    11 /* 2. TEXT SETTINGS */
    12 /****************************************************************/
    13 
    14 /* 2.1 This sets the default Font Group */
    15 
    16 .pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
    17         FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
     970#punhelp h2 {
     971        margin-top: 12px
     972        }
     973
     974#punhelp div.box {
     975        padding: 10px
     976        }
     977
     978#debugtime {
     979        margin-top: -12px;
     980        text-align: center;
     981        }
     982
     983#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input {
     984        line-height: 1.4em
     985        }
     986
     987#announce div.inbox div {
     988        padding: 3px 0
     989        }
     990
     991/*****************************************************************
     992COLOUR SCHEME
     993*****************************************************************/
     994
     995/* Background / Text
     996----------------------------------------------------------------*/
     997
     998body {
     999        background: #2a2a2a;
     1000        color: #d4d4d4
     1001        }
     1002
     1003.pun {
     1004        color: #d4d4d4
     1005        }
     1006
     1007.pun .box, #adminconsole fieldset th {
     1008        background-color: #383838
     1009        }
     1010
     1011.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo,
     1012#brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd {
     1013        background-color: #424242
     1014        }
     1015
     1016.pun h2, #brdmenu {
     1017        background-color: #565656;
     1018        color: #d4d4d4
     1019        }
     1020
     1021.pun th {
     1022        background-color: #484848
     1023        }
     1024
     1025.pun legend {
     1026        color: #f6b620
     1027        }
     1028
     1029.pun .blockmenu li.isactive a, #posterror li strong {
     1030        color: #d4d4d4
     1031        }
     1032
     1033.pun .usercontent * {
     1034        background: transparent;
     1035        color: #d4d4d4
     1036        }
     1037
     1038.pun textarea, .pun input, .pun select {
     1039        background-color: #2a2a2a;
     1040        color: #d4d4d4
     1041        }
     1042
     1043.pun .multiselect, .pun .checklist {
     1044        color: #D4D4D4;
     1045        }
     1046
     1047.pun .checklist {
     1048        border-color: #666;
     1049        }
     1050
     1051/* Posts
     1052----------------------------------------------------------------*/
     1053
     1054.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg {
     1055        background-color: #383838
     1056        }
     1057
     1058.pun .postright, .pun .postfootright {
     1059        border-left-color: #424242
     1060        }
     1061
     1062.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox {
     1063        background-color: #424242
     1064        }
     1065
     1066.pun .blockpost h2 {
     1067        background-color: #565656
     1068        }
     1069
     1070.pun .blockpost h2 span.conr {
     1071        color: #a19e96
     1072        }
     1073
     1074.pun .postmsg ins, #punhelp samp ins {
     1075        background-color: #ff0;
     1076        }
     1077
     1078.pun hr {
     1079        background-color: #606060;
     1080        color: #606060
     1081        }
     1082
     1083/* Borders
     1084----------------------------------------------------------------*/
     1085
     1086.pun .box {
     1087        border-color:#565656
     1088        }
     1089
     1090.pun td, #brdfooter #modcontrols {
     1091        border-color: #565656
     1092        }
     1093
     1094.pun th {
     1095        border-color: #484848
     1096        }
     1097
     1098.pun fieldset {
     1099        border-color: #565656
     1100        }
     1101
     1102#adminconsole td, #adminconsole th {
     1103        border-color: #383838
     1104        }
     1105
     1106.pun .quotebox, .pun .codebox, .pun .forminfo,
     1107.pun .blockpost label, .pun .deletemsg {
     1108        border-color: #565656
     1109        }
     1110
     1111/* Links
     1112----------------------------------------------------------------*/
     1113
     1114.pun a:link, .pun a:visited {
     1115        color: #f6b620
     1116        }
     1117
     1118.pun a:hover, .pun a:active, .pun a:focus {
     1119        color: #ffee40
     1120        }
     1121
     1122.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
     1123        border-color: #f6b620;
    181124}
    191125
    20 .pun {FONT-SIZE: 11px; LINE-HEIGHT: normal}
    21 
    22 /* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
    23 * HTML .pun {FONT-SIZE: 68.75%}
    24 /* End IE Win Font Size */
    25 
    26 /* Set font size for tables because IE requires it */
    27 .pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {FONT-SIZE: 1em}
    28 
    29 /* 2.2 Set the font-size for preformatted text i.e in code boxes */
    30 
    31 .pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}
    32 
    33 /* 2.3 Font size for headers */
    34 
    35 .pun H2, .pun H4 {FONT-SIZE: 1em}
    36 .pun H3 {FONT-SIZE: 1.1em}
    37 #brdtitle H1 {FONT-SIZE: 1.4em}
    38 
    39 /* 2.4 Larger text for particular items */
    40 DIV.postmsg P {LINE-HEIGHT: 1.4}
    41 DIV.postleft DT {FONT-SIZE: 1.1em}
    42 .pun PRE {FONT-SIZE: 1.2em}
    43 
    44 /* 2.5 Bold text */
    45 
    46 DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI,
    47 DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}
    48 
    49 /****************************************************************/
    50 /* 3. LINKS */
    51 /****************************************************************/
    52 
    53 /* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */
    54 
    55 #brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link,
    56 .blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
    57 .blockmenu A:link, .blockmenu A:visited {
    58         TEXT-DECORATION: none
     1126.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
     1127        border-color: #ffee40;
    591128}
    601129
    61 /* 3.2 Underline on hover for links in headers and main menu */
    62 
    63 #brdmenu A:hover, .blockpost H2 A:hover {TEXT-DECORATION: underline}
    64 
    65 /****************************************************************/
    66 /* 4. BORDER WIDTH AND STYLE */
    67 /****************************************************************/
    68 
    69 /* 4.1 By default borders are 1px solid */
    70 
    71 DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
    72         BORDER-STYLE: solid;
    73         BORDER-WIDTH: 1px
    74 }
    75 
    76 /* 4.2 Special settings for the board header. */
    77 
    78 #brdheader DIV.box {BORDER-TOP-WIDTH: 4px}
    79 
    80 /* 4.3 Borders for table cells */
    81 
    82 .pun TD, .pun TH {
    83         BORDER-BOTTOM: none;
    84         BORDER-RIGHT: none
    85 }
    86 
    87 .pun .tcl {BORDER-LEFT: none}
    88 
    89 /* 4.4 Special setting for fieldsets to preserve IE defaults */
    90 
    91 DIV>FIELDSET {
    92         BORDER-STYLE: solid;
    93         BORDER-WIDTH: 1px
    94 }
    95 
    96 /****************************************************************/
    97 /* 5. VERTICAL AND PAGE SPACING */
    98 /****************************************************************/
    99 
    100 /* 5.1 Page margins */
    101 
    102 HTML, BODY {MARGIN: 0; PADDING: 0}
    103 #punwrap {margin:12px 20px}
    104 
    105 /* 5.2 Creates vertical space between main board elements (Margins) */
    106 
    107 DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
    108 #punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}
    109 DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}
    110 
    111 /* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
    112 
    113 DIV.linkst, DIV.linksb {MARGIN-TOP: -12px}
    114 DIV.postlinksb {MARGIN-TOP: -6px}
    115 
    116 /* 5.4 Put a 12px gap above the board information box in index because the category tables only
    117 have a 6px space beneath them */
    118 
    119 #brdstats {MARGIN-TOP: 12px}
    120 
    121 /****************************************************************/
    122 /* 6. SPACING AROUND CONTENT */
    123 /****************************************************************/
    124 
    125 /* 6.1 Default padding for main items */
    126 
    127 DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}
    128 .pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}
    129 .pun H2 {PADDING: 4px 6px}
    130 
    131 /* 6.2 Special spacing for various elements */
    132 
    133 .pun H1 {PADDING: 3px 0px 0px 0}
    134 #brdtitle P {PADDING-TOP: 0px}
    135 DIV.linkst {PADDING: 8px 6px 3px 6px}
    136 DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
    137 #brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}
    138 #viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}
    139 
    140 /* 6.4 Create some horizontal spacing for various elements */
    141 
    142 #brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 12px}
    143 
    144 /****************************************************************/
    145 /* 7. SPACING FOR TABLES */
    146 /****************************************************************/
    147 
    148 .pun TH, .pun TD {PADDING: 4px 6px}
    149 .pun TD P {PADDING: 5px 0 0 0}
    150 
    151 /****************************************************************/
    152 /* 8. SPACING FOR POSTS */
    153 /****************************************************************/
    154 
    155 /* 8.1 Padding around left and right columns in viewtopic */
    156 
    157 DIV.postleft DL, DIV.postright {PADDING: 6px}
    158 
    159 /* 8.2 Extra spacing for poster contact details and avatar */
    160 
    161 DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
    162 DD.postavatar {MARGIN-BOTTOM: 5px}
    163 
    164 /* 8.3 Extra top spacing for signatures and edited by */
    165 
    166 DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}
    167 
    168 /* 8.4 Spacing for code and quote boxes */
    169 
    170 DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
    171 .pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}
    172 
    173 /* 8.5 Padding for the action links and online indicator in viewtopic */
    174 
    175 DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px}
    176 
    177 /* 8.6 This is the input on moderators multi-delete view */
    178 
    179 DIV.blockpost INPUT, DIV.blockpost LABEL {
    180         PADDING: 3px;
    181         DISPLAY: inline
    182 }
    183 
    184 P.multidelete {
    185         PADDING-TOP: 15px;
    186         PADDING-BOTTOM: 5px
    187 }
    188 
    189 /* 8.7 Make sure paragraphs in posts don't get any padding */
    190 
    191 DIV.postmsg P {PADDING: 0}
    192 
    193 /****************************************************************/
    194 /* 9. SPECIAL SPACING FOR FORMS */
    195 /****************************************************************/
    196 
    197 /* 9.1 Padding around fieldsets */
    198 
    199 DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
    200 DIV.inform {PADDING-BOTTOM: 12px}
    201 
    202 /* 9.2 Padding inside fieldsets */
    203 
    204 .pun FIELDSET {PADDING: 0px 12px 0px 12px}
    205 DIV.infldset {PADDING: 9px 0px 12px 0}
    206 .pun LEGEND {PADDING: 0px 6px}
    207 
    208 /* 9.3 The information box at the top of the registration form and elsewhere */
    209 
    210 DIV.forminfo {
    211         MARGIN-BOTTOM: 12px;
    212         PADDING: 9px 10px
    213 }
    214 
    215 /* 9.4 BBCode help links in post forms */
    216 
    217 UL.bblinks LI {PADDING-RIGHT: 20px}
    218 
    219 UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}
    220 
    221 /* 9.5 Horizontal positioning for the submit button on forms */
    222 
    223 DIV.blockform P INPUT {MARGIN-LEFT: 12px}
    224 
    225 /****************************************************************/
    226 /* 10. POST STATUS INDICATORS */
    227 /****************************************************************/
    228 
    229 /* 10.1 These are the post status indicators which appear at the left of some tables.
    230 .inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
    231 .isticky = sticky topics. By default only .inew is different from the default.*/
    232 
    233 DIV.icon {
    234         FLOAT: left;
    235         MARGIN-TOP: 0.1em;
    236         MARGIN-LEFT: 0.2em;
    237         DISPLAY: block;
    238         BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
    239         BORDER-STYLE: solid
    240 }
    241 
    242 DIV.searchposts DIV.icon {MARGIN-LEFT: 0}
    243 
    244 /* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
    245 margin creates space for the post status indicator */
    246 
    247 TD DIV.tclcon {MARGIN-LEFT: 2.3em}
    248 
    249 
    250 
    251 
    252 
    253 
    254 
    255 
    256 
    257 
    258 
     1130.pun h2 a:link, .pun h2 a:visited,
     1131#brdmenu a:link, #brdmenu a:visited {
     1132        color: #d4d4d4
     1133        }
     1134
     1135.pun h2 a:hover, .pun h2 a:active,
     1136#brdmenu a:hover, #brdmenu a:active {
     1137        color: #d4d4d4
     1138        }
     1139
     1140.pun .postreport a:link, .pun .postreport a:visited,
     1141.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {
     1142        color: #888
     1143        }
     1144
     1145.pun .postreport a:hover, .pun .postreport a:active,
     1146.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {
     1147        color: #aaa
     1148        }
     1149
     1150.pun .maintenancelink a:link, .pun .maintenancelink a:visited {
     1151        color: #ff4000
     1152        }
     1153
     1154.pun .maintenancelink a:hover, .pun .maintenancelink a:active {
     1155        color: #ff5010
     1156        }
     1157
     1158/* Status Indicators
     1159----------------------------------------------------------------*/
     1160
     1161.pun .icon {
     1162        border-color: #484848 #404040 #3c3c3c #444444
     1163        }
     1164
     1165.pun .iredirect .icon {
     1166        border-color: #383838 #383838 #383838 #383838
     1167        }
     1168
     1169.pun .inew .icon {
     1170        border-color: #f6b620 #ecae1f #d09a1b #e1a61d
     1171        }
  • branches/rsr.v5.1.dev/web/punbb/style/imports/Mercury_cs.css

    r1 r3  
    55/* 1.1 Default background colour and text colour */
    66
    7 /*BODY {BACKGROUND-COLOR: #ffffff}*/
     7BODY {BACKGROUND-COLOR: #1f1f1f}
    88
    99.pun {COLOR: #D4D4D4}
  • branches/rsr.v5.1.dev/web/punbb/style/imports/base_admin.css

    r1 r3  
    44* HTML #adstats DD {HEIGHT: 1%}
    55#adstats DD {MARGIN-LEFT: 14em; PADDING: 3px; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 1.5em}
    6 #adstats DT {FLOAT:left; WIDTH: 13em; PADDING: 3px; line-height: 1.5em}
     6#adstats DT {FLOAT: left; WIDTH: 13em; PADDING: 3px; LINE-HEIGHT: 1.5em}
    77#adstats {PADDING: 15px 15px 5px 10px}
    88#adintro {PADDING: 5px}
     
    1717#adminconsole TABLE.aligntop TH, #adminconsole TABLE.aligntop TD {VERTICAL-ALIGN: top}
    1818#adminconsole TABLE.aligntop TH {PADDING-TOP: 0.7em}
    19 #adminconsole TD, #adminconsole TH {BORDER-STYLE: solid; BORDER-WIDTH: 3px 0px 3px 0px}
     19#adminconsole TD, #adminconsole TH {BORDER-STYLE: solid; BORDER-WIDTH: 3px 0 3px 0}
    2020#adminconsole P {PADDING-BOTTOM: 6px}
    2121#adminconsole .topspace {PADDING-TOP: 6px}
    2222#adminconsole P.submittop, #adminconsole P.submitend {TEXT-ALIGN: center}
    2323#adminconsole TH.hidehead {COLOR: #f1f1f1}
    24 #adminconsole THEAD TH {PADDING-BOTTOM: 0px}
     24#adminconsole THEAD TH {PADDING-BOTTOM: 0}
    2525#adminconsole P.linkactions {FONT-WEIGHT: bold; PADDING-LEFT: 5px}
    2626#adminconsole TH INPUT, #adminconsole DIV.fsetsubmit {MARGIN-TOP: 6px}
     
    2929#categoryedit .tcl {WIDTH: 25%}
    3030#censoring .tcl, #censoring .tc2, #ranks .tcl, #ranks .tc2 {WIDTH: 20%}
     31#edforum .tcl, #edforum .tc2 {WIDTH: 8%}
     32#edforum .tc2 {WIDTH: 6%}
     33
    3134TABLE#forumperms TH, TABLE#forumperms TD {WHITE-SPACE: normal; WIDTH: auto; TEXT-ALIGN: center}
    3235TABLE#forumperms .atcl {TEXT-ALIGN: left; WIDTH: 15em; WHITE-SPACE: nowrap}
    3336#adminconsole TD.nodefault {BACKGROUND-COLOR: #D59B9B}
    3437
    35 /*** User Search Result Tables ***/
    36 #users2 TH, #users2 TH {TEXT-ALIGN: left}
    37 #users2 .tcl, #users2 .tc3, #users2 .tc5 {WIDTH: 15%; TEXT-ALIGN: left}
    38 #users2 .tc2 {WIDTH: 22%; TEXT-ALIGN: left}
    39 #users2 .tc4 {WIDTH: 8%}
    40 #users2 .tc4 {TEXT-ALIGN: center}
    41 #users2 .tcr {WHITE-SPACE: nowrap}
     38/*** User/Ban Search Result Tables ***/
     39#users2 TH, #bans1 TH {TEXT-ALIGN: left}
     40#users2 TH.tcmod {TEXT-ALIGN: center}
     41#users2 .tcl, #bans1 .tcl {WIDTH: auto; TEXT-ALIGN: left; PADDING: 4px 6px}
     42#users2 .tc2, #bans1 .tc2 {WIDTH: 18%; TEXT-ALIGN: left; PADDING: 4px 6px}
     43#users2 .tc3, #users2 .tc5, #bans1 .tc3, #bans1 .tc5, #bans1 .tc6 {WIDTH: 12%; TEXT-ALIGN: left; PADDING: 4px 6px}
     44#users2 .tc4, #bans1 .tc4 {WIDTH: 10%; TEXT-ALIGN: center}
     45#users2 .tcr {WIDTH: 20%; WHITE-SPACE: nowrap}
     46#bans1 .tcr {WIDTH: 15%; WHITE-SPACE: nowrap}
     47#users2 .tcmod {WIDTH: 10%; TEXT-ALIGN: center}
    4248#adminconsole #linkst, #adminconsole #linksb A {FONT-WEIGHT: bold}
    4349
    4450/*** Plugins ***/
    45 #exampleplugin .inbox {PADDING: 6px 6px 0px 6px}
     51.plugin .inbox {PADDING-BOTTOM: 10px}
     52.plugin p {PADDING: 10px 10px 0}
  • branches/rsr.v5.1.dev/web/punbb/style/imports/index.html

    r1 r3  
    1 <html>
    2 <head>
    3 <title>.</title>
    4 </head>
    5 <body>
    6 .
    7 </body>
    8 </html>
     1<html><head><title>.</title></head><body>.</body></html>
  • branches/rsr.v5.1.dev/web/punbb/style/index.html

    r1 r3  
    1 <html>
    2 <head>
    3 <title>.</title>
    4 </head>
    5 <body>
    6 .
    7 </body>
    8 </html>
     1<html><head><title>.</title></head><body>.</body></html>
Note: See TracChangeset for help on using the changeset viewer.