Template:Web Link/styles.css: Difference between revisions
From Indian River Lagoon Project
mNo edit summary |
mNo edit summary |
||
(36 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* WEB LINK TEMPLATE */ | /* 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;} | |||
.irllinksubtitle { | |||
. | |||
.irllinktop {width:100%;float:left} | .irllinktop {width:100%;float:left} | ||
.irllinkname {width:100%;float:left | .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} | ||
.irllinkmiddle {float:left;margin:20px | .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;} | .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} | ||
. | .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} | .irllinkposter {font-size:0.9em} | ||
.irllinkposted {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}