Skip to content

C
cloud-quote
Commit 5e501a8d authored by Sven Franck's avatar Sven Franck
Browse files
Options

added social icons and links

parent eb268b0c
Hide whitespace changes
Inline Side-by-side
Showing with 46 additions and 37 deletions
css/_structure.css
View file @ 5e501a8d
......@@ -10,7 +10,7 @@
a.ui-link-inherit {
text-decoration: none !important;
}
/* Active class used as the "on" state across all themes
/* Active class used as the "on" state across all themes - changed from #5393c5 #6facd5 to #2DBCF8, #2499CB
-----------------------------------------------------------------------------------------------------------*/
.ui-btn-active {
border: 1px solid #2373a5 /*{global-active-border}*/;
......@@ -20,12 +20,12 @@ a.ui-link-inherit {
cursor: pointer;
text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #3373a5 /*{global-active-shadow-color}*/;
text-decoration: none;
background-image: -webkit-gradient(linear, left top, left bottom, from( #5393c5 /*{global-active-background-start}*/), to( #6facd5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* IE10 */
background-image: -o-linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient( #5393c5 /*{global-active-background-start}*/, #6facd5 /*{global-active-background-end}*/);
background-image: -webkit-gradient(linear, left top, left bottom, from( #2DBCF8 /*{global-active-background-start}*/), to( #2499CB /*{global-active-background-end}*/)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient( #2DBCF8 /*{global-active-background-start}*/, #2499CB /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient( #2DBCF8 /*{global-active-background-start}*/, #2499CB /*{global-active-background-end}*/); /* FF3.6 */
background-image: -ms-linear-gradient( #2DBCF8 /*{global-active-background-start}*/, #2499CB /*{global-active-background-end}*/); /* IE10 */
background-image: -o-linear-gradient( #2DBCF8 /*{global-active-background-start}*/, #2499CB /*{global-active-background-end}*/); /* Opera 11.10+ */
background-image: linear-gradient( #2DBCF8 /*{global-active-background-start}*/, #2499CB /*{global-active-background-end}*/);
font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-btn-active:visited,
......
css/structure.css
View file @ 5e501a8d
This source diff could not be displayed because it is too large. You can view the blob instead.
gadgets/social.html
View file @ 5e501a8d
......@@ -4,15 +4,45 @@
.menu_social {text-align: center;}
.action_menu {display: inline-block;}
.follow_us {display: inline-block; margin: 0; padding: 0 .5em 0 0;}
/* custom icons - vendors */
.setIcon {top: 0px !important;}
.ui-icon-vendor .ui-icon {background-image: url(../img/custom-vendor-18.png); background-color: transparent;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.ui-icon-vendor .ui-icon { -moz-background-size: 1200px 18px; -o-background-size: 1200px 18px; -webkit-background-size: 1200px 18px; background-size: 1200px 18px;}
.ui-icon-vendor .ui-icon { background-image: url(../img/custom-vendor-36.png); #background-image: url(../img/custom-vendor-18.png);}
}
/* background position for all sprites */
.ui-icon-vendor.ios .ui-icon {background-position: 0px -50%;}
.ui-icon-vendor.android .ui-icon {background-position: -36px -50%;}
.ui-icon-vendor.blackberry .ui-icon {background-position: -72px -50%;}
.ui-icon-vendor.bada .ui-icon {background-position: -108px -50%;}
.ui-icon-vendor.windows .ui-icon {background-position: -144px -50%;}
.ui-icon-vendor.hp .ui-icon {background-position: -180px -50%;}
.ui-icon-vendor.i-forgot .ui-icon {background-position: -216px -50%;}
.ui-icon-vendor.meegoo .ui-icon {background-position: -252px -50%;}
.ui-icon-vendor.facebook .ui-icon {background-position: -288px -50%;}
.ui-icon-vendor.youtube .ui-icon {background-position: -324px -50%;}
.ui-icon-vendor.twitter .ui-icon {background-position: -360px -50%;}
.ui-icon-vendor.firefox .ui-icon {background-position: -396px -50%;}
.ui-icon-vendor.chrome .ui-icon {background-position: -432px -50%;}
.ui-icon-vendor.safari .ui-icon {background-position: -468px -50%;}
.ui-icon-vendor.opera .ui-icon {background-position: -504px -50%;} /*-515px -10px*/
.ui-icon-vendor.ie .ui-icon {background-position: -540px -50%;}
</style>
</head>
<body>
<div class="menu_social">
<div>
<div data-role="controlgroup" data-type="horizontal" data-theme="c" class="action_menu">
<a href="#" id="follow_twitter" data-role="button" data-icon="tw" data-theme="c" class="t scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.tw_fw;[html]soc.tw"></a>
<a href="#" id="follow_facebook" data-role="button" data-icon="fb" data-theme="c" class="t scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.fb_fw;[html]soc.fb"></a>
<a href="#" id="follow_linkedin" data-role="button" data-icon="li" data-theme="c" class="t scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.li_fw;[html]soc.li"></a>
<a href="https://twitter.com/nexedi" data-ajax="false" id="follow_twitter" data-role="button" data-icon="tw" data-theme="c" class="t ui-icon-vendor twitter scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.tw_fw;[html]soc.tw"></a>
<a href="http://www.facebook.com/pages/Nexedi/168462169880320" data-ajax="false" id="follow_facebook" data-role="button" data-icon="fb" data-theme="c" class="t ui-icon-vendor facebook scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.fb_fw;[html]soc.fb"></a>
<!-- <a href="#" id="follow_linkedin" data-role="button" data-icon="li" data-theme="c" class="t scale-a" data-i18n-target=".ui-btn-text" data-i18n="[title]soc.li_fw;[html]soc.li"></a> -->
</div>
</div>
</div>
......
p/index.html
View file @ 5e501a8d
......@@ -5,38 +5,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../css/overrides.css">
<script data-main="../js/main.js" type="text/javascript" src="../js/libs/require/require.js"></script>
<style type="text/css">
#index_wrapper {margin-top: -15px; margin-bottom: -15px;}
</style>
<title></title>
</head>
<body class="splash">
<div data-role="page" id="index">
<div id="index_header" data-gadget="../gadgets/header.html"
data-gadget-property='{
"self": {
"h1": [
"data-i18n",
"pages.titles.main"
]
},
"translator": {
"a.setIcon": [
"href",
"#popup_index_lang"
],
"div.all_popups": [
"id",
"popup_index_lang"
]
}
}'>
</div>
<div id="index_header" data-gadget="../gadgets/header.html" data-gadget-property='{"self": {"h1": ["data-i18n", "pages.titles.main"]}, "translator": {"a.setIcon": ["href", "#popup_index_lang"], "div.all_popups": ["id","popup_index_lang"]}}'></div>
<div data-role="content">
<div id="index_wrapper" data-gadget="../gadgets/index_wrapper.html"></div>
<div data-gadget="" class="main-interactor"
data-gadget-connection="[
{&quot;source&quot;: &quot;index_header.translate&quot;, &quot;destination&quot;: &quot;index_wrapper.translate&quot;}
]">
</div>
<div data-gadget="" class="main-interactor" data-gadget-connection="[{&quot;source&quot;: &quot;index_header.translate&quot;, &quot;destination&quot;: &quot;index_wrapper.translate&quot;}]"></div>
</div>
</div>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7