V neděli 30. června skončí (EOL) podpora CentOS Linux 7.
David Tschumperlé a Garry Osgood v obšírném článku se spoustou náhledů shrnují vývoj multiplatformního svobodného frameworku pro zpracování obrazu G'MIC (GREYC's Magic for Image Computing, Wikipedie) za poslední rok.
Andrew S. Tanenbaum byl oceněn 2023 ACM Software System Award (Wikipedie) za operační systém MINIX.
Celkový počet stažení aplikací z Flathubu překročil 2 miliardy. Aktuální Statistiky Flathubu: Celkový počet stažení 2 002 793 783. Celkem desktopových aplikací 2 636.
Byla vydána nová verze 4.8.0 programu na úpravu digitálních fotografií darktable (Wikipedie).
Nová čísla časopisů od nakladatelství Raspberry Pi: MagPi 142 (pdf) a HackSpace 79 (pdf).
Qtractor (Wikipedie) dospěl do verze 1.0.0. Jedná se o Audio/MIDI vícestopý sekvencer.
Byl vydán svobodný kancelářský balík OnlyOffice Docs 8.1. Vedle četných oprav přináší několik funkcí včetně podpory editace textu v PDF a vytváření formulářů v PDF.
Daniel Stenberg, autor nástroje curl, z databáze SteamDB zjistil, že aktuálně 22 734 her na Steamu používá curl.
Společnost Anthropic vydala Claude 3.5 Sonnet, tj. novou verzi své umělé inteligence Claude (Wikipedie). Videoukázky na YouTube. S Claude 3, stejně jak s GPT-3.5, Llama 3 a Mixtral, si lze pokecat bez přihlašování na DuckDuckGo AI Chat.
Tento kód je napsán tak, že se předpokládá nahrazení výchozího stylu tímto. Informace o tom, jak toho může registrovaný uživatel docílit jsou níže.
@import url("https://abclinuxu.cz/data/syntaxhighlighter/styles/shCore.css"); @import url("https://abclinuxu.cz/data/syntaxhighlighter/styles/shThemeRDark.css"); html, body { margin: 0; padding: 0; box-sizing: border-box; background: #fff; font-family: sans-serif; } .sflista { display: block; box-shadow: 0 0 .2em; padding: 0 1em; cursor: default; margin-bottom: .5em; } .sflista a { display: inline-block; color: #000; text-decoration: none; padding: .2em .5em; cursor: pointer; } .sflista img { vertical-align: middle; } .sflista a:hover { background: rgba(0, 0, 0, .2); } .sflista div { display: inline; } #zh-kont { display: flex; padding: 1em; } .zh-box { flex: 1; } #zh-logo { background: url(https://www.abclinuxu.cz/images/site2/abc-logo.gif) left center no-repeat; min-height: 3em; min-width: 11em; background-size: contain; order: -1; flex: 0; position: relative; } #zh-logo a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #zh-text { text-align: right; order: 1; flex: 1; max-width: 20em; } #zh-hledani { text-align: right; } #menu-wrap { background: #275188; line-height: 1; } #menu-wrap ul, #menu-wrap li { list-style: none; margin: 0; padding: 0; } #menu-wrap a { color: #cae5f0; text-decoration: none; display: inline-block; padding: .5em .5em; } #menu>li { display: inline-block; position: relative; } #menu ul { display: none; position: absolute; z-index: 1; top: 100%; left: 0; background: #275188; min-width: 15em; padding: .5em 0; box-shadow: 0 0 .1em rgba(0, 0, 0, .9); border-radius: 0 0 .3em .3em; text-align: left; max-height: 50vh; overflow-y: auto; } ul#menu li a { } ul#menu { padding: 0 1em; text-align: center; margin: auto; } #menu > li:hover > a, .hl a:hover { color: #fff; text-decoration: underline; background: rgba(0, 0, 0, .1); } #menu>li:hover ul { display: block; } #menu li ul a { display: block; } #menu li ul li:hover a { background: rgba(0, 0, 0, .2); color: #fff; text-decoration: underline; } .hl .hl_vlevo { display: none; } #ls_prepinac { display: none; } .s_nadpis { font-size: 1.2em; font-weight: bold; display: block; background: #275188; margin: .5rem 0; color: #fff; padding: .5rem 1rem; line-height: 1; } .s_nadpis a { color: inherit; text-decoration: none; } .s_nadpis-pravy-odkaz { float: right; font-size: 1rem; font-weight: normal; } .obal { display: grid; grid-auto-rows: auto; grid-template-rows: auto auto 1fr; grid-template-columns: minmax(17em, 20em) auto minmax(7em, 15em); } .hl { padding-top: .2em; padding-right 1em; background: #275188; display: block; padding: 0 .5em; color: #cae5f0; grid-column: 3; grid-row: 1; line-height: 1; font-size: 0; } .hl * { display: block; margin: 0; padding: 0; list-style: none; } .hl a { display: block; color: inherit; text-decoration: none; padding: .2em .3em; font-size: 1rem; text-align: center; } #ls { grid-column: 1; grid-row: 1 / 5; border-right: .2em solid #275188; } .obal_ps { grid-column: 3; grid-row: 2; border-left: .2em solid #275188; border-bottom: .2em solid #275188; border-radius: 0 0 0 .7em; padding-bottom: .5em; } #st { grid-column: 2; grid-row: 1 / 4; min-width: 0; padding: 1em 1em; background: linear-gradient(to bottom ,transparent 50%, #fff 50%), linear-gradient(to right, transparent 50%, white 50%), linear-gradient(to right, white 50%, transparent 50%), radial-gradient(transparent 77%, #275188 77%), radial-gradient(transparent 77%, #275188 77%); background-size: auto 2em, 2em 2em, 2em 2em, 2em 2em, 2em 2em; background-repeat: no-repeat; background-position: top, top left, top right, top left, top right; } .dl.noext { grid-column: 3; grid-row: 3; color: #666; margin-top: 1em; font-size: .9em; } .s_nadpis.linkbox_nadpis { grid-row: 4; grid-column: 2; } .ls_zpr .st_nadpis { color: #275188; font-weight: bold; } .ls_zpr .st_nadpis a { color: inherit; text-decoration: none; } .ls_zpr>* { padding: 0 .5rem; } .ls_zpr { padding-top: .5em; } hr { border: 0; display: block; height: 1em; text-align: center; font-size: 1.2rem; line-height: 1rem; } hr::after { content: '• • •'; display: inline; } .ls_zpr a, .st a, #zh-kont a, .s_sekce a { color: #275188; text-decoration: underline; } .ls_zpr > :not(.st_nadpis):not(.zpr_telo):not(hr) { font-size: .7em; } .ls_zpr p, .st p { margin: .3em 0; } .ank-otazka { font-weight: bold; color: #275188; margin-top: .5em; margin-bottom: .5em; } .ank-otazka, .ank-odpov { padding: 0 .5em; } .ank-odpov input { vertical-align: middle; margin-right: .5em; } .ank-odpov { margin-bottom: .5em; } .ank-odpov label:hover { text-decoration: underline; } .ank-otazka ~ :not(.ank-odpov) { padding: .5em; } .s>:not([class]) { margin: 0 .3em; } .s_odkaz { margin: .5em; text-align: center; } .ls_zpr hr:last-child { display: none; } table { width: 100%; margin: 1em 0; } th, td { border-bottom: 1px solid #aaa; /*! padding: .2em .5em; */ } .st thead td, .st th { border-bottom: .2em solid #275188; font-weight: bold; } .st thead td a, .st th a { text-decoration: none; } .st thead td a:hover, .st th a:hover { text-decoration: underline; } .st tr:hover td, .st tr:hover th { background: rgba(0, 255, 255, .1); } .st .boxy td, .st .ramec td { border-bottom: 0; } .st .boxy tr:hover td, .st .ramec tr:hover td, .st form table tr:hover td { background: unset; } .ramec table, .boxy table { margin: 0; } .boxy td { vertical-align: top; } .ramec .s_nadpis, .boxy .s_nadpis { margin-bottom: 0; } .ds tbody td:first-child a { display: block; } .ds .meta-odkazy { float: right; } .ds td:nth-child(2), .ds td:nth-child(3) { text-align: center; } .st .s_nadpis a { color: inherit; text-decoration: none; } .st .s_nadpis { line-height: 1.5; } .info { position: relative; border: 1px solid #275188; width: 1rem; height: 1rem; font-size: .7em; display: block; text-align: center; float: right; cursor: help; line-height: 1.3; padding: .2em; text-decoration: none !important; } .info .tooltip { position: absolute; width: 10em; top: 0; left: 0; background: #bbb; color: #275188; text-align: left; border: 1px solid #275188; padding: .2em; display: none; opacity: 0; } .info:hover .tooltip { display: block; animation: tooltip-show 1s 1; animation-fill-mode: forwards; outline: 1px solid red; } @keyframes tooltip-show { 0% { opacity: 0; top: 100vh } 80% { opacity: 0; width 0; top: 100vh } 80.01%, 100% { opacity: 1; width: 15em; top: 0 } } .ds_toolbox { padding: .5em; background: #275588; color: #fff; } .ds_toolbox a { color: #fff; } .ds_odsazeni, .signature { border-left: 1px solid #275188; padding-left: .5rem; margin-left: 1rem; padding-top: .5rem; padding-left: 1rem; } h1+.ds_hlavicka+#comment0>.ds_odsazeni { border-color: transparent; } .signature+.ds_odsazeni { padding-top: 0; } .ds_text{ border: 1px solid #275188; border-top: 0; border-radius: 0 0 .5em .5em; } .ds_hlavicka_novy, .ds_hlavicka, .ds_text { padding: .5em; } .ds_hlavicka_novy, .ds_hlavicka { border: 1px solid #275188; border-bottom: 0; border-radius: .3em .3em 0 0; } .ds_hlavicka { background: #0040801a; } .ds_hlavicka_novy { background: #ee880055; } .signature { padding-bottom: .2rem; padding-top: .2rem; font-size: .7rem; } .ds_avatar { float: right; } [id^=comment]+p { border: 1px solid #275188; border-radius: .3em; padding: .5em; margin-top: 0; } .dl.noext a { color: inherit; text-decoration: none; } .dl.noext a:hover { color: #275188; text-decoration: underline; } .menu-kont { } #zh-kont a { font-weight: bold; } .st img, .s_sekce img { max-width: 100%; } .ps .s_sekce ul { list-style: none; margin: 0; padding: 0; } .ps .s_sekce li { margin: .5em 0; } .s_nadpis .info, .ds_toolbox .info { border-color: #fff; margin-top: -.2em; } .s_nadpis a:hover { text-decoration: underline; } #ls .rozc { padding: .5em; } #ls .rozc>a { background: #275188; color: #fff; display: block; padding: .2em .5em; } #ls .rozc>a+br { display: none; } #ls .rozc ul { list-style: none; margin: 0; padding: 0; } #ls .rozc li { margin: .5em; } .pwd-box, .tag-box { font-size: .7em; margin-bottom: .4rem; } .tag-box button { appearance: none; border: 0; background: unset; cursor: pointer; padding: 0; margin: 0; color: #275188; font-weight: bold; font-size: 1em; } .do-zalozek { float: right; } .tag-box+h2 { margin-top: 0; margin-bottom: 0; } h2 { border-bottom: .2em solid #275188; } h1 { margin-top: 0; } .st p { text-align: justify; } .ps { } .ps .s>* { padding-left: .5em; } .meta-vypis { font-size: .7em; } .ds_hlavicka:target, .ds_hlavicka:target+*>.ds_text, .ds_hlavicka_novy:target, .ds_hlavicka_novy:target+*>.ds_text { border-color: #a00; } .ds_hlavicka:target { background: rgba(192, 0, 0, .1); } .ds_hlavicka:target+*>.ds_text, .ds_hlavicka_novy:target+*>.ds_text { background: rgba(192, 0, 0, .05); } .s img { width: 80%; margin: auto; display: block; } .ps .info .tooltip { left: unset; right: 0; } pre, .syntaxhighlighter { background: #ddd; border: 1px solid #666; border-radius: .2em; overflow-y: auto; padding: .5em; } a:hover { background: rgba(255, 255, 0, .3); } .st a:visited, .s_sekce a:visited { color: #663377; } .st .s_nadpis a { color: unset; } .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit]), .st textarea, .st select { display: block; width: 100%; box-sizing: border-box; } .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+button, .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+input[type=button], .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+input[type=submit], .st input:not([type=image]):not([type=radio]):not([type=checkbox]):not([type=button]):not([type=reset]):not([type=submit])+input[type=reset] { display: block; float: right; } .st table[id^=forum_] input { width: auto !important; display: inline-block !important; } .rating { width: 200px; float: right; border: 1px solid #275188; text-align: center; } .rating_iframe { width: 100%; } .stupnice { display: inline-block; width: 78px; border: 1px solid #275188; } .stupnice .rtut { height: 6px; background: #275188; }
AbcLinuxu umožňuje v Nastaveních změnit URL stylu, který je použitý na stránky. (Více informací je v nápovědě.) Políčka pro změnu CSS je možné použít i pro vložení kompletního stylu stránky. Jsou dvě možnosti:
data
URI
Novější webové prohlížeče podporují použití takzvaného data
URI, které umožňuje vložit požadovaná data přímo do URI. Syntaxe je následující:
data:MimeTyp,Data
To postačí pro vložení textových dat (CSS). Stačí vyplnit pole pro typ dat (v našem případě text/css
) a za čárku napsat veškeré CSS deklarace. Výsledou URI vložíte do pole „Vlastní CSS“ v Nastaveních.
Pro netextová data můžeme použít kódování base64, které reprezentuje binární data ve čtyřiašedesátkové soustavě. Výhodou je možnost vložení jakýchkoliv dat – např. obrázků, nevýhodou je zvětšení dat o ⅓ (pro uložení 6 bitů se použije ASCII znak zabírající 8 bitů). V případě použití kódování textu s více než 8bitovými znaky je tento formát mnohem méně úsporný. Při přenosu v UTF-16 se každých 6 bitů zvětší na 16, takže data zaberou 2⅔× více místa.
Libovolný soubor do base64 převedeme příkazem base64
:
base64 -w0 soubor.bin
Výtup napíšete do data
URI, kde je za typem ještě ;base64
: data:image/png;base64,iVBOR…
Pro pohodlnější úpravy CSS deklarací v budoucnu můžete použít pole „Deklarace CSS“ hned pod „Vlastní CSS“ v Nastaveních. Nahrazení stylu není tak jednoduché jak by se mohlo zdát – systém webu AbcLinuxu použije svůj výchozí styl, pokud je pole „Vlastní CSS“ nevyplněné. Pokud chcete výchozí styl vypnout, napište do pole „Vlastní CSS“ adresu prázdného CSS: data:text/css,
(včetně čárky).
Třetí možností je umístit CSS na vlastní server a jeho URL vložit do nastavení, což někteří také udělali.
Ne každému se může líbit celý styl tak, jak je. Například Josef Kufner v diskusi poznamenal, že diskuse jsou přečárované
(náhled).
Pro vypnutí čar připište na konec tuto deklaraci:
.ds_hlavicka, .ds_hlavicka_novy, .ds_text { border: 0; }
Teď jsou možná čáry spojující příspěvky až příliš výrazné. To můžete upravit pomocí této deklarace:
.ds_odsazeni, .signature { border-color: #bdcee3; }
To provedete přidáním této deklarace. Použité jednotky jsou jednotky rem
, tedy násobky velikosti písma v kořenovém elementu. (em
nemůžeme použít, protože je pro patičku změněná velikost písma.)
.ds_odsazeni, .signature { margin-left: 1rem; /* odsazení (vč. posunutí čáry) */ padding-left: 1rem; /* mezera mezi čárou a příspěvkem */ }
Kde je reklama?Nepřijde mi vhodné ukazovat reklamu na screenshotech. Tento styl se zobrazenou reklamou funguje bez potíží.
— anonymní Franta v komentáři #10
Tiskni
Sdílej:
…, diskuze jsou moc přečárované.Stačí drobná úprava stylu – stručný návod přidán do článku.
div.ds_toolbox { position: absolute; top: 0.5em; left: 14em; right: 18em; width: auto; height: 2.4em; }
sticky
:
.ds_toolbox { position: sticky; top: 0; }To přichytí lištu na vršek obrazovky až po odskrolování pod ní.
div
u s textem. (A patička mi občas přijde trochu rušivá, tak jsem ji dal mimo.
Jinak pro posunutí patičky tak, aby byla zleva odsazená stejně jako text použijte toto:
.signature { border: 0; margin-left: 1px; padding-left: 1rem; }
todleto nastavování vlastního *.css v profilu by asi jako mohlo bejt řešení tady pro člověka s divným prohlížečem na mobilu hele :O :O