Template:Web Link/styles.css: Difference between revisions
From Indian River Lagoon Project
mNo edit summary |
mNo edit summary |
||
(21 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* WEB LINK TEMPLATE */ | /* WEB LINK TEMPLATE */ | ||
.irllink {font-size:1em} | .irllink {font-size:1em} | ||
.irllinksubtitle {margin-top:6px;font-size:1em;font-weight:500;font-style:italic;} | .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} | .irllinkbox {width:100%;float:left;padding:6px;background:#f7ebcd;border:4px ridge #ddd;border-radius: 10px;} | ||
.irllinktop {width:100%;float:left} | .irllinktop {width:100%;float:left} | ||
.irllinkname {width:100%;float:left;font-size:1.4em;font-weight:600} | .irllinkname {width:100%;float:left;font-size:1.4em;font-weight:600} | ||
Line 14: | Line 9: | ||
.irllinkurl {width:100%;float:left;margin-top:5px;font-size:.9em;font-weight:500} | .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} | .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 { | .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;} | ||
.irllinktextbody { | .irllinktextbody {margin-top:1em;font-size:1.1em;} | ||
.irllinkmap {width:100%;float:left;margin-top:20px;padding-right:6px} | .irllinkmap {width:100%;float:left;margin-top:20px;padding-right:6px} | ||
.irllinkscreenshot {width:100%;float:left;margin-top:20px;padding-right:6px} | .irllinkscreenshot {width:100%;float:left;margin-top:20px;padding-right:6px} | ||
Line 24: | Line 19: | ||
.irllinkbottom {width:100%;float:left;margin-top:20px;padding-left:6px;padding-right:6px} | .irllinkbottom {width:100%;float:left;margin-top:20px;padding-left:6px;padding-right:6px} | ||
.irllinktopicdiv {width:100%;float:left} | .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} | .irllinkpostdiv {width:100%;float:left;margin-top:10px;padding-right:6px} | ||
.irllinkposter {font-size:0.9em} | .irllinkposter {font-size:0.9em} | ||
.irllinkposted {float:right;padding-right:3px;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} |
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}