Ticket #11974: MythCenter-space.patch
File MythCenter-space.patch, 25.3 KB (added by , 10 years ago) |
---|
-
mythtv/themes/MythCenter/base.xml
diff --git a/mythtv/themes/MythCenter/base.xml b/mythtv/themes/MythCenter/base.xml index 9e1dccd..94b58f8 100644
a b 60 60 <color>#9999cc</color> 61 61 </fontdef> 62 62 <fontdef name="basesmall_normal_inactive" from="basesmall"> 63 <color># 666666</color>63 <color>#888888</color> 64 64 </fontdef> 65 65 <fontdef name="basesmall_warning_selected" from="basesmallbold"> 66 66 <color>#dddd44</color> … … 131 131 </fontdef> 132 132 133 133 <!-- Fonts for specific screens --> 134 <fontdef name="deleterecordings_filesize_font" from="basemedium">135 <pixelsize>40</pixelsize>136 <color>#bbbb33</color>137 <weight>bold</weight>138 </fontdef>139 134 <fontdef name="baseguide" from="basesmall"> 140 135 <pixelsize>20</pixelsize> 141 136 <weight>normal</weight> … … 150 145 <cornerradius>12</cornerradius> 151 146 </shape> 152 147 153 148 <!-- Base definition of a shape used as a background on many popups --> 154 149 <shape name="basepopupbackground" from="basebackground"> 155 150 <fill style="gradient"> 156 151 <gradient direction="vertical" alpha="255"> 157 152 <stop position="0" color="#111111" /> 158 <stop position="50" color="# 888888" />153 <stop position="50" color="#666666" /> 159 154 <stop position="100" color="#111111" /> 160 155 </gradient> 161 156 </fill> … … 184 179 <area>0,0,300,250</area> 185 180 <layout>vertical</layout> 186 181 <spacing>4</spacing> 187 <buttonarea>0,0,100%, 100%-22</buttonarea>182 <buttonarea>0,0,100%,97%</buttonarea> 188 183 <statetype name="buttonitem"> 189 184 <area>0,0,100%,30</area> 190 185 <state name="active"> … … 227 222 <state name="selectedactive" from="active"> 228 223 <shape name="background"> 229 224 <fill style="gradient"> 230 <gradient start="#5 2CA38" end="#349838" alpha="255" />225 <gradient start="#58f833" end="#4d6b30" alpha="200" /> 231 226 </fill> 232 227 </shape> 233 228 </state> 234 229 <state name="selectedinactive" from="active"> 235 230 <shape name="background"> 236 231 <fill style="gradient"> 237 <gradient start="#5 2CA38" end="#349838" alpha="100" />232 <gradient start="#58f833" end="#4d6b30" alpha="130" /> 238 233 </fill> 239 234 </shape> 240 235 <textarea name="buttontext"> … … 243 238 </state> 244 239 </statetype> 245 240 <statetype name="upscrollarrow"> 246 <position>10, 100%-20</position>241 <position>10,96%</position> 247 242 <state type="off"> 248 243 <imagetype name="upon"> 249 244 <filename>lb-uparrow-reg.png</filename> … … 256 251 </state> 257 252 </statetype> 258 253 <statetype name="downscrollarrow"> 259 <position>40, 100%-20</position>254 <position>40,96%</position> 260 255 <state type="off"> 261 256 <imagetype name="dnon"> 262 257 <filename>lb-dnarrow-reg.png</filename> … … 472 467 </statetype> 473 468 </spinbox> 474 469 470 <!-- Base definition of a spinbox with centered strings --> 471 <spinbox name="base_centered_spinbox" from="basespinbox"> 472 <area>0,0,90,40</area> 473 <layout>horizontal</layout> 474 <statetype name="buttonitem"> 475 <state name="active"> 476 <shape name="background" from="basewidgetshape" /> 477 <textarea name="buttontext"> 478 <font>basesmall</font> 479 <cutdown>no</cutdown> 480 <align>allcenter</align> 481 </textarea> 482 </state> 483 <state name="selectedactive" from="active"> 484 <shape name="background" from="baseselectedwidgetshape" /> 485 </state> 486 <state name="selectedinactive" from="active" /> 487 </statetype> 488 </spinbox> 489 475 490 <!-- Base definition of a wide spinbox (room for strings) --> 476 491 <spinbox name="basewidespinbox" from="basespinbox"> 477 492 <area>0,0,396,40</area> … … 527 542 </statetype> 528 543 </buttonlist> 529 544 545 <!-- Base definition of a list in medium 'selector' configuration --> 546 <buttonlist name="basemediumselector" from="baseselector"> 547 <area>0,0,376,44</area> 548 </buttonlist> 549 530 550 <!-- Base definition of a list in wide 'selector' configuration --> 531 551 <buttonlist name="basewideselector" from="baseselector"> 532 552 <area>0,0,396,40</area> 533 553 </buttonlist> 534 554 555 <buttonlist name="baseverywideselector" from="baseselector"> 556 <area>0,0,436,40</area> 557 </buttonlist> 558 535 559 <!-- Base definition of a textarea --> 536 560 <textarea name="basetextarea"> 537 561 <area>0,0,0,0</area> … … 703 727 704 728 <textarea name="template" from="basetextarea"> 705 729 <area>420,144,310,28</area> 706 <align> right</align>730 <align>left</align> 707 731 <template>%Using |TEMPLATE| Template%</template> 708 732 </textarea> 709 733 … … 723 747 <window name="MythPopupBox"> 724 748 <area>-1,-1,500,500</area> 725 749 726 < imagetype name="backimg">727 < filename>mythdialogbox-background.png</filename>728 </ imagetype>750 <shape name="backimg" from="basepopupbackground"> 751 <area>0,0,100%,100%</area> 752 </shape> 729 753 730 754 <textarea name="messagearea" from="basetextarea"> 731 755 <area>12,14,470,210</area> … … 814 838 815 839 <window name="MythBusyDialog"> 816 840 <area>-1,-1,588,170</area> 817 <imagetype name="backimg"> 818 <area>0,0,587,170</area> 819 <filename>mythprogressdialog-background.png</filename> 820 </imagetype> 841 <shape name="backimg" from="basepopupbackground"> 842 <area>0,0,100%,100%</area> 843 </shape> 821 844 <imagetype name="animation"> 822 845 <position>40,40</position> 823 846 <filepattern low="0" high="24">busyimages/%1.png</filepattern> … … 832 855 833 856 <window name="MythProgressDialog"> 834 857 <area>-1,-1,588,170</area> 835 <imagetype name="backimg"> 836 <area>0,0,587,170</area> 837 <filename>mythprogressdialog-background.png</filename> 838 </imagetype> 858 <shape name="backimg" from="basepopupbackground"> 859 <area>0,0,100%,100%</area> 860 </shape> 839 861 <textarea name="message" from="basetextarea"> 840 862 <area>20,20,540,60</area> 841 863 <multiline>yes</multiline> … … 853 875 854 876 <window name="MythConfirmationDialog"> 855 877 <area>-1,-1,588,170</area> 856 <imagetype name="backimg"> 857 <area>0,0,587,170</area> 858 <filename>mythprogressdialog-background.png</filename> 859 </imagetype> 878 <shape name="backimg" from="basepopupbackground"> 879 <area>0,0,100%,100%</area> 880 </shape> 860 881 861 882 <textarea name="message" from="basetextarea"> 862 883 <area>14,14,550,90</area> … … 878 899 879 900 <window name="MythTextInputDialog"> 880 901 <area>-1,-1,588,170</area> 881 <imagetype name="backimg"> 882 <area>0,0,587,170</area> 883 <filename>mythprogressdialog-background.png</filename> 884 </imagetype> 902 <shape name="backimg" from="basepopupbackground"> 903 <area>0,0,100%,100%</area> 904 </shape> 885 905 886 906 <textarea name="message" from="basetextarea"> 887 907 <area>20,20,540,30</area> … … 900 920 901 921 <window name="MythSearchDialog"> 902 922 <area>-1,-1,500,500</area> 903 <imagetype name="backimg"> 904 <area>0,0,500,500</area> 905 <filename>mythdialogbox-background.png</filename> 906 </imagetype> 923 <shape name="backimg" from="basepopupbackground"> 924 <area>0,0,100%,100%</area> 925 </shape> 907 926 908 927 <textarea name="title" from="basetextarea"> 909 928 <area>12,20,470,60</area> … … 949 968 950 969 </window> 951 970 971 <!-- Popup search dialog used to search button lists --> 972 <window name="MythSearchListDialog"> 973 <area>-1,-1,620,165</area> 974 <shape name="backimg" from="basepopupbackground"> 975 <area>0,0,100%,100%</area> 976 </shape> 977 978 <textarea name="title" from="basetextarea"> 979 <area>5,10,600,30</area> 980 <multiline>yes</multiline> 981 <align>allcenter</align> 982 <value>Search List</value> 983 </textarea> 984 985 <textedit name="searchedit" from="basetextedit"> 986 <position>120,40</position> 987 </textedit> 988 989 <button name="prevbutton" from="basebutton"> 990 <position>20,105</position> 991 <value>Previous</value> 992 </button> 993 994 <button name="nextbutton" from="basebutton"> 995 <position>445,105</position> 996 <value>Next</value> 997 </button> 998 999 <statetype name="searchstate"> 1000 <area>210,120,200,30</area> 1001 <state name="found"> 1002 <textarea name="statustext" from="basetextarea"> 1003 <area>0,0,200,30</area> 1004 <align>allcenter</align> 1005 <font>basesmallgreen</font> 1006 <value>Found</value> 1007 </textarea> 1008 </state> 1009 <state name="notfound"> 1010 <textarea name="statustext" from="basetextarea"> 1011 <area>0,0,200,30</area> 1012 <align>allcenter</align> 1013 <font>basesmallred</font> 1014 <value>Not Found</value> 1015 </textarea> 1016 </state> 1017 </statetype> 1018 </window> 1019 952 1020 <window name="MythFileBrowser"> 953 1021 <area>-1,-1,730,510</area> 954 < imagetype name="backimg">955 < filename>mythfilebrowser-background.png</filename>956 </ imagetype>1022 <shape name="backimg" from="basepopupbackground"> 1023 <area>0,0,100%,100%</area> 1024 </shape> 957 1025 958 1026 <textedit name="location" from="basetextedit"> 959 1027 <position>40,14</position> … … 963 1031 <area>4,70,500,440</area> 964 1032 <layout>grid</layout> 965 1033 <buttonarea>0,0,500,430</buttonarea> 966 <triggerevent context="Global" action="ESCAPE">LEFT</triggerevent>967 1034 <statetype name="buttonitem"> 968 1035 <area>0,0,166,106</area> 969 1036 <state name="active"> … … 1049 1116 <window name="MythTimeInputDialog"> 1050 1117 <area>-1,-1,588,170</area> 1051 1118 1052 <imagetype name="box"> 1053 <area>0,0,587,170</area> 1054 <filename>mythprogressdialog-background.png</filename> 1055 </imagetype> 1119 <shape name="backimg" from="basepopupbackground"> 1120 <area>0,0,100%,100%</area> 1121 </shape> 1056 1122 1057 1123 <textarea name="message" from="basetextarea"> 1058 1124 <area>10,8,560,50</area> … … 1099 1165 </window> 1100 1166 1101 1167 <window name="backgroundwindow"> 1102 1103 1168 <imagetype name="backimg"> 1104 1169 <filename>ui/background.png</filename> 1105 1170 </imagetype> 1106 <!--1107 <shape name="background">1108 <area>0,0,100%,100%</area>1109 <type>box</type>1110 <fill color="#484537" alpha="255" />1111 </shape>1112 -->1113 1171 1114 1172 <fontdef name="medium" face="Droid Sans"> 1115 1173 <color>#FFFFFF</color> … … 1118 1176 </fontdef> 1119 1177 1120 1178 <fontdef name="large" face="Liberation Sans"> 1121 <color>#FFFFFF</color>1122 <pixelsize>28</pixelsize>1123 <weight>bold</weight>1179 <color>#FFFFFF</color> 1180 <pixelsize>28</pixelsize> 1181 <weight>bold</weight> 1124 1182 </fontdef> 1125 1183 1126 1184 <fontdef name="clock" face="Liberation Sans"> … … 1196 1254 <window name="MythArtworkResults"> 1197 1255 <area>-1,-1,413,426</area> 1198 1256 1199 <imagetype name="box"> 1200 <area>0,0,413,426</area> 1201 <filename>mv_results_popup.png</filename> 1202 </imagetype> 1257 <shape name="backimg" from="basepopupbackground"> 1258 <area>0,0,100%,100%</area> 1259 </shape> 1203 1260 1204 1261 <buttonlist name="results"> 1205 1262 <area>20,22,363,378</area> -
mythtv/themes/MythCenter/recordings-ui.xml
diff --git a/mythtv/themes/MythCenter/recordings-ui.xml b/mythtv/themes/MythCenter/recordings-ui.xml index bdf053c..5500fd7 100644
a b 125 125 <area>15,85,220,240</area> 126 126 <buttonarea>0,0,220,210</buttonarea> 127 127 <spacing>0</spacing> 128 <wrapstyle> captive</wrapstyle>128 <wrapstyle>selection</wrapstyle> 129 129 <searchposition>-1,390</searchposition> 130 130 <triggerevent context="Global" action="ESCAPE">LEFT</triggerevent> 131 131 <statetype name="buttonitem"> 132 132 <state name="active" > 133 133 <area>0,0,220,30</area> 134 134 <textarea name="buttontext"> 135 <area>3,0,100% -6,30</area>135 <area>3,0,100%,30</area> 136 136 <font>basesmall_normal</font> 137 137 <cutdown>yes</cutdown> 138 138 <align>left,vcenter</align> … … 143 143 <area>0,0,100%,30</area> 144 144 </shape> 145 145 <textarea name="buttontext"> 146 <area>3,0,100% -6,30</area>146 <area>3,0,100%,30</area> 147 147 <font>basesmall_normal</font> 148 148 <cutdown>yes</cutdown> 149 149 <align>left,vcenter</align> … … 154 154 <area>0,0,100%,30</area> 155 155 </shape> 156 156 <textarea name="buttontext"> 157 <area>3,0,100% -6,30</area>157 <area>3,0,100%,30</area> 158 158 <font>basesmall_normal_selected</font> 159 159 <cutdown>yes</cutdown> 160 160 <align>left,vcenter</align> … … 173 173 <buttonlist name="recordings" from="basebuttonlist2"> 174 174 <area>250,85,535,240</area> 175 175 <buttonarea>0,0,535,210</buttonarea> 176 <wrapstyle> captive</wrapstyle>176 <wrapstyle>selection</wrapstyle> 177 177 <spacing>0</spacing> 178 178 <searchposition>-1,390</searchposition> 179 179 <triggerevent context="Global" action="MENU">RIGHT</triggerevent> … … 210 210 <state name="marked"></state> 211 211 </statetype> 212 212 <textarea name="titlesubtitle" from="buttontext"> 213 <area>32, 2,266,28</area>213 <area>32,0,336,30</area> 214 214 <align>vcenter</align> 215 215 </textarea> 216 216 <textarea name="shortstartdate" from="titlesubtitle"> 217 <area>2 80,2,130,28</area>217 <area>295,0,130,30</area> 218 218 <align>right,vcenter</align> 219 219 </textarea> 220 220 <textarea name="starttime" from="shortstartdate"> 221 <area>415, 2,114,28</area>221 <area>415,0,114,30</area> 222 222 <align>right,vcenter</align> 223 223 </textarea> 224 224 <statetype name="watched"> … … 250 250 <area>0,0,100%,30</area> 251 251 </shape> 252 252 <textarea name="titlesubtitle" from="buttontext"> 253 <area>32, 2,266,28</area>253 <area>32,0,336,30</area> 254 254 <font>basesmall_normal_selected</font> 255 255 <font state="disabled">basesmall_disabled_selected</font> 256 256 <font state="error">basesmall_error_selected</font> … … 260 260 <align>vcenter</align> 261 261 </textarea> 262 262 <textarea name="shortstartdate" from="titlesubtitle"> 263 <area>2 80,2,130,28</area>263 <area>295,0,130,30</area> 264 264 <align>right,vcenter</align> 265 265 </textarea> 266 266 <textarea name="starttime" from="shortstartdate"> 267 <area>415, 2,114,28</area>267 <area>415,0,114,30</area> 268 268 <align>right,vcenter</align> 269 269 </textarea> 270 270 </state> … … 279 279 280 280 <imagetype name="autoexpire"> 281 281 <filename>autoexpire.png</filename> 282 <position>6 22,506</position>282 <position>630,518</position> 283 283 </imagetype> 284 284 285 285 <imagetype name="commflagged"> 286 286 <filename>commflagged.png</filename> 287 <position>6 66,506</position>287 <position>671,518</position> 288 288 </imagetype> 289 289 290 290 <imagetype name="bookmark"> 291 291 <filename>bookmark.png</filename> 292 <position>7 08,506</position>292 <position>715,518</position> 293 293 </imagetype> 294 294 295 295 <imagetype name="cutlist"> 296 296 <filename>cutlist.png</filename> 297 <position>752,5 06</position>297 <position>752,518</position> 298 298 </imagetype> 299 299 300 300 <statetype name="audioprops"> 301 <position>62 2,540</position>301 <position>629,551</position> 302 302 <showempty>yes</showempty> 303 303 <state name="stereo"> 304 304 <imagetype name="stereo"> … … 323 323 </statetype> 324 324 325 325 <statetype name="subtitletypes"> 326 <position>66 3,542</position>326 <position>669,551</position> 327 327 <showempty>yes</showempty> 328 328 <state name="cc"> 329 329 <imagetype name="cc"> … … 343 343 </statetype> 344 344 345 345 <statetype name="videoprops"> 346 <position>70 1,543</position>346 <position>705,551</position> 347 347 <showempty>yes</showempty> 348 348 <state name="hd1080"> 349 349 <imagetype name="hd1080"> … … 374 374 375 375 <imagetype name="processing"> 376 376 <filename>processing.png</filename> 377 <position>752,5 43</position>377 <position>752,551</position> 378 378 </imagetype> 379 379 380 380 <textarea name="title" from="basetextarea"> 381 <area> 20,340,560,40</area>381 <area>18,340,572,40</area> 382 382 <font>baselarge</font> 383 383 <cutdown>yes</cutdown> 384 384 <align>vcenter</align> 385 385 </textarea> 386 386 387 387 <textarea name="channel" from="basetextarea"> 388 <area> 20,385,160,30</area>388 <area>18,385,160,30</area> 389 389 </textarea> 390 390 391 391 <textarea name="timedate" from="basetextarea"> 392 <area>1 85,385,305,30</area>393 <align> hcenter</align>394 < template>%startdate%%| startyear%, %starttime% </template>392 <area>175,385,415,30</area> 393 <align>right</align> 394 <!-- <template>%startdate%%| startyear%, %starttime% </template> --> 395 395 </textarea> 396 396 397 397 <textarea name="filesize_str" from="basetextarea"> 398 <area> 495,385,85,30</area>399 <align> right</align>398 <area>595,485,190,30</area> 399 <align>center</align> 400 400 </textarea> 401 401 402 402 <textarea name="description" from="basetextarea"> 403 <area> 20,425,560,160</area>403 <area>18,425,572,160</area> 404 404 <multiline>yes</multiline> 405 <cutdown>yes</cutdown> 405 <scroll direction="vertical" /> 406 <cutdown>no</cutdown> 406 407 <template>%"|SUBTITLE|" %%(|STARS|) %%DESCRIPTION%</template> 407 408 </textarea> 408 409 409 410 <imagetype name="preview" depends="!coverart"> 410 <area>59 0,345,190,140</area>411 <area>595,345,190,140</area> 411 412 <preserveaspect>true</preserveaspect> 412 413 </imagetype> 413 414 414 415 <imagetype name="coverart" > 415 <area>59 0,345,190,140</area>416 <area>595,345,190,140</area> 416 417 <filename /> 417 418 <preserveaspect>true</preserveaspect> 418 419 </imagetype> … … 449 450 450 451 <window name="groupselector"> 451 452 <area>-1,-1,500,500</area> 452 < imagetype name="backimg">453 < filename>mythdialogbox-background.png</filename>454 </ imagetype>453 <shape name="backimg" from="basepopupbackground"> 454 <area>0,0,100%,100%</area> 455 </shape> 455 456 456 457 <textarea name="label" from="basetextarea"> 457 458 <area>12,4,470,104</area> … … 468 469 469 470 <window name="changeview"> 470 471 <area>-1,-1,500,500</area> 471 < imagetype name="backimg">472 < filename>mythdialogbox-background.png</filename>473 </ imagetype>472 <shape name="backimg" from="basepopupbackground"> 473 <area>0,0,100%,100%</area> 474 </shape> 474 475 475 476 <textarea name="title" from="basetextarea"> 476 <area>12,3 5,470,30</area>477 <area>12,34,470,30</area> 477 478 <align>allcenter</align> 478 479 <font>basemedium</font> 479 480 <value>Change View</value> 480 481 </textarea> 481 482 482 483 <checkbox name="titles" from="basecheckbox"> 483 <position>90, 100</position>484 <position>90,90</position> 484 485 </checkbox> 485 486 486 487 <textarea name="titlelabel" from="basetextarea"> 487 <area>140, 100,300,30</area>488 <area>140,90,300,30</area> 488 489 <value>Show Titles</value> 489 490 </textarea> 490 491 … … 543 544 </textarea> 544 545 545 546 <button name="save" from="basebutton"> 546 <position>31 5,435</position>547 <position>314,434</position> 547 548 <value>Save</value> 548 549 </button> 549 550 </window> … … 551 552 <window name="passwordchanger"> 552 553 <area>-1,-1,500,500</area> 553 554 554 < imagetype name="backimg">555 < filename>mythdialogbox-background.png</filename>556 </ imagetype>555 <shape name="backimg" from="basepopupbackground"> 556 <area>0,0,100%,100%</area> 557 </shape> 557 558 558 559 <textarea name="label" from="basetextarea"> 559 560 <area>12,15,470,160</area> … … 589 590 <window name="editmetadata"> 590 591 <area>-1,-1,780,580</area> 591 592 592 < imagetype name="backimg">593 <shape name="backimg" from="basepopupbackground"> 593 594 <area>0,0,100%,100%</area> 594 <filename>mythdialogbox-background.png</filename> 595 </imagetype> 595 </shape> 596 596 597 597 <textarea name="label" from="basetextarea"> 598 598 <area>20,0,100%-20,60</area> … … 640 640 </spinbox> 641 641 642 642 <textarea name="eplabel" from="basetextarea"> 643 <area>258,255, 90,30</area>643 <area>258,255,185,30</area> 644 644 <align>right,vcenter</align> 645 645 <value>Episode:</value> 646 646 </textarea> 647 647 648 648 <spinbox name="episode" from="basespinbox"> 649 <position> 355,250</position>649 <position>450,250</position> 650 650 </spinbox> 651 651 652 652 <textarea name="descriptionlabel" from="titlelabel"> … … 668 668 <window name="iconhelp"> 669 669 <area>-1,-1,700,500</area> 670 670 671 <imagetype name="backimg"> 672 <area>0,0,700,500</area> 673 <filename>mythdialogbox-background.png</filename> 674 </imagetype> 671 <shape name="backimg" from="basepopupbackground"> 672 <area>0,0,100%,100%</area> 673 </shape> 675 674 676 675 <textarea name="title" from="basetextarea"> 677 676 <area>0,0,700,50</area> … … 690 689 <area>0,0,660,40</area> 691 690 <state name="active"> 692 691 <statetype name="icons"> 693 <position> 5,5</position>692 <position>4,4</position> 694 693 <state name="commflagged"> 695 694 <imagetype name="statusimage"> 696 695 <filename>commflagged.png</filename> … … 802 801 --> 803 802 </statetype> 804 803 <textarea name="buttontext"> 805 <area>5 3,1,600,40</area>804 <area>52,0,600,40</area> 806 805 <multiline>yes</multiline> 807 806 <font>basesmall</font> 808 807 <align>vcenter</align> … … 813 812 <area>0,0,650,40</area> 814 813 <type>roundbox</type> 815 814 <line color="#999999" alpha="255" width="2" /> 816 <cornerradius>1 3</cornerradius>815 <cornerradius>12</cornerradius> 817 816 </shape> 818 817 </state> 819 818 <state name="selectedinactive" from="active" /> 820 819 </statetype> 821 820 <statetype name="upscrollarrow"> 822 <position>590,39 5</position>821 <position>590,390</position> 823 822 <state type="off"> 824 823 <imagetype name="upon"> 825 824 <filename>lb-uparrow-reg.png</filename> … … 832 831 </state> 833 832 </statetype> 834 833 <statetype name="downscrollarrow"> 835 <position>620,39 5</position>834 <position>620,390</position> 836 835 <state type="off"> 837 836 <imagetype name="dnon"> 838 837 <filename>lb-dnarrow-reg.png</filename>