Dev-P13_Lesson2__1

dabblet.css

/* Dev-P13_Lesson2__1 */
/*Пример использования селекторов и свойств CSS3*/
/*Пример рекомендуется смотреть в Google Chrome*/
body {
    font:normal 16px Helvetica, Arial, sans-serif;
    background: #EDEDED 
        url(http://www.starwars.com/img/explore/encyclopedia/technology/millenniumfalcon_hero3.jpg)
        top center no-repeat;
    color:#fff;
    }
h1 {
    font-size:36px;
    line-height:28px;
    text-transform:uppercase;
    max-width:800px;
    margin:0 auto 1em;
    text-transform:uppercase;
    color:#EEE;
    /*Эффект отражения заголовка,
    градиентная заливка
    */
    box-reflect: below 5px 
        -webkit-gradient(linear, left top, left bottom, 
            from(transparent), color-stop(0.5, transparent), 
            to(white));
    }
table {
    max-width:800px;
    margin:0 auto;
    border-collapse:collapse;
    }
/*Селектор чётных строк таблицы*/
table tbody tr:nth-child(2n) {
    /*Полупрозрачный цвет фона*/
    background:rgba(128,164,255,0.6);
    }
/*Селектор нечётных строк таблицы*/
table tbody tr:nth-child(2n+1) {
    background:rgba(128,164,255,0.5);
    }
td {
    padding:4px 16px;
    border-bottom:solid 1px #dadada;
    /*Тень для текста — эффект выдавливания*/
    text-shadow:0 2px 1px #339;
    }
th {
    padding:10px;
    border-bottom:solid 2px #dadada;
    }
a:link,
a:visited {
    color:#EE9;
    text-decoration:none;
    }
a:hover {
    text-decoration:underline;
    }

dabblet.html

<!--Dev-P13_Lesson2__1-->
<h1>Хронология</h1>
<table>
<thead><tr>
<th>Время по сюжету</th>
<th>Фильм</th>
</tr>
</thead>
<tbody>
<tr>
<td>32 года до битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B._%D0%AD%D0%BF%D0%B8%D0%B7%D0%BE%D0%B4_I:_%D0%A1%D0%BA%D1%80%D1%8B%D1%82%D0%B0%D1%8F_%D1%83%D0%B3%D1%80%D0%BE%D0%B7%D0%B0" title="Звёздные войны. Эпизод I: Скрытая угроза">Звёздные войны. Эпизод I: Скрытая угроза</a> (1999)</td>
</tr>
<tr>
<td>22 года до битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B._%D0%AD%D0%BF%D0%B8%D0%B7%D0%BE%D0%B4_II:_%D0%90%D1%82%D0%B0%D0%BA%D0%B0_%D0%BA%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2" title="Звёздные войны. Эпизод II: Атака клонов">Звёздные войны. Эпизод II: Атака клонов</a> (2002)</td>
</tr>
<tr>
<td>22-19 лет до битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B:_%D0%92%D0%BE%D0%B9%D0%BD%D1%8B_%D0%BA%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2_(%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D1%81%D0%B5%D1%80%D0%B8%D0%B0%D0%BB,_2003)" title="Звёздные войны: Войны клонов (мультсериал, 2003)">Звёздные войны: Войны клонов</a> (мультсериал, 2003—2005)</td>
</tr>
<tr>
<td>20-19 лет до битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B:_%D0%92%D0%BE%D0%B9%D0%BD%D1%8B_%D0%BA%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2_(%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D1%84%D0%B8%D0%BB%D1%8C%D0%BC)" title="Звёздные войны: Войны клонов (мультфильм)">Звёздные войны: Войны клонов</a> (мультфильм, 2008)</td>
</tr>
<tr>
<td>20-19 лет до битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B:_%D0%92%D0%BE%D0%B9%D0%BD%D1%8B_%D0%BA%D0%BB%D0%BE%D0%BD%D0%BE%D0%B2_(%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D1%81%D0%B5%D1%80%D0%B8%D0%B0%D0%BB,_2008-2011)" title="Звёздные войны: Войны клонов (мультсериал, 2008-2011)" class="mw-redirect">Звёздные войны: Войны клонов</a>&nbsp;— (анимационный телесериал, 2008—2011)</td>
</tr>
<tr>
<td>19 лет до битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B._%D0%AD%D0%BF%D0%B8%D0%B7%D0%BE%D0%B4_III:_%D0%9C%D0%B5%D1%81%D1%82%D1%8C_%D1%81%D0%B8%D1%82%D1%85%D0%BE%D0%B2" title="Звёздные войны. Эпизод III: Месть ситхов">Звёздные войны. Эпизод III: Месть ситхов</a> (2005)</td>
</tr>
<tr>
<td>15 лет до битвы при Явине</td>
<td><a href="/w/index.php?title=%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B:_%D0%94%D1%80%D0%BE%D0%B8%D0%B4%D1%8B_(%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D1%81%D0%B5%D1%80%D0%B8%D0%B0%D0%BB,_1985)&amp;action=edit&amp;redlink=1" class="new" title="Звёздные войны: Дроиды (мультсериал, 1985) (страница отсутствует)">Звёздные войны: Дроиды (мультсериал, 1985)</a></td>
</tr>
<tr>
<td><b><a href="/w/index.php?title=%D0%91%D0%B8%D1%82%D0%B2%D0%B0_%D0%BF%D1%80%D0%B8_%D0%AF%D0%B2%D0%B8%D0%BD%D0%B5&amp;action=edit&amp;redlink=1" class="new" title="Битва при Явине (страница отсутствует)">Битва при Явине</a></b></td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B._%D0%AD%D0%BF%D0%B8%D0%B7%D0%BE%D0%B4_IV:_%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F_%D0%BD%D0%B0%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0" title="Звёздные войны. Эпизод IV: Новая надежда">Звёздные войны. Эпизод IV: Новая надежда</a> (1977)</td>
</tr>
<tr>
<td>3 года после битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B._%D0%AD%D0%BF%D0%B8%D0%B7%D0%BE%D0%B4_V:_%D0%98%D0%BC%D0%BF%D0%B5%D1%80%D0%B8%D1%8F_%D0%BD%D0%B0%D0%BD%D0%BE%D1%81%D0%B8%D1%82_%D0%BE%D1%82%D0%B2%D0%B5%D1%82%D0%BD%D1%8B%D0%B9_%D1%83%D0%B4%D0%B0%D1%80" title="Звёздные войны. Эпизод V: Империя наносит ответный удар">Звёздные войны. Эпизод V: Империя наносит ответный удар</a> (1980)</td>
</tr>
<tr>
<td>3,5 года после битвы при Явине</td>
<td><a href="/wiki/%D0%AD%D0%B2%D0%BE%D0%BA%D0%B8_(%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D1%81%D0%B5%D1%80%D0%B8%D0%B0%D0%BB)" title="Эвоки (мультсериал)">Эвоки</a> (мультсериал, 1985—1986)</td>
</tr>
<tr>
<td>4 года после битвы при Явине</td>
<td><a href="/wiki/%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D0%BD%D1%8B%D0%B5_%D0%B2%D0%BE%D0%B9%D0%BD%D1%8B._%D0%AD%D0%BF%D0%B8%D0%B7%D0%BE%D0%B4_VI:_%D0%92%D0%BE%D0%B7%D0%B2%D1%80%D0%B0%D1%89%D0%B5%D0%BD%D0%B8%D0%B5_%D0%B4%D0%B6%D0%B5%D0%B4%D0%B0%D1%8F" title="Звёздные войны. Эпизод VI: Возвращение джедая">Звёздные войны. Эпизод VI: Возвращение джедая</a> (1983)</td>
</tr>
</tbody></table>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}