IRC-Galleria

/* * Copyright © ModiBileet, Jani Kareinen 2008-2009 * Tämän sivuston teosten käyttöoikeutta koskee Creative Commons Nimeä-Epäkaupallinen-Ei muutettuja teoksia 1.0 Suomi -lisenssi. * Lisenssi tarkoittaa sitä, että teosta ei saa muuttaa, muunnella tai käyttää toisen teoksen pohjana, sekä että tekijä on ilmoitettava siten kuin tekijä on sen määrännyt * */ /* * Sekalaista */ /* Sivun pohja, uloin tausta */ body { background-color: #4e003b; padding: 0; margin: 0; color: #DAE6ED; font-family: Verdana, Arial, Sans-Serif; } /* sivun ulkodiv, määrittelee leveyden ja keskittää */ #outerbody { margin-left: auto; margin-right: auto; width: 960px; position: relative; } /* ylä- ja alavalikkoiden oleva tila */ #tabbedbody { clear: both; background: #7c1f65; padding: 12px 18px 20px 18px; } /* generic-taulukko */ table { border-collapse: collapse; } table td { vertical-align: top; } /* perusfontti */ p, td, ol, ul, dl, div { font-family: Verdana, Arial, Sans-Serif; letter-spacing: 0px; font-size: 11px; } /* boldaukset */ p b, li b, label b { color: #F68C00; } /* Linkit */ a { text-decoration: none; font-weight: bold; } a:link { color: #e5e5e5; text-transform: lowercase; } /* vierailtu */ a:visited { color: #e5e5e5; text-transform: lowercase; } /* mouseover */ a:hover { text-decoration: underline; text-transform: uppercase; color: #e5e5e5; } /* tekstikentät / painikkeet */ input { margin: 0; margin-right: 5px; } /* tekstikentät */ input.text, textarea.text, select { background: none; border-bottom: 1px solid #FFF; border-top: none; border-left: none; border-right: none; font-size: 12px; color: white; } /* Lomakkeen lähetyspainike */ input.submit { color: white; font-size: 10px; letter-spacing: 1px; background: none; border:none;} /* * Yläreuna */ /* Yläreunan div, tän sisällä on myös haku */ #headerblock { position: relative; background-color: #7c1f65; height: 54px; } h1 { margin: 0; padding-bottom: 10px; display: block; height: 40px; position: relative; } /* Etusivulinkkialue */ h1 a { display: none; position: absolute; height: 0px; font-size: 0px; height: 1px; left: 1px; width: 1px; text-decoration: none !important; } /* IRC-Galleria -teksti, oletuksena piilotettu */ h1 .ircgalleria { display: none; font-size: 0px; height: 0px; color: #d950b7; padding-bottom: 1px; } h1:after { content: "http://irc.FI/"; color: #d950b7; cursor: default; font-size: 44px; font-family: Arial Black, Sans-Serif; font-weight: bold; } /* väliviiva otsikossa, oletuksena piilotettu */ h1 .separator { display: none; } /* Sivun otsikko - Omanick (Omanimi) */ h1 .title { font-family: Verdana, Arial, Sans-Serif; color: #d950b7; font-size: 44px; font-weight: bold; display: block; margin: auto; position: absolute; top: 4px; left: 275px; } /* Sivun otsikkossa (Omanimi) -kohta */ h1 .title .small { font-weight: normal; } h1 .small { display: inline; } #moodform { display: inline; } #moodfield { color: #d950b7; background: no-repeat left center; padding: 0 0px; width: 200px; border: none; } #moodfield.empty { color: #d950b7; border: none; } #moodfield:hover { width: 200px; border: none; } #moodfield:focus { color: white; background-image: none; font-style: normal; width: 200px; border: none; } /* * Alareuna (Copyright teksti -palkki) */ #footer { height: 38px; font-size: 0px; background: #7c1f65 url("http://modibileet.oxyhost.com/modit/graf/kopy.png"); background-repeat: no-repeat; background-position: center center; } #footer .innerborder { display: none; text-align: center; font-size: 0px; } /* * Yläreunan hakulomakkeet */ #search { position: absolute; top: 11px; right: 14px; display: none; } #search table td { padding: 0; } #search input { margin: 0; } #search input.text { font-size: 9px; font-family: Verdana, sans-serif; padding: 1px; } #search form { margin: 0; padding: 0; position: relative; padding-right: 16px; } #search form a { text-decoration: none; display: block; position: absolute; top: 0; right: 0; cursor: pointer; } #search form a span { display: none; } #search a:hover { text-decoration: none; } #searchterms table td { padding-bottom: 3px; padding-right: 3px; } #searchterms table td input { margin-right: 0; } #search td.searchtitle div, #search td.nicktitle div, #search td.communitytitle div, #search td.channeltitle div { display: none; } #search td.searchtitle { width: 30px; background: url(http://irc-galleria.net/img/idaho/searchtitle.gif) no-repeat left 5px; } #search td.nicktitle { height: 11px; background: url(http://irc-galleria.net/img/idaho/searchnick.gif) no-repeat 1px top; } #search td.communitytitle { height: 11px; background: url(http://irc-galleria.net/img/idaho/searchcommunity.gif) no-repeat 1px top; } #search td.channeltitle { height: 11px; background: url(http://irc-galleria.net/img/idaho/searchchannel.gif) no-repeat 1px top; } #search input.text { background-color: #0F1C2C; border: 1px solid #667A8F; } #search form a { width: 16px; height: 16px; background: url(http://irc-galleria.net/img/idaho/quicksearch.png) no-repeat left top; } * html #search form a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://irc-galleria.net/img/idaho/quicksearch.png'); } /* * Päävalikko */ #mainmenu { margin: 0; float: left; width: 100%; } /* sisemmät reunukset */ #mainmenu .innerborder { float: left; width: 100%; } /* lista */ #mainmenu ul { list-style: none; border: none; margin: 0; padding: 0; padding-left: 0px; padding-right: 0px; } /* painikkeet */ #mainmenu li { display: block; padding: 0; margin: 0; letter-spacing: 0px; font-family: Arial, sans-serif; float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */ } /* Pois! -painike */ li#mmlogout { float: right; } /* "Oma" -painike */ #mainmenu li.selected { background-color: #7c1f65; } #mainmenu #mmindex a { } /* linkki */ #mainmenu li a { display: block; padding: 2px 9px 3px 9px; color: #E2EBF1; font-size: 10px; float: left; margin: 0; text-decoration: none; text-transform: lowercase; } /* uudet kommentit numerolinkki */ #mainmenu #mmnewcomments a { color: #DAAA67; font-weight: bold; } /* linkkien mouseover */ #mainmenu li a:hover { color: #d950b7; background-color: #7c1f65; } /* * Alavalikko, samanlainen merkkaus kuin päävalikolla */ #submenu { clear: both; float: left; font-size: 11px; letter-spacing: 0px; font-family: Verdana, Arial, sans-serif; padding-top: 0px; margin-left: 0px; width: 100%; background-color: #7c1f65; } /* lista */ #submenu ul { margin: 0; padding: 0; list-style: none; padding-left: 17px; } /* painike */ #submenu li { vertical-align: middle; margin: 0; padding: 0; padding-left: 15px; margin-right: 0; float: left; /* älä muuta tätä! se on lamea ja huonontaa käytettävyyttä */ } /* linkki */ #submenu a { display: block; margin: 0; padding: 0; padding-right: 16px; padding-top: 7px; padding-bottom: 5px; text-transform: lowercase; color: #E2EBF1; float: left; font-size: 10px; } /* linkin onmouseover */ #submenu a:hover { text-decoration: underline; } /* "profiili" painike #submenu li.selected { background: #7F92AB; } /* "profiili" linkki */ #submenu li.selected a { } /* * Vasemman reunan laatiokot */ div.smallbox { margin-bottom: 10px; padding: 0; } /* laatikon otsikkoalue */ div.smallbox div.title { } /* laatikon otsikkoteksti */ div.smallbox div.title h3 { margin: 0; padding: 2px; text-align: left; font-family: Arial, Sans-serif; color: #E2EBF1; font-size: 10px; font-weight: normal; text-transform: lowercase; letter-spacing: 0px; padding-left: 10px; height: 13px; } /* laatikon sisältö */ div.smallbox .content { padding: 0; background-color: #4e003b; } /* laatikon sisällön sisäreuna */ div.smallbox .content .innerborder { padding: 0 10px 0 10px; margin: 0; } div.smallbox .content div.tabledecorator { margin-top: 10px; margin-bottom: 10px; } div.smallbox .errors { color: #FF4040; } div.smallbox ul { margin-left: 25px; padding-left: 0; } div.smallbox p { margin-top: 10px; } /* laatikon ohje-nappula, piilotettu */ div.smallbox a.helplink { display: block; position: absolute; height: 17px; width: 21px; top: 0px; right: 0px; display: hidden; } /* linkit jossa on kuva edessä, lisää padding-leftia pikkukuvia varten */ div.smallbox div.tool_link a { display: block; background-repeat: no-repeat; background-position: center left; padding-top: 4px; padding-left: 4px; padding-bottom: 4px; margin-top: 1px; margin-bottom: 1px; font-size: 11px; } /* Laatikot: #profilebasicinfo Tiedot #profileactions Toiminnot #trinketactions Sälät #profilechannels Kanavat #profilecommunities Yhteisöt #profilevisitcounter Kävijälaskuri #profilevisitorlist Vieraslista #profileaphorism Ihkuboksi #profilecountdown TJ-laskuri */ #profilebasicinfo div.title h3{ padding-left: 0px; } #profilebasicinfo .content .innerborder { padding: 8px 10px 8px 10px; } #profilebasicinfo .content .innerborder div { padding: 2px 0 2px 0; } #profileactions .content .innerborder div { padding: 0; } #profilechannels .content .innerborder, #imagechannels .content .innerborder, #profilevisitcounter .content .innerborder, #profilecommunities .content .innerborder, #profileactions .content .innerborder, #trinketactions .content .innerborder, #profilevisitorlist div.innerborder { padding: 10px; } #trinketactions .content .innerborder, #profileactions .content .innerborder, #profileactions .content .innerborder #profilevisitorlist div.innerborder { padding-top: 6px; padding-bottom: 6px; } /* Erottimet */ #profilechannels .spacer, #profilecommunities .spacer { height: 2px; } #profileactions div.spacer { height: 0px; } #profilevisitorlist div.spacer { height: 17px; } /* Tiedot -laatikko */ #profilebasicinfo .content span { white-space: nowrap; } /* Kotisivu yms -tekstit */ #profilebasicinfo b { display: block; } /* varsinaiset tiedot */ #profilebasicinfo span { display: block; margin-left: 9px; } /* Kyllä (kirjautunut) -teksti */ #profilebasicinfo .online { color: #69F251; font-weight: bold; } /* Verkon tai yhteisöluokitustekstit */ #profilechannels .network, #profilecommunities .network { font-weight: bold; color: #7e7e7e; text-transform: uppercase; } div.smallbox div.channellist div.profircchannel, div.smallbox div.channellist div.profcommunity { padding-left: 11px; } div.smallbox div.channellist div.profircchanneloperator { background: url(http://irc-galleria.net/img/communities/community_moderator.gif) 2px 2px no-repeat; } div.smallbox div.channellist div.profcommunitymoderator { background: url(http://irc-galleria.net/img/communities/community_moderator.gif) 2px 1px no-repeat; } /* Vieraslista */ div#profilevisitorlist table#visitorlisttable { width: 100%; margin: 0; } div#profilevisitorlist tr.visitorlistdate th { text-align: left; font-weight: bold; padding-top: 0.5em; } div#profilevisitorlist td.visitorlistvisitor { padding-left: 1em; } div#profilevisitorlist td.visitorlisttime { text-align: right; } /* TJ-laskuri */ div#profilecountdown table#countdowntable { width: 100%; margin: 0; margin-bottom: 0.8em; } div#profilecountdown tr.countdowndescription th { text-align: left; font-weight: bold; padding-top: 0.5em; } div#profilecountdown form#countdownadd { margin: 0; } div#profilecountdown tbody.countdownentryprivate { } div#profilecountdown tbody.countdownentryfriends { } div#profilecountdown tbody.countdownentrylogged { } div#profilecountdown tbody.countdownentrypublic { } div#profilecountdown tr.countdowndays td { padding-left: 2em; } div#profilecountdown tr.countdownweeks td { padding-left: 2em; } div#profilecountdown tr.countdownentryedit td { padding-left: 2em; } div#profilecountdown select#countdownvisibility { width: 100%; } div#profilecountdown div.countdownprogressouter { position: relative; height: 1.3em; border: solid 1px black; } div#profilecountdown div.countdownprogressbar { top: 0; left: 0; height: 100%; background-color: #445a72; position: absolute; } div#profilecountdown div.countdownprogresspercent { top: 0; left: 0; width: 100%; line-height: 1.3em; text-align: center; position: absolute; } div#profilecountdown .spacer { margin-top: 1.0em; margin-bottom: 0.3em; background: url(dotline.gif) repeat-x left center; } /* Ihkuboksi */ /* ei näytetä otsikkoa */ #profileaphorism .title { display: none; } #profileaphorism .content { background-color: #3C536D; } /* monospace fontti */ #profileaphorism .content .innerborder { padding: 10px; font-family: "Lucida Console", monospace; } #profileaphorism img { border: none; } /* Pikkukuvat toimintolinkkeihin */ /* div.smallbox div.tool_link a { padding-left: 24px; } */ /* #profilevisitorlist #showmorevisitors a { background-image: url("visitorlist_showmore.gif"); } */ /* Näytä lisää vierailijoita */ /* #profilevisitorlist #browsevisitors a { background-image: url("visitorlist_browse.gif"); } */ /* Selaa vierailijoiden kuvia */ /* #comment_deletion_start a { background-image: url("remove_comm.gif"); } */ /* Poista kommentteja */ /* #comment_deletion_stop a { background-image: url("stop_remove_comm.gif"); } */ /* Lopeta kommentien poisto */ /* #prof_blacklist_add a { background-image: url("add_black.gif"); } */ /* Lisää Mustalle Listalle */ /* #prof_blacklist_remove a { background-image: url("add_black.gif"); } */ /* Poista Mustalle Listalle */ /* #prof_friends_add a { background-image: url("add_friend.gif"); } */ /* Lisää kaveriryhmään */ /* #prof_daily_pic a { background-image: url("king_for_a_day.gif"); } */ /* Ehdota Päivän kuvaksi */ /* #prof_denunciate a { background-image: url("bust_user.gif"); } */ /* Ilmianna käyttäjä */ /* #prof_away a { background-image: url("away.gif"); } */ /* Aseta poissaoloviesti */ /* #prof_image_info a { background-image: url("change_info.gif"); } */ /* Muokkaa kuvan tietoja */ /* #prof_mypicture a { background-image: url("prof_mypicture.gif"); } */ /* LolKek */ /* #prof_add_note a { background-image: url("add_note.gif"); } */ /* Uusi Huomio */ /* #prof_addpic a { background-image: url("prof_addpic.gif"); } */ /* Lisää uusi kuva */ /* #prof_sms_bg a { background-image: url("order_image.gif"); } */ /* Lataa taustakuvaksi */ /* #trinket_pick_all a { background-image: url("pick_trinkets.gif"); } */ /* Poimi kaikki sälät */ /* #trinket_edit_start a { background-image: url("start_modification.gif"); } */ /* Muokkaa sälää */ /* #trinket_edit_stop a { background-image: url("stop_modification.gif"); } */ /* Lopeta sälän muokkaus */ /* * Kommenttilaatikko */ div.commentbox { width: 691px; } /* otsikko, oletuksena piilotettu */ div.commentbox .title { display: none; } /* sisältö */ div.commentbox .content { padding: 15px; } /* sisäreuna */ div.commentbox .innerborder div { margin-top: 1px; margin-bottom: 1px; } /* aikaleima */ div.commentbox .stamp { font-family: Arial, Sans-Serif; font-size: 10px; color: #B2C1CB; white-space: nowrap; } /* Uudet kommentit teksti */ #newcomments { margin-top: 5px; margin-bottom: 5px; font-weight: bold; color: #F68C00; } /* kommenttitaulukon solut, sarakkeiden välit tässä */ div.commentbox td { padding-right: 5px; } /* kommentin lähettäjän nimimerkki */ div.commentbox td.sender { white-space: nowrap; } /* kommentteissa esiintyvät linkit */ div.commentbox td.comment a { font-weight: normal; text-decoration: underline; } /* poistettava kommentti */ div.commentbox tr.deleted td { text-decoration: line-through; color: #A0A0A0; } /* palautettu kommentti */ div.commentbox tr.deleted td.undelete { text-decoration: none } /* kommenteissa näkyvät linkit */ /* profiili */ /* a.viewlink { padding-right: 13px; background-image: url("cicon_user.gif"); background-repeat: no-repeat; background-position: 100% 100%; } */ /* arkisto */ /* a.archivelink { padding-right: 13px; background-image: url("cicon_archive.gif"); background-repeat: no-repeat; background-position: 100% 100%; } */ /* blogi */ /* a.bloglink { padding-right: 17px; background-image: url("cicon_blog.gif"); background-repeat: no-repeat; background-position: 100% 100%; } */ /* * Kommenttointi lomake */ #commentform { margin-top: 10px; margin-bottom: 10px; } #commentform td { vertical-align: middle; color: #7c1f65; font-size: 0px; } #commentform td a { font-size: 10px; color: #FFF; } #commentform #commentfield { width: 390px; } /* * Kommentien värit */ /* omat kommentit omissa kuvissa */ div.commentbox tr.owner { color: #F28E00; } /* yksityiset */ div.commentbox tr.private, .private { color: #E04BC6; } /* ylläpitokommentit */ div.commentbox tr.admin, .admin { color: #00FFF6; } /* muiden käyttäjien omat kommentit */ div.commentbox tr.user { color: #95EA48; } /* * Rekisteröityneenä käyttäjänä voisit... yms laatikot kommentien tilalla sisäänkirjauttumattomille */ div.noticebox { padding: 0; } div.noticebox div.innerborder { border: 1px solid #667A8F; padding: 10px; padding-top: 5px; padding-bottom: 5px; } div.noticebox div.innerborder { height: auto; padding-left: 55px; } div.noticebox p { margin-top: 5px; margin-bottom: 5px; margin-left: 0; } div#todayspicnotice { width: 691px; margin-top: 10px; } div#regseductionbox ul { margin-top: 5px; margin-bottom: 5px; } p#regseductionlink a { padding-right: 15px; } /* * Profiilisivuun liittyvät määrreet */ #viewtable { border-collapse: collapse; } #viewtable td { vertical-align: top; } /* Vasen palsta */ #viewtableinfo { width: 214px; padding: 0; } /* Oikea palsta, jossa on kuva */ #viewtableimage { width: 691px; padding-top: 0; padding-left: 18px; } /* Kuvan ympäristö */ #viewimagearea { margin-top: 9px; padding: 8px 5px 10px 5px; margin-bottom: 12px; } /* Kuvan div */ #viewimage { margin-left: auto; margin-right: auto; } /* käyttäjän kuva */ #viewimage img { border: 0; } /* kuvateksti */ #viewcaption { margin: 3px 10px 20px 1px; text-align: center; margin-top: 5px; margin-bottom: 0px; } /* Edellinen/Seuraava tekstit */ #viewtableimage div.prevnextpagination { height: 10px; text-align: center; padding-bottom: 7px; display: none; } #viewtableimage div.prevnextpagination div.innerborder { position: relative; top: -6px; } #viewtableimage div.prevnextpagination .prevnextpagination a { padding-bottom: 3px; } /* erotin "- (x/y) -" */ #viewtableimage div.prevnextpagination .prevnextpagination .separator { font-size: 9px; } /* edellinen */ #viewtableimage div.prevnextpagination .prevlink { padding: 0; padding-left: 15px; padding-right: 2px; } /* seuraava */ #viewtableimage div.prevnextpagination .nextlink { padding: 0; padding-left: 2px; padding-right: 15px; } /* * Hymiö-selektori */ /* Muuta vain näitä värejä jottei mikään hajoisi */ #smileyselector { background-color: #4e003b; border: 1px solid #FFF; } #smileyselector { display: none; position: absolute; bottom: 20px; left: -36px; width: 93px; padding-top: 5px; z-index: 1000; } #smileys { position: relative; width: 30px; } #smileybutton { margin-left: 4px; margin-right: 4px; } #smileyselector div.smiley, #smileyselector div.smileyclose { text-align: center; height: 25px; width: 31px; float:left; } #smileyselector br { clear: left; } #smileyselector div.smileyclose a { color: white; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; padding-left: 3px; padding-right: 3px; } /* * Äänikommentti-laatikko */ #voicecommentbox { } div#voicecommentbox div#voicecommentmaximized { border: 1px solid #667A8F; padding: 0.5em 1.5em; } div#voicecommentbox div#voicecommentnumbermissing { border: 1px solid #667A8F; padding: 1em 1em 1em 70px; } div#voicecommentbox a#voicecommentinstructiontoggle { border: solid 1px #667A8F; display: block; padding: 1em 1em 1em 70px; color: #D3E6E6; font-weight: normal; text-decoration: none; } div#voicecommentbox a#voicecommentinstructiontoggle b { display: block; margin-bottom: 0.5em; color: #F68C00; font-weight: bold; } div#voicecommentbox div#voicecommentmaximized h4 { color: #F68C00; } div#voicecommentbox div#voicecommentmaximized ol { list-type: decimal; margin: 1em 0 1em 3em; padding: 0; } div#voicecommentbox div#voicecommentmaximized ol li { margin: 1em 0; padding: 0; } div#voicecommentbox div#voicecommentmaximized ol li p { margin: 0.5em 0 !important; } div#voicecommentbox div#voicecommentphone { width: 114px; height: 237px; float: right; margin: 0 0 1em 1em; background: url("voicecomment_n70.png") no-repeat; position: relative; } div#voicecommentbox span#voicecommentphonenumber { display: block; position: absolute; background: white; border: 1px solid #CCCCCC; color: black; font-size: 10px; font-weight: bold; left: 20px; bottom: 110px; width: 67px; text-align: right; padding: 2px; } /* * Huomiot */ /* huomion ulkoreuna */ #notes div.hover1 { border-color: #90a2b6; } /* huomion sisäreuna */ #notes div.hover1 div.hoverinner { border-color: #162538; } /* huomion ulkoreuna onmouseover */ #notes div.hover2 { border-color: white; } /* huomion sisäreuna onmouseover */ #notes div.hover2 div.hoverinner { border-color: black; } /* huomion tekstiboksi */ #notes span.text { border: 1px solid #FFF; background: #4e003b; color: #FFF; } /* * Kurkistus */ /* Käyttäjäkurkistus-"laatikko", älä määrittele korkeutta */ div.peepboxN { background-color: #4e003b; width: 180px; } /* Kanava/yhteisö -kurkistus-"laatikko", älä määrittele korkeutta */ div.peepboxC { background-color: #4e003b; width: 250px; } /* kurkistuksen sisäreuna */ div.peepboxN div.innerborder, div.peepboxC div.innerborder { border: 1px solid #667A8F; padding: 5px 10px 5px 10px; color: #FFF; font-family: Verdana, Arial, sans-serif; letter-spacing: 0px; font-size: 11px; } div.peepboxN p, div.peepboxC p { margin-top: 0; margin-bottom: 5px; } div.peepboxN span, div.peepboxC span { display: block; margin-left: 9px; } /* * Kaverit, kirjautunut-pallo ja syntärisankarikakku */ /* Kaverit vaaleanpunaisella */ span.friend a:link, span.friend a:visited { color: #FF8A92; } span.onlinenick { padding-right: 7px; margin-right: 2px; background-image: url(http://irc-galleria.net/img/idaho/online.gif); background-repeat: no-repeat; background-position: 100% 6px; } span.birthdaynick { padding-right: 17px; margin-right: 0px; background-image: url(http://irc-galleria.net/img/idaho/birthday.gif); background-repeat: no-repeat; background-position: 100% 0px; } /* * Tosi sekalaista */ p { line-height: 15px; margin-top: 0; margin-bottom: 10px; } /* Pikkuotsikko - Sälähallinta */ h4 { font-size: 12px; padding-top: 10px; margin-top: 0; margin-bottom: 5px; } form table th { text-align: left; vertical-align: top; } /* checkboxit ja radio buttonit labelin sisällä */ label input { vertical-align: bottom; } strong { } .error, ul.errors { color: #FF7070; } .alert { color: #FF3030; font-weight: bold; } div.smallbox .error { color: red; } span.nick1 a { margin-left: 2px; margin-right: 2px; } div.picture img { border: 1px solid #667A8F; margin: 0; } ul.emphasized li { color: #F68C00; font-weight: bold; margin-bottom: 2px; }