1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 3 <html> 4 <head> 5 <title><%@ string/new_tab %></title> 6 <meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=0" /> 7 8 <style type="text/css"> 9 10 * { 11 padding: 0; 12 margin: 0; 13 } 14 15 body { 16 text-align: center; 17 margin: 0px auto; 18 padding: 0 8px 0 8px; 19 max-width: <%@ dimen/mv_max_width %>px; 20 } 21 22 h3 { 23 text-align: center; 24 margin: 5px 0 5px 0; 25 } 26 27 .thumbwrap li { 28 display: inline-block; 29 margin: 0 7px 12px 7px; 30 padding: 0; 31 } 32 33 @media all and (orientation:portrait) { 34 .thumbwrap li { 35 width: <%@ dimen/mv_item_width_portrait %>px; 36 } 37 } 38 39 @media all and (orientation:landscape) { 40 .thumbwrap li { 41 width: <%@ dimen/mv_item_width %>px; 42 } 43 } 44 45 .thumbwrap a { 46 display: block; 47 text-decoration: none; 48 color: #000; 49 } 50 51 .thumbwrap img { 52 border: <%@ dimen/mv_border_width %>px solid #e0e0e0; 53 border-radius: 5px; 54 width: 100%; 55 } 56 57 .thumbwrap .caption { 58 margin-top: 2px; 59 margin-left: 4px; 60 white-space: nowrap; 61 overflow: hidden; 62 text-overflow: ellipsis; 63 display: block; 64 font-size: .8em; 65 text-align: left; 66 } 67 68 </style> 69 70 </head> 71 <body> 72 <h3><%@ string/tab_most_visited %></h3> 73 <ul class="thumbwrap"> 74 <%{ most_visited %> 75 <li> 76 <a href="<%= url %>"> 77 <img class="wrimg" src="<%= thumbnail %>" /> 78 <span class="caption"><%= title %></span> 79 </a> 80 </li> 81 <%} most_visited %> 82 </ul> 83 </body> 84 </html> 85
