Template:Web Link/styles.css: Difference between revisions

From Indian River Lagoon Project
mNo edit summary
mNo edit summary
 
(38 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* WEB LINK TEMPLATE */
/* WEB LINK TEMPLATE */
/* .irllink {} */
.irllink {font-size:1em}
.irllinkheader {width:100%}
.irllinksubtitle {margin-top:6px;font-size:1em;font-weight:500;font-style:italic;}
.irllinkheadertitle {font-size:1.3em}
.irllinkbox {width:100%;float:left;padding:6px;background:#f7ebcd;border:4px ridge #ddd;border-radius: 10px;}
.irllinkheadertext {padding-top:5px;font-size:1em}
.irllinksubtitle {padding-top:5px;font-size:1em;font-weight:500;font-style:italic;}
.irllinkformlink {float:right;margin-right:10px;font-size:.8em;font-weight:500;padding:2px 3px;border-radius:10px;background:#ddd;border:1px solid #333}
.irllinksearch {width:360px;float:left;margin-bottom:10px}
/*.irllinkinputform {width:360px}*/
.irllinktoc {width:360px}
.irllinkcontent {width:100%;float:left}
.irllinkdiv {width:99%;float:left;margin-top:20px;border:2px solid #111}
.irllinktop {width:100%;float:left}
.irllinktop {width:100%;float:left}
.irllinkname {width:100%;float:left;margin-bottom:5px;font-size:1.4em;font-weight:600}
.irllinkname {width:100%;float:left;font-size:1.4em;font-weight:600}
.irllinkarticle {padding-left:5px;vertical-align:top}
.irllinkarticle {padding-left:5px;vertical-align:top} /* icon */
.irllinksocial {padding-left:5px}
.irllinksocial {padding-left:5px}/* icon */
.irllinkurl {width:100%;float:left;font-size:.9em;font-weight:500}
.irllinkurl {width:100%;float:left;margin-top:5px;font-size:.9em;font-weight:500}
.irllinkmid1 {float:left;margin:20px 10px}
.irllinkmiddle {width:100%;float:left;margin-top:20px;padding-left:6px;padding-right:6px}
.irllinkdesc {width:100%;float:left;font-size:1.1em;}
.irllinkimage {width:auto;float:right;padding-top:5px;padding-left:5px;}
.irllinkdesc {font-size:1.1em;}
.irllinkdesc::first-letter {font-size: 1.3em;font-weight:600;}
.irllinkdesc::first-letter {font-size: 1.3em;font-weight:600;}
.irllinksitelogo {width:auto;float:right;margin:10px 0px 10px 10px}
.irllinktextbody {margin-top:1em;font-size:1.1em;}
.irllinkpostdiv {width:100%;float:left;box-sizing:border-box;}
.irllinkmap {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinkposter {margin-right:20px;white-space:nowrap;font-size:0.9em;text-align:right;}
.irllinkscreenshot {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinkposted {white-space:nowrap;font-size:0.9em;text-align:right;}
.irllinkvideo {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinkrate {float:right;padding-right:40px}
.irllinkextra {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinktopicdiv {width:100%;float:left;margin-top:10px}
.irllinkbottom {width:100%;float:left;margin-top:20px;padding-left:6px;padding-right:6px}
.irllinktopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}  
.irllinktopicdiv {width:100%;float:left}
.irllinksubtopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}
.irllinktopicbutton {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}
.irllinkscreenshot {float:left;margin:20px 10px 0px 0px;font-size:1.1em;font-weight:600}
.irllinkpostdiv {width:100%;float:left;margin-top:10px;padding-right:6px}
.irllinkmap {width:100%;float:left;margin-top:20px}
.irllinkposter {font-size:0.9em}
.irllinkfooter {width:100%;float:left}
.irllinkposted {float:right;padding-right:3px;font-size:0.9em;}
.irllinkfootertitle {font-size:1.2em;font-weight:500}
 
.irllinkfootertext {padding-top:5px;font-size:0.9em;font-weight:400}
/* Web Link Row */
.irllinkbox {width:100%;float:left;margin-bottom:10px;padding:.8em;background:#f7ebcd;border:4px ridge #ddd}
.irllinkrow {width:100%;float:left;margin:5px 0px;padding:5px;background:#f7ebcd;border:4px ridge #ddd;border-radius: 10px;}
/* .irllinkboxdiv {} */
.irllinkrowimage {width:auto;float:right;padding-top:5px;padding-left:5px;}
.irllinkrowname {font-size:1.1em;font-weight:600}
.irllinkrowdesc {margin:6px 0px;padding-right:3px;font-size:1em;}
.irllinkrowtopicbutton {width:auto;float:left;padding:1px 4px;font-size:0.7em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}

Latest revision as of 07:40, June 13, 2022

/* WEB LINK TEMPLATE */
.irllink {font-size:1em}
.irllinksubtitle {margin-top:6px;font-size:1em;font-weight:500;font-style:italic;}
.irllinkbox {width:100%;float:left;padding:6px;background:#f7ebcd;border:4px ridge #ddd;border-radius: 10px;}
.irllinktop {width:100%;float:left}
.irllinkname {width:100%;float:left;font-size:1.4em;font-weight:600}
.irllinkarticle {padding-left:5px;vertical-align:top} /* icon */
.irllinksocial {padding-left:5px}/* icon */
.irllinkurl {width:100%;float:left;margin-top:5px;font-size:.9em;font-weight:500}
.irllinkmiddle {width:100%;float:left;margin-top:20px;padding-left:6px;padding-right:6px}
.irllinkimage {width:auto;float:right;padding-top:5px;padding-left:5px;}
.irllinkdesc {font-size:1.1em;}
.irllinkdesc::first-letter {font-size: 1.3em;font-weight:600;}
.irllinktextbody {margin-top:1em;font-size:1.1em;}
.irllinkmap {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinkscreenshot {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinkvideo {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinkextra {width:100%;float:left;margin-top:20px;padding-right:6px}
.irllinkbottom {width:100%;float:left;margin-top:20px;padding-left:6px;padding-right:6px}
.irllinktopicdiv {width:100%;float:left}
.irllinktopicbutton {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}
.irllinkpostdiv {width:100%;float:left;margin-top:10px;padding-right:6px}
.irllinkposter {font-size:0.9em}
.irllinkposted {float:right;padding-right:3px;font-size:0.9em;}

/* Web Link Row */
.irllinkrow {width:100%;float:left;margin:5px 0px;padding:5px;background:#f7ebcd;border:4px ridge #ddd;border-radius: 10px;}
.irllinkrowimage {width:auto;float:right;padding-top:5px;padding-left:5px;}
.irllinkrowname {font-size:1.1em;font-weight:600}
.irllinkrowdesc {margin:6px 0px;padding-right:3px;font-size:1em;}
.irllinkrowtopicbutton {width:auto;float:left;padding:1px 4px;font-size:0.7em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}